@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9e8e0;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0e0c;--bg-soft:#101411;--panel:#151a16;--panel-raised:#1a201b;--panel-hover:#202820;--border:#293129;--border-strong:#374137;--text:#e9e8e0;--muted:#919a90;--muted-2:#697269;--gold:#c6a563;--gold-soft:#a88950;--green:#849b6b;--green-bright:#a2bd80;--red:#af695f;--blue:#6e91a8;--sidebar-width:246px;--topbar-height:64px;--radius:12px;--shadow:0 20px 50px #0003;background:#0b0e0c;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 62% -20%, #71875a14, transparent 38%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:#c6a5634d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#343d34 padding-box padding-box;border:2px solid #0000;border-radius:8px}.app-shell{min-height:100vh}.main-column{margin-left:var(--sidebar-width);min-height:100vh}main{min-height:calc(100vh - var(--topbar-height))}.view{max-width:1480px;margin:0 auto;padding:34px 36px 84px;animation:.24s ease-out view-in}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:.01em;font-family:Marcellus,Georgia,serif;font-weight:400}h1{margin-bottom:8px;font-size:clamp(28px,3vw,40px);line-height:1.12}h2{margin-bottom:0;font-size:20px}p{color:var(--muted);line-height:1.55}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:7px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow--light{color:#ddd0ac}.muted-count{color:var(--muted);font-size:12px}.sidebar{z-index:30;width:var(--sidebar-width);background:#101411;border-right:1px solid #252c26;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:11px;height:76px;padding:0 20px;display:flex}.brand__mark{width:36px;height:36px;color:var(--gold)}.brand__mark svg{width:100%;height:100%}.brand__mark path:first-child{fill:#c6a5631a;stroke:var(--gold);stroke-width:1.5px}.brand__mark path:nth-child(2){fill:none;stroke:var(--gold);stroke-width:.9px}.brand__mark text{fill:var(--gold);text-anchor:middle;font:700 7px Manrope}.brand>span:nth-child(2){flex-direction:column;display:flex}.brand strong{letter-spacing:.12em;font-family:Marcellus,serif;font-size:17px}.brand small{color:var(--muted-2);letter-spacing:.2em;margin-top:2px;font-size:7px}.sidebar__mobile-close{background:0 0;border:0;margin-left:auto;display:none}.campaign-switcher{text-align:left;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:9px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin:14px 12px 10px;padding:10px;display:grid}.campaign-switcher:hover{border-color:var(--border-strong);background:var(--panel-raised)}.campaign-switcher__crest{width:35px;height:35px;color:var(--gold);background:#24241c;border:1px solid #3a3628;border-radius:7px;place-items:center;display:grid}.campaign-switcher>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.campaign-switcher small{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.campaign-switcher strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.sidebar-nav{flex:1;padding:4px 10px;overflow-y:auto}.sidebar-label{color:#5e675f;letter-spacing:.15em;text-transform:uppercase;padding:17px 11px 7px;font-size:8px;font-weight:700;display:block}.sidebar-nav button{color:#899188;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;height:41px;margin:2px 0;padding:0 12px;font-size:12px;transition:all .16s;display:flex}.sidebar-nav button:hover{color:var(--text);background:#ffffff06}.sidebar-nav button.is-active{color:#e0d7bd;box-shadow:inset 2px 0 var(--gold);background:linear-gradient(90deg,#c6a56324,#c6a56309)}.sidebar-nav button.is-active svg{color:var(--gold)}.sidebar-nav button i{color:#181b18;background:var(--gold);border-radius:20px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;font-style:normal;font-weight:700;display:grid}.sidebar-session{background:linear-gradient(145deg,#7e966517,#ffffff04);border:1px solid #2c382c;border-radius:9px;margin:8px 12px 13px;padding:12px 14px}.sidebar-session span{color:#aabca0;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;display:flex}.sidebar-session span i,.music-sync i{background:#8fc16e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #8fc16ea6}.sidebar-session strong{font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:8px 0 2px;font-size:16px;display:block}.sidebar-session small{color:var(--muted-2);font-size:9px}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:9px;min-height:66px;padding:10px 15px;display:flex}.sidebar-profile>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-profile strong{font-size:11px}.sidebar-profile small{color:var(--muted-2);font-size:9px}.sidebar-profile button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.topbar{z-index:20;height:var(--topbar-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e0cdb;border-bottom:1px solid #232923;align-items:center;gap:14px;padding:0 34px;display:flex;position:sticky;top:0}.topbar__menu{cursor:pointer;background:0 0;border:0;display:none}.topbar__breadcrumb{white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.topbar__breadcrumb span,.topbar__breadcrumb i{color:var(--muted-2);font-style:normal}.global-search{width:min(310px,29vw);height:34px;color:var(--muted-2);border:1px solid var(--border);background:#ffffff06;border-radius:7px;align-items:center;gap:8px;margin-left:auto;padding:0 10px;display:flex}.global-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:10px}.global-search kbd{color:#636b64;background:#1a1f1b;border:1px solid #303630;border-radius:4px;padding:2px 5px;font-size:8px}.topbar__players{padding-left:7px;display:flex}.mini-avatar{color:#f3f1e8;background:var(--avatar-color,#555);border:2px solid var(--bg);border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-7px;font-size:7px;font-weight:700;display:grid}.mini-avatar--more{color:var(--muted);background:#222922}.topbar__icon{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.topbar__icon:hover{color:var(--text)}.has-notification:after{content:"";background:var(--red);border:2px solid var(--bg);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:5px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#191f1af5,#141915f5);box-shadow:0 8px 28px #00000014}.panel__header{justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:18px 20px;display:flex}.panel__header h2{font-size:18px}.panel__header .eyebrow{margin-bottom:5px}.button{color:#d4d7d0;cursor:pointer;background:#1b211c;border:1px solid #343c34;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:10px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover{background:#242b25;border-color:#465047;transform:translateY(-1px)}.button--primary{color:#171711;background:linear-gradient(135deg,#d1b36f,#b39151);border-color:#d3b76f;box-shadow:0 8px 22px #b4914f1f}.button--primary:hover{color:#10110e;background:linear-gradient(135deg,#dcc17e,#bea15f);border-color:#dcc17e}.button--glass{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0833;border-color:#ffffff38}.icon-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:#1c221d;border-radius:7px;place-items:center;display:grid}.icon-button:hover{color:var(--text);border-color:#4a554b}.icon-button--glass{color:#fff;background:#080a0838;border-color:#fff3}.status-pill{color:#a9c49a;text-transform:uppercase;letter-spacing:.06em;background:#849b6b1a;border:1px solid #849b6b3b;border-radius:20px;padding:5px 8px;font-size:8px}.text-button{color:var(--gold);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.avatar{--avatar-color:#64725e;color:#f3f0e7;background:linear-gradient(145deg, color-mix(in srgb, var(--avatar-color) 80%, #fff 10%), color-mix(in srgb, var(--avatar-color) 70%, #000 20%));border:1px solid color-mix(in srgb, var(--avatar-color) 55%, #fff 15%);letter-spacing:.03em;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:8px;font-weight:700;display:grid}.avatar--large{width:42px;height:42px;font-size:10px}.welcome-row,.view-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px;display:flex}.welcome-row p,.view-heading p{margin-bottom:0;font-size:12px}.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:18px;display:grid}.map-panel{min-height:340px;position:relative;overflow:hidden}.panel__header--overlay{z-index:5;background:linear-gradient(#0b0e0cc7,#0000);position:absolute;inset:0 0 auto}.panel__header--overlay h2{color:#fff}.map-panel .world-map{border:0;border-radius:0;height:100%;min-height:340px}.quest-panel{padding-bottom:20px}.quest-panel__summary{margin-bottom:14px;padding:0 20px;font-size:11px}.quest-steps{margin:0 20px 16px;position:relative}.quest-steps:before{content:"";background:#3a423a;width:1px;position:absolute;top:18px;bottom:21px;left:13px}.quest-step{align-items:center;gap:11px;min-height:52px;display:flex;position:relative}.quest-step>span{z-index:1;color:#6f766f;background:#171c18;border:1px solid #353c35;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.quest-step>div{flex-direction:column;gap:3px;display:flex}.quest-step strong{color:#777f78;font-size:10px}.quest-step small{color:#596159;font-size:8px}.quest-step--done>span{color:#aec99d;border-color:#53664c}.quest-step--done strong{color:#889188;text-decoration:line-through}.quest-step--active>span{color:#19170f;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #c6a56317}.quest-step--active strong{color:var(--text)}.quest-step--active small{color:var(--gold)}.quest-panel .text-button{margin-left:20px}.party-panel{min-height:320px}.party-list{padding:0 9px 10px}.party-member{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr minmax(80px,.45fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.party-member:hover{background:#ffffff06}.party-member__identity{flex-direction:column;gap:2px;display:flex}.party-member__identity strong{font-size:10px}.party-member__identity small{color:var(--muted-2);font-size:8px}.party-member__health{align-items:center;gap:7px;display:flex}.party-member__health small{width:35px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px}.party-member__health>span{background:#2c312c;border-radius:3px;width:100%;height:3px;overflow:hidden}.party-member__health i{border-radius:inherit;background:#879d70;height:100%;display:block}.presence{background:#4c534d;border-radius:50%;width:6px;height:6px}.presence--online{background:#8fbd72;box-shadow:0 0 7px #8fbd7280}.session-panel{grid-template-columns:72px 1fr auto;align-items:center;gap:15px;min-height:124px;padding:17px 20px;display:grid}.session-panel__date{background:#24241c;border:1px solid #3b3728;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;height:76px;display:flex}.session-panel__date span{color:var(--gold);letter-spacing:.14em;font-size:8px}.session-panel__date strong{margin-top:2px;font-family:Marcellus;font-size:30px;font-weight:400}.session-panel__content h2{font-size:17px}.session-panel__content p{align-items:center;gap:5px;margin:5px 0 8px;font-size:8px;display:flex}.attendance{color:var(--muted);align-items:center;gap:8px;font-size:8px;display:flex}.attendance__avatars{display:flex}.attendance__avatars i{color:#fff;background:var(--avatar-color);border:2px solid var(--panel);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:-5px;font-size:5px;font-style:normal;font-weight:700;display:grid}.quick-panel{min-height:124px}.quick-panel .panel__header{min-height:57px;padding-bottom:8px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:1px;padding:0 10px 14px;display:grid}.quick-actions button{min-width:0;color:var(--gold);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.quick-actions button:hover{background:#ffffff06}.quick-actions button span{flex-direction:column;min-width:0;display:flex}.quick-actions strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.quick-actions small{color:var(--muted-2);white-space:nowrap;font-size:7px}.world-map{background:#74786a;border:1px solid #343b34;border-radius:10px;min-height:480px;position:relative;overflow:hidden}.world-map__canvas{width:100%;height:100%;min-height:inherit;transition:all .3s;display:block}.map-land{fill:url(#land);stroke:#4e5449;stroke-width:.45px}.map-water{fill:none;stroke:#556e76;stroke-width:1.25px;stroke-linecap:round;opacity:.75}.map-water--thin{stroke-width:.75px}.map-road{fill:none;stroke:#5b5445;stroke-width:.65px;stroke-dasharray:1.2 1;opacity:.75}.map-road--minor{stroke-width:.4px;opacity:.5}.map-mountains path{fill:#51504240;stroke:#55584b;stroke-width:.5px;stroke-linejoin:round}.map-trees path{fill:#53634f;stroke:#465244;stroke-width:.25px;opacity:.85}.map-marker{cursor:pointer;outline:none}.map-marker>circle:first-child{fill:#5e5b4d;stroke:#d3c18f;stroke-width:.45px;transition:all .2s}.map-marker__core{fill:#e1d19e}.map-marker text{fill:#3b3a32;text-anchor:middle;paint-order:stroke;stroke:#b7b192d9;stroke-width:.65px;font:600 2.2px Manrope}.map-marker:hover>circle:first-child,.map-marker--selected>circle:first-child{fill:#8c7545;stroke:#f0dc9e;transform-origin:50%}.map-marker--selected>circle:first-child{r:3.5px}.party-route{fill:none;stroke:#d3b367;stroke-width:.7px;stroke-dasharray:1.3 1.3;animation:14s linear infinite route-dash}@keyframes route-dash{to{stroke-dashoffset:-20px}}.party-pin circle{fill:#a0413c;stroke:#eedbb6;stroke-width:.5px}.party-pin path{fill:none;stroke:#fff2dc;stroke-width:.5px;stroke-linecap:round}.map-tools{z-index:4;color:#d9dbd3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111512d9;border:1px solid #ffffff26;border-radius:8px;align-items:center;display:flex;position:absolute;top:16px;right:16px;overflow:hidden}.map-tools button{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.map-tools button:hover{background:#ffffff12}.map-tools span{text-align:center;font-variant-numeric:tabular-nums;width:44px;font-size:9px}.map-location-card{z-index:3;width:min(290px,100% - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#121612e6;border:1px solid #ffffff24;border-radius:9px;padding:17px;position:absolute;bottom:18px;left:18px}.map-location-card strong{font-family:Marcellus;font-size:18px;display:block}.map-location-card p{margin:5px 0 11px;font-size:9px}.map-location-card__meta{color:#abb1a8;gap:16px;font-size:8px;display:flex}.map-location-card__meta span{align-items:center;gap:5px;display:flex}.map-caption{color:#222621bf;letter-spacing:.06em;font:12px Marcellus;position:absolute;bottom:17px;right:18px}.world-map--compact .map-tools{display:none}.world-map--compact .map-caption{color:#f4efdcad;text-shadow:0 1px 4px #00000080}.map-view__panel{padding:8px}.map-details-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.journey-stats{grid-template-columns:repeat(3,1fr);padding:0 20px 20px;display:grid}.journey-stats span{border-left:1px solid var(--border);flex-direction:column;gap:3px;padding-left:15px;display:flex}.journey-stats strong{font-size:13px}.journey-stats small{color:var(--muted-2);font-size:8px}.map-note{margin:0;padding:0 20px 20px;font-size:10px}.map-legend{color:var(--muted);align-items:center;gap:15px;font-size:9px;display:flex}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{border-radius:50%;width:8px;height:8px;display:block}.legend-party{background:#a0413c;border:1px solid #eedbb6}.legend-place{background:#d3c18f}.map-legend .legend-route{border-top:1px dashed var(--gold);border-radius:0;width:16px;height:0}.character-layout{grid-template-columns:285px 1fr;align-items:start;gap:18px;display:grid}.character-list-panel{padding:8px}.character-list-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.character-list-item:hover{background:#ffffff06}.character-list-item.is-selected{background:#c6a56312;border-color:#c6a56333}.character-list-item>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.character-list-item strong{font-size:10px}.character-list-item small{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.character-list-item svg{color:var(--muted-2)}.character-sheet{min-width:0}.character-sheet__hero{background:radial-gradient(circle at 82% 30%, color-mix(in srgb, var(--hero-color) 28%, transparent), transparent 30%), linear-gradient(120deg, color-mix(in srgb, var(--hero-color) 23%, #151a16), #151a16 62%);border:1px solid color-mix(in srgb, var(--hero-color) 35%, #283028);border-radius:12px;align-items:center;gap:22px;min-height:170px;padding:30px;display:flex;overflow:hidden}.character-sheet__crest{color:#f3eee0;background:color-mix(in srgb, var(--hero-color) 55%, #1c221d);border:1px solid color-mix(in srgb, var(--hero-color) 60%, #eee 15%);border-radius:50%;flex:none;place-items:center;width:90px;height:90px;font:20px Marcellus;display:grid;box-shadow:0 0 0 7px #0000001f}.character-sheet__hero>div{flex:1}.character-sheet__hero h2{font-size:30px}.character-sheet__hero p{margin:4px 0 0;font-size:10px}.character-stats{grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.stat-block{background:var(--panel);border:1px solid var(--border);border-radius:9px;align-items:center;gap:12px;min-height:78px;padding:14px;display:flex}.stat-block>svg{color:var(--gold)}.stat-block>span{flex-direction:column;display:flex}.stat-block small{color:var(--muted);font-size:8px}.stat-block strong{margin-top:2px;font-size:21px;font-weight:600}.stat-block strong i{color:var(--muted-2);font-size:10px;font-style:normal;font-weight:500}.stat-block--health>svg{color:#b47065}.hp-controls{gap:3px;margin-left:auto;display:flex}.hp-controls button{width:25px;height:25px;color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:#202621;border-radius:5px;place-items:center;display:grid}.sheet-grid{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.resources-panel{padding-bottom:10px}.resource-row{border-top:1px solid #293129a6;grid-template-columns:minmax(110px,1fr) auto 34px;align-items:center;gap:12px;min-height:43px;padding:0 20px;font-size:9px;display:grid}.resource-row strong{color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px}.resource-pips{gap:5px;display:flex}.resource-pips i{background:#242a25;border:1px solid #465047;border-radius:50%;width:10px;height:10px}.resource-pips i.is-filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 5px #c6a5634d}.sheet-shortcuts{padding-bottom:10px}.sheet-shortcuts>button{width:calc(100% - 20px);min-height:43px;color:inherit;cursor:pointer;background:0 0;border:0;border-top:1px solid #293129a6;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0 10px;padding:0 11px;display:grid}.sheet-shortcuts>button:hover{background:#ffffff05}.sheet-shortcuts button span{color:#bdc3ba;align-items:center;gap:8px;font-size:9px;display:flex}.sheet-shortcuts button span svg{color:var(--gold)}.sheet-shortcuts button strong{color:var(--muted);font-size:9px}.sheet-shortcuts button>svg{color:var(--muted-2)}.chat-view{height:calc(100vh - var(--topbar-height));max-width:none;padding:18px}.chat-shell{grid-template-columns:225px 1fr;height:100%;display:grid;overflow:hidden}.chat-channels{border-right:1px solid var(--border);background:#090c0a3d;flex-direction:column;padding:11px 9px;display:flex}.chat-channels__title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:48px;padding:0 8px 7px;font-family:Marcellus;font-size:13px;display:flex}.channel-group-label{color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;padding:18px 9px 7px;font-size:8px;font-weight:700}.channel-button{width:100%;min-height:35px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 9px;font-size:10px;display:flex}.channel-button:hover,.channel-button.is-selected{color:var(--text);background:#ffffff09}.channel-button.is-selected{box-shadow:inset 2px 0 var(--gold)}.channel-button>i{color:#181a17;background:var(--gold);border-radius:20px;place-items:center;min-width:17px;height:17px;margin-left:auto;font-size:8px;font-style:normal;font-weight:700;display:grid}.channel-avatar{background:#2a332b;border-radius:50%;place-items:center;width:21px;height:21px;font-size:7px;display:grid}.chat-conversation{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.chat-conversation__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:59px;padding:0 17px;display:flex}.chat-conversation__header>div{align-items:center;gap:10px;display:flex}.channel-icon{width:29px;height:29px;color:var(--gold);background:#24271f;border-radius:6px;place-items:center;display:grid}.chat-conversation__header>div>span:last-child{flex-direction:column;gap:2px;display:flex}.chat-conversation__header strong{font-size:11px}.chat-conversation__header small{color:var(--muted-2);font-size:8px}.chat-messages{padding:22px 24px;overflow-y:auto}.chat-message{grid-template-columns:32px minmax(0,1fr);gap:10px;margin-top:15px;display:grid}.chat-message--grouped{margin-top:4px}.chat-message--grouped>div{grid-column:2}.avatar--chat{width:30px;height:30px}.chat-message header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.chat-message header strong{color:#d8d9d3;font-size:10px}.chat-message header time{color:var(--muted-2);font-size:7px}.chat-message p{color:#bec3bb;background:#1a201b;border:1px solid #29312a;border-radius:3px 9px 9px;max-width:min(650px,85%);margin:0;padding:8px 11px;font-size:10px;display:inline-block}.chat-message--own p{background:#657a522e;border-color:#849b6b40}.chat-composer{border-top:1px solid var(--border);align-items:center;gap:8px;min-height:72px;margin:0 18px;display:flex}.chat-composer input{min-width:0;height:40px;color:var(--text);background:#101511;border:1px solid #303830;border-radius:8px;outline:none;flex:1;padding:0 12px;font-size:10px}.chat-composer>button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.chat-composer .chat-composer__send{color:#171811;background:var(--gold);border-radius:7px}.empty-state{min-height:170px;color:var(--muted-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state strong{color:var(--text);margin:10px 0 3px;font-size:11px}.empty-state p{margin:0;font-size:9px}.notes-toolbar,.rules-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.segmented-control{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:3px;padding:3px;display:flex}.segmented-control button{min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 11px;font-size:9px;display:flex}.segmented-control button.is-active{color:var(--text);background:#293029;box-shadow:0 1px 4px #0003}.search-field{width:250px;height:37px;color:var(--muted-2);background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:9px}.notes-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;display:grid}.note-card{--note-accent:var(--gold);background:linear-gradient(145deg, color-mix(in srgb, var(--note-accent) 5%, #181d19), #141915);border:1px solid color-mix(in srgb, var(--note-accent) 23%, #293129);border-top:2px solid color-mix(in srgb, var(--note-accent) 65%, #293129);border-radius:10px;flex-direction:column;min-height:210px;padding:19px;display:flex;overflow:hidden}.note-card--green{--note-accent:var(--green)}.note-card--blue{--note-accent:var(--blue)}.note-card--red{--note-accent:var(--red)}.note-card header{justify-content:space-between;align-items:center;display:flex}.note-card__tag{color:var(--note-accent);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.note-card__actions{display:flex}.note-card__actions button{width:27px;height:27px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.note-card__actions button:hover,.note-card__actions button.is-pinned{color:var(--note-accent)}.note-card h2{margin:16px 0 8px;font-size:18px}.note-card>p{flex:1;margin:0;font-size:9px}.note-card footer{color:var(--muted-2);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:7px;display:flex}.note-card footer span{align-items:center;gap:4px;display:flex}.note-card--new{color:var(--muted-2);cursor:pointer;background:0 0;border:1px dashed #384139;justify-content:center;align-items:center}.note-card--new:hover{color:var(--gold);background:#c6a56306;border-color:#c6a56366}.note-card--new strong{color:var(--text);margin:11px 0 4px;font-size:10px}.note-card--new span{max-width:190px;font-size:8px;line-height:1.5}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030504b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#171c18;border:1px solid #3a423b;border-radius:12px;width:min(480px,100%);padding:23px;animation:.18s modal-in;box-shadow:0 30px 80px #0000008c}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal header h2{font-size:22px}.modal header button{color:var(--muted);cursor:pointer;background:0 0;border:0}.modal>label,.add-track-panel label{color:#a9b0a7;flex-direction:column;gap:7px;margin:13px 0;font-size:9px;display:flex}.modal input,.modal textarea,.add-track-panel input{width:100%;color:var(--text);resize:vertical;background:#101410;border:1px solid #323a33;border-radius:7px;outline:none;padding:11px 12px;font-size:10px}.modal input:focus,.modal textarea:focus,.add-track-panel input:focus{border-color:var(--gold-soft)}.modal__scope{gap:7px;margin-top:15px;display:flex}.modal__scope button{min-height:34px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#111511;border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:9px;display:flex}.modal__scope button.is-active{color:var(--gold);background:#c6a5630f;border-color:#c6a56359}.modal footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:20px;display:flex}.music-sync{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.music-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:16px;display:grid}.music-player{overflow:hidden}.music-player__screen{aspect-ratio:16/8;background:radial-gradient(circle,#849b6b1a,#0000 40%),#090c09;min-height:260px}.music-player__screen iframe{border:0;width:100%;height:100%;display:block}.music-empty{height:100%;color:var(--muted-2);flex-direction:column;justify-content:center;align-items:center;display:flex}.music-empty strong{color:var(--text);margin:10px 0 4px;font-size:11px}.music-empty span{font-size:8px}.music-player__info{align-items:center;gap:13px;min-height:88px;padding:14px 17px;display:flex}.music-cover{width:48px;height:48px;color:var(--gold);background:radial-gradient(circle,#313426 5%,#1c211c 6% 38%,#3a3c31 39%,#1b201c 42%);border:1px solid #3c443c;border-radius:9px;place-items:center;display:grid}.music-player__info>div{flex:1}.music-player__info h2{font-size:17px}.music-player__info p{margin:3px 0 0;font-size:8px}.add-track-panel{padding-bottom:18px}.add-track-panel form{padding:0 19px}.add-track-panel label small{color:var(--muted-2)}.add-track-panel .button{width:100%;margin-top:8px}.form-error{color:#c67b70;margin-top:-4px;font-size:8px;display:block}.legal-hint{border-top:1px solid var(--border);margin:15px 0 0;padding:14px 19px 0;font-size:8px}.playlist-panel{margin-top:16px;padding-bottom:8px}.playlist{padding:0 9px 7px}.playlist-row{border-top:1px solid #29312999;border-radius:6px;grid-template-columns:auto 28px 32px 1fr auto 31px;align-items:center;gap:9px;min-height:53px;padding:0 9px;display:grid}.playlist-row:hover,.playlist-row.is-playing{background:#ffffff05}.playlist-row.is-playing{box-shadow:inset 2px 0 var(--gold)}.drag-handle{color:#505850;cursor:grab}.playlist-row__index{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:8px}.playlist-row__play{color:#171812;background:var(--gold);cursor:pointer;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.playlist-row__title{flex-direction:column;gap:2px;display:flex}.playlist-row__title strong{font-size:9px}.playlist-row__title small{color:var(--muted-2);font-size:7px}.youtube-badge{color:#9d746d;align-items:center;gap:5px;font-size:8px;display:flex}.playlist-row__remove{color:var(--muted-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.playlist-row__remove:hover{color:#c47b72}.compendium-heading p{max-width:720px}.compendium-loading{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.compendium-loading svg{color:var(--gold);animation:1s ease-in-out infinite alternate loading-pulse}@keyframes loading-pulse{to{opacity:.35;transform:scale(.92)}}.compendium-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:-9px 0 19px;display:grid}.compendium-stats div{border:1px solid var(--border);background:#151a16ad;border-radius:9px;align-items:baseline;gap:8px;min-height:62px;padding:14px 16px;display:flex}.compendium-stats strong{color:var(--gold);font:24px Marcellus}.compendium-stats span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.compendium-shell{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:16px;display:grid}.compendium-sidebar{top:calc(var(--topbar-height) + 16px);position:sticky;overflow:hidden}.compendium-sidebar__title{color:var(--muted-2);letter-spacing:.13em;text-transform:uppercase;padding:16px 15px 8px;font-size:8px;font-weight:700;display:block}.compendium-sidebar nav{padding:0 7px 10px}.compendium-sidebar nav button{width:100%;min-height:39px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:0 9px;font-size:9px;display:grid}.compendium-sidebar nav button:hover{color:var(--text);background:#ffffff06}.compendium-sidebar nav button.is-active{color:#e2d6b8;box-shadow:inset 2px 0 var(--gold);background:#c6a5631a}.compendium-sidebar nav button.is-active svg{color:var(--gold)}.compendium-sidebar nav button small{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:7px}.compendium-source-note{color:var(--green);border-top:1px solid var(--border);background:#849b6b0d;grid-template-columns:23px 1fr;gap:7px;padding:13px 12px;display:grid}.compendium-source-note>span{flex-direction:column;gap:3px;display:flex}.compendium-source-note strong{color:#a8b99c;font-size:8px}.compendium-source-note small{color:var(--muted-2);font-size:7px;line-height:1.45}.compendium-content{min-width:0}.compendium-toolbar{align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.search-field--compendium{background:#101410;flex:1;width:auto;min-width:240px}.search-field--compendium input{font-size:10px}.search-field--compendium button{color:var(--muted-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.spell-filters{gap:7px;display:flex}.spell-filters select{color:#b9bdb6;border:1px solid var(--border);cursor:pointer;background:#101410;border-radius:7px;outline:none;min-width:125px;height:37px;padding:0 28px 0 10px;font-size:8px}.compendium-results-header{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 3px;display:flex}.compendium-results-header>div{color:var(--gold);align-items:center;gap:9px;display:flex}.compendium-results-header>div>span{flex-direction:column;gap:2px;display:flex}.compendium-results-header strong{color:var(--text);font:15px Marcellus}.compendium-results-header small,.compendium-language{color:var(--muted-2);font-size:7px}.compendium-language{align-items:center;gap:5px;display:flex}.compendium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.compendium-card{--entry-color:var(--gold);flex-direction:column;min-width:0;min-height:245px;transition:border-color .18s,transform .18s,background .18s;display:flex;overflow:hidden}.compendium-card:hover{border-color:color-mix(in srgb, var(--entry-color) 38%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--entry-color) 4%, #1a201b), #141915);transform:translateY(-2px)}.compendium-card--classes{--entry-color:#c6a563}.compendium-card--species{--entry-color:#849b6b}.compendium-card--backgrounds{--entry-color:#9f8069}.compendium-card--feats{--entry-color:#a97c9c}.compendium-card--spells{--entry-color:#788fb3}.compendium-card--equipment{--entry-color:#a77c5f}.compendium-card--conditions{--entry-color:#ad6b62}.compendium-card--rules{--entry-color:#9fa977}.compendium-card>header{align-items:center;gap:8px;min-height:44px;padding:9px 11px 0;display:flex}.compendium-card__icon{width:30px;height:30px;color:var(--entry-color);background:color-mix(in srgb, var(--entry-color) 8%, transparent);border:1px solid color-mix(in srgb, var(--entry-color) 20%, var(--border));border-radius:7px;place-items:center;display:grid}.compendium-card__kind{color:var(--muted-2);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:700}.compendium-card>header button{color:#535c54;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:29px;margin-left:auto;display:grid}.compendium-card>header button:hover,.compendium-card>header button.is-favorite{color:var(--gold);background:#c6a5630f}.compendium-card__body{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:10px 14px 13px;display:flex}.compendium-card__subtitle{color:var(--entry-color);letter-spacing:.05em;font-size:7px}.compendium-card__body>strong{margin-top:5px;font:18px/1.2 Marcellus}.compendium-card__body>small{color:var(--muted-2);margin-top:3px;font-size:7px}.compendium-card__body>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:42px;margin:10px 0 12px;font-size:8px;line-height:1.55;display:-webkit-box;overflow:hidden}.compendium-card__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin-top:auto;display:grid}.compendium-card__facts>span{color:#bbc0b8;white-space:nowrap;text-overflow:ellipsis;background:#00000021;border:1px solid #ffffff0a;border-radius:5px;min-width:0;padding:7px;font-size:7px;overflow:hidden}.compendium-card__facts small{color:var(--muted-2);text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:5px;display:block;overflow:hidden}.compendium-card__open{color:var(--entry-color);align-items:center;gap:3px;margin-top:12px;font-size:8px;display:flex}.compendium-load-more{margin:18px auto 0;display:flex}.compendium-empty{min-height:280px;color:var(--muted-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.compendium-empty strong{color:var(--text);margin-top:10px;font-size:11px}.compendium-empty p{margin:4px 0 10px;font-size:8px}.compendium-detail-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020403b3;justify-content:flex-end;animation:.18s detail-backdrop-in;display:flex;position:fixed;inset:0}@keyframes detail-backdrop-in{0%{opacity:0}}.compendium-detail{background:#131814;border-left:1px solid #3a433b;flex-direction:column;width:min(720px,100% - 40px);height:100%;animation:.23s ease-out detail-in;display:flex;box-shadow:-30px 0 90px #00000080}@keyframes detail-in{0%{opacity:.7;transform:translate(28px)}}.compendium-detail__header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#c6a5630f,#0000 45%);grid-template-columns:46px minmax(0,1fr) 36px 36px;align-items:center;gap:12px;min-height:103px;padding:20px 22px;display:grid}.compendium-detail__icon{width:46px;height:46px;color:var(--gold);background:#c6a56314;border:1px solid #c6a56330;border-radius:10px;place-items:center;display:grid}.compendium-detail__header .eyebrow{margin-bottom:3px;font-size:7px}.compendium-detail__header h2{margin:0;font-size:27px;line-height:1.15}.compendium-detail__header p{margin:4px 0 0;font-size:8px}.detail-favorite,.detail-close{width:34px;height:34px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#1a201b;border-radius:7px;place-items:center;display:grid}.detail-favorite:hover,.detail-favorite.is-favorite{color:var(--gold)}.detail-close:hover{color:var(--text)}.compendium-detail__scroll{padding:24px;overflow-y:auto}.compendium-detail__summary{color:#b5bbb3;margin-bottom:20px;font-size:11px;line-height:1.65}.compendium-detail__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:23px;display:grid}.compendium-detail__facts span{border:1px solid var(--border);background:#0f1310;border-radius:7px;flex-direction:column;gap:6px;min-height:61px;padding:11px 12px;display:flex}.compendium-detail__facts small{color:var(--muted-2);letter-spacing:.09em;text-transform:uppercase;font-size:6px}.compendium-detail__facts strong{color:#d2d4ce;font-size:9px;font-weight:500;line-height:1.45}.compendium-detail__section{margin:23px 0}.compendium-detail__section>h3,.compendium-detail__section>header h3{color:#ddd9cd;margin:0 0 10px;font:15px Marcellus}.compendium-detail__section ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.compendium-detail__section li{color:#acb2aa;background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;padding:9px 11px 9px 27px;font-size:9px;line-height:1.55;position:relative}.compendium-detail__section li:before{content:"◆";color:var(--gold);font-size:6px;position:absolute;top:11px;left:10px}.source-text{background:#6e91a80b;border:1px solid #6e91a829;border-radius:9px;padding:17px}.source-text>header{justify-content:space-between;align-items:center;display:flex}.source-text>header h3{margin:0}.source-text>header span{color:#82a0b4;align-items:center;gap:4px;font-size:7px;display:flex}.source-text p{color:#aeb8bc;white-space:pre-wrap;margin:12px 0 0;font-size:9px;line-height:1.75}.rule-note--detail{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.rule-note{flex-direction:column;gap:7px;display:flex}.rule-note>span{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:8px;display:flex}.rule-note textarea{width:100%;color:var(--text);resize:vertical;background:#101410;border:1px solid #303730;border-radius:6px;outline:none;padding:9px 10px;font-size:8px;line-height:1.5}.rules-license{max-width:890px;color:var(--muted-2);text-align:center;margin:28px auto 0;font-size:7px;line-height:1.6}.dice-fab{z-index:25;color:#161611;cursor:pointer;background:linear-gradient(135deg,#d1b36f,#ac8b4b);border:1px solid #d7bb76;border-radius:22px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:10px;font-weight:700;display:flex;position:fixed;bottom:22px;right:25px;box-shadow:0 10px 30px #00000059}.dice-fab:hover{transform:translateY(-2px)}.dice-popover{z-index:40;background:#171c18;border:1px solid #3b443b;border-radius:12px;width:280px;padding:16px;animation:.17s modal-in;position:fixed;bottom:75px;right:24px;box-shadow:0 25px 60px #00000080}.dice-popover header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.dice-popover header span{align-items:center;gap:7px;font:14px Marcellus;display:flex}.dice-popover header button{color:var(--muted);cursor:pointer;background:0 0;border:0}.dice-result{border:1px solid var(--border);background:radial-gradient(circle,#c6a56317,#0000 60%),#101410;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;height:75px;display:flex}.dice-result small{color:var(--muted);font-size:9px}.dice-result strong{color:var(--gold);font:34px Marcellus}.dice-result.is-rolling strong{animation:.12s linear infinite dice-roll}@keyframes dice-roll{50%{opacity:.55;transform:rotate(8deg)scale(.9)}}.dice-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0;display:grid}.dice-grid button{height:30px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#111511;border-radius:5px;font-size:8px}.dice-grid button.is-active{color:var(--gold);border-color:var(--gold-soft);background:#c6a56314}.dice-popover>label{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.dice-popover input{width:65px;color:var(--text);text-align:center;border:1px solid var(--border);background:#101410;border-radius:5px;padding:7px}.dice-popover>.button{width:100%;margin-top:12px}.mobile-nav,.mobile-scrim{display:none}@media (width<=1180px){:root{--sidebar-width:218px}.view{padding-inline:24px}.overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.quick-actions{grid-template-columns:1fr}.quick-actions small{display:none}.character-stats{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.compendium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compendium-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){:root{--sidebar-width:246px}.sidebar{transition:transform .24s;transform:translate(-102%);box-shadow:20px 0 60px #00000080}.sidebar--open{transform:translate(0)}.sidebar__mobile-close,.mobile-scrim{display:block}.mobile-scrim{z-index:29;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;border:0;width:100%;height:100%;position:fixed;inset:0}.main-column{margin-left:0}.topbar{padding-inline:18px}.topbar__menu{place-items:center;display:grid}.overview-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions small{display:block}.character-layout{grid-template-columns:1fr}.character-list-panel{display:flex;overflow-x:auto}.character-list-item{min-width:210px}.music-layout,.compendium-shell{grid-template-columns:1fr}.compendium-sidebar{position:static}.compendium-sidebar__title,.compendium-source-note{display:none}.compendium-sidebar nav{padding:7px;display:flex;overflow-x:auto}.compendium-sidebar nav button{grid-template-columns:18px auto auto;min-width:max-content;padding-inline:11px}.compendium-sidebar nav button.is-active{box-shadow:none;outline:1px solid #c6a56340}.dice-fab{bottom:78px}.dice-popover{bottom:130px}.mobile-nav{z-index:20;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e120ff5;grid-template-columns:repeat(6,1fr);height:62px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--muted-2);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;display:flex}.mobile-nav button.is-active{color:var(--gold)}}@media (width<=680px){.view{padding:22px 13px 88px}.topbar{gap:7px;height:57px;padding:0 11px}.topbar__breadcrumb span,.topbar__breadcrumb i,.global-search,.topbar__players,.topbar__icon:last-child{display:none}.topbar__breadcrumb{margin-right:auto}.welcome-row,.view-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:22px}.welcome-row .button,.view-heading>.button{width:100%}h1{font-size:29px}.panel__header{padding:16px}.map-panel,.map-panel .world-map{min-height:290px}.party-member{grid-template-columns:auto 1fr auto}.party-member__health{display:none}.session-panel{grid-template-columns:61px 1fr;padding:14px}.session-panel__date{height:66px}.session-panel>.icon-button{display:none}.quick-actions{grid-template-columns:1fr}.quick-actions small{display:block}.map-view__panel{padding:4px}.world-map{min-height:430px}.map-caption{display:none}.map-tools{top:9px;right:9px}.map-details-grid{grid-template-columns:1fr}.map-legend{flex-wrap:wrap}.character-sheet__hero{flex-wrap:wrap;align-items:flex-start;min-height:240px;padding:22px}.character-sheet__crest{width:67px;height:67px}.character-sheet__hero>div{min-width:calc(100% - 92px)}.character-sheet__hero h2{font-size:23px}.character-sheet__hero .button{width:100%}.character-stats{grid-template-columns:1fr 1fr}.stat-block{min-height:70px;padding:11px}.stat-block strong{font-size:17px}.sheet-grid{grid-template-columns:1fr}.resource-row{padding-inline:15px}.chat-view{height:calc(100vh - 119px);padding:0}.chat-shell{border:0;border-radius:0;grid-template-columns:1fr}.chat-channels{border:0;border-bottom:1px solid var(--border);flex-direction:row;gap:5px;padding:7px;display:flex;overflow-x:auto}.chat-channels__title,.channel-group-label{display:none}.channel-button{border:1px solid var(--border);background:#171c18;width:auto;min-width:max-content;padding:0 10px}.channel-button.is-selected{box-shadow:none;border-color:var(--gold-soft)}.chat-message p{max-width:100%}.chat-messages{padding:16px 13px}.chat-composer{margin:0 9px}.chat-composer>button:first-child,.chat-composer>button:nth-last-child(2){display:none}.notes-toolbar{flex-direction:column;align-items:stretch}.segmented-control{overflow-x:auto}.search-field{width:100%}.notes-grid{grid-template-columns:1fr}.note-card{min-height:190px}.music-sync{display:none}.music-player__screen{aspect-ratio:1;min-height:220px}.playlist-row{grid-template-columns:24px 30px 1fr 27px}.drag-handle,.playlist-row__index,.youtube-badge{display:none}.compendium-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compendium-stats div{min-height:54px;padding:11px 12px}.compendium-stats strong{font-size:20px}.compendium-toolbar{flex-direction:column;align-items:stretch}.search-field--compendium{width:100%}.spell-filters{grid-template-columns:1fr 1fr;display:grid}.spell-filters select{width:100%;min-width:0}.compendium-language{display:none}.compendium-grid{grid-template-columns:1fr}.compendium-card{min-height:225px}.compendium-detail{width:100%}.compendium-detail__header{grid-template-columns:40px minmax(0,1fr) 32px 32px;gap:8px;min-height:86px;padding:14px 12px}.compendium-detail__icon{width:40px;height:40px}.compendium-detail__header h2{font-size:20px}.detail-favorite,.detail-close{width:31px;height:31px}.compendium-detail__scroll{padding:17px 13px 84px}.compendium-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-fab{justify-content:center;width:44px;padding:0;bottom:72px;right:14px}.dice-fab span{display:none}.dice-popover{width:calc(100% - 24px);bottom:122px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}