:root{--theme-base:#e7eef0;--theme-accent:#1f4a42;--theme-text:#142824;--ink:var(--theme-text);--ink-soft:color-mix(in srgb, var(--theme-text) 72%, var(--theme-base));--fog:var(--theme-base);--paper:color-mix(in srgb, #fff 78%, var(--theme-base));--panel:color-mix(in srgb, #fff 88%, var(--theme-base));--line:color-mix(in srgb, var(--theme-text) 14%, transparent);--teal:var(--theme-accent);--teal-deep:color-mix(in srgb, var(--theme-accent) 82%, #000);--brass:#c9a24a;--brass-hot:#d6b15e;--danger:#8f3a32;--buff:#2f6b4f;--debuff:#8f3a32;--shadow:0 18px 40px color-mix(in srgb, var(--theme-text) 14%, transparent);--radius:14px;--rail-width:260px;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--brass) 22%, transparent), transparent 55%), radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 50%), linear-gradient(160deg, color-mix(in srgb, var(--theme-base) 92%, #fff) 0%, var(--theme-base) 45%, color-mix(in srgb, var(--theme-base) 88%, var(--theme-accent)) 100%);background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(color-mix(in srgb, var(--theme-text) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--theme-text) 6%, transparent) 1px, transparent 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 75%)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,.brand__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}ul{margin:0;padding:0;list-style:none}code{background:color-mix(in srgb, var(--theme-accent) 10%, transparent);border-radius:6px;padding:.1em .35em;font-size:.85em}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--theme-base) 78%, #fff);z-index:80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.1rem;animation:.6s both settle;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand__mark{background:radial-gradient(circle at 50% 40%, var(--brass-hot), transparent 55%), linear-gradient(145deg, var(--theme-accent), var(--teal-deep));width:2.35rem;height:2.35rem;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brass-hot) 45%, transparent);border-radius:12px;flex-shrink:0;animation:3.5s ease-in-out infinite pulse-mark}.brand__name{font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.1}.brand__tag{color:var(--ink-soft);margin-top:.15rem;font-size:.72rem}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.nav{flex-wrap:wrap;gap:.3rem;display:flex}.nav button{color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;padding:.5rem .8rem;transition:background .2s,color .2s,border-color .2s}.nav button:hover{background:color-mix(in srgb, #fff 70%, var(--theme-base));color:var(--ink)}.nav button.is-active{background:var(--teal-deep);color:color-mix(in srgb, #fff 92%, var(--theme-base));border-color:var(--teal-deep)}.workspace{grid-template-columns:var(--rail-width) 1fr;min-height:0;display:grid}.main{min-width:0;padding:1rem 1.15rem 1.25rem;animation:.55s both rise}.rail-backdrop{display:none}.location-rail{border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--theme-accent));z-index:25;flex-direction:column;gap:.75rem;height:calc(100dvh - 10rem);padding:1rem .85rem;display:flex;position:sticky;top:4.5rem;overflow:auto}.location-rail__head h2{font-size:1.05rem}.location-rail__head p{color:var(--ink-soft);margin-top:.2rem;font-size:.78rem}.rail-close{margin-top:.5rem;display:none}.location-rail__list{flex-direction:column;gap:.4rem;display:flex}.location-toggle{text-align:left;background:color-mix(in srgb, var(--theme-base) 55%, #fff);border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:.65rem;width:100%;padding:.7rem .75rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.location-toggle:hover{border-color:color-mix(in srgb, var(--theme-accent) 35%, transparent)}.location-toggle.is-active{border-color:color-mix(in srgb, var(--theme-accent) 40%, transparent);box-shadow:inset 3px 0 0 var(--brass);background:#fff}.location-toggle__dot{background:color-mix(in srgb, var(--theme-text) 25%, transparent);border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem;margin-top:.35rem}.location-toggle.is-active .location-toggle__dot{background:var(--theme-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--theme-accent) 20%, transparent)}.location-toggle__body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.location-toggle__body span{color:var(--ink-soft);font-size:.78rem}.locations-open--bar{display:none}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;max-width:48rem;margin-bottom:1rem;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:.85rem;display:grid}.desktop-canvas{border:1px dashed color-mix(in srgb, var(--theme-accent) 25%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--theme-base) 35%, transparent);height:calc(100dvh - 14rem);min-height:min(70vh,820px);position:relative}.dash-module--abs{flex-direction:column;min-width:0;display:flex;position:absolute}.dash-module--abs .dash-module__body{flex:1;overflow:auto}.resize-handle{cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--theme-text) 35%, transparent) 50%);border:0;border-radius:0 0 12px;width:1.1rem;height:1.1rem;position:absolute;bottom:0;right:0}.dash-module{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,opacity .15s;overflow:hidden}.dash-module.is-dragging{opacity:.7;transform:scale(.99)}.dash-module__head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--theme-base) 45%, #fff);align-items:center;gap:.45rem;padding:.65rem .85rem;display:flex}.dash-module__head h3{font-size:.98rem}.dash-module__body{padding:.85rem}.drag-handle{color:var(--ink-soft);cursor:grab;letter-spacing:-.12em;background:0 0;border:0;border-radius:6px;padding:.15rem .35rem;line-height:1}.drag-handle:active{cursor:grabbing}.scene-picker{-webkit-overflow-scrolling:touch;gap:.45rem;margin-bottom:.75rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.scene-picker>button{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--theme-base) 50%, #fff);border-radius:12px;flex-direction:column;flex:none;gap:.15rem;min-width:8.5rem;max-width:12rem;padding:.55rem .7rem;display:flex}.scene-picker>button span{color:var(--ink-soft);font-size:.75rem}.scene-picker>button.is-active{background:var(--theme-accent);color:color-mix(in srgb, #fff 94%, var(--theme-base));border-color:var(--theme-accent)}.scene-picker>button.is-active span{color:color-mix(in srgb, #fff 75%, var(--theme-base))}.scene-picker__hint{color:var(--ink-soft);align-self:center;font-size:.82rem}.view-header{max-width:44rem;margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--theme-accent);margin-bottom:.35rem;font-size:.72rem;font-weight:600}.lede{color:var(--ink-soft);margin-top:.45rem;line-height:1.5}.btn{border:1px solid var(--line);background:var(--paper);touch-action:manipulation;border-radius:10px;padding:.55rem .9rem;transition:transform .15s,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--theme-accent) 30%, transparent);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--accent{background:var(--theme-accent);color:color-mix(in srgb, #fff 94%, var(--theme-base));border-color:var(--theme-accent)}.btn--accent:hover:not(:disabled){background:var(--teal-deep)}.btn--ghost{background:0 0}.btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.btn--sm{padding:.35rem .65rem;font-size:.88rem}.btn-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.split-view{grid-template-columns:minmax(200px,260px) 1fr;gap:1rem;min-height:calc(100dvh - 12rem);display:grid}.list-pane,.detail-pane,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.list-pane{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.list-pane__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.list-pane__head h2{font-size:1.15rem}.detail-pane{padding:1.15rem 1.2rem 1.35rem}.detail-pane__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.entity-list{flex-direction:column;gap:.35rem;display:flex;overflow:auto}.entity-list button{text-align:left;background:color-mix(in srgb, var(--theme-base) 55%, #fff);border:1px solid #0000;border-radius:12px;flex-direction:row;align-items:center;gap:.65rem;width:100%;padding:.7rem .8rem;display:flex}.entity-list__portrait{object-fit:cover;border-radius:999px;flex-shrink:0;width:2.25rem;height:2.25rem}.entity-list__copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.entity-list button span{color:var(--ink-soft);font-size:.82rem}.entity-list button:hover,.entity-list button.is-active{border-color:color-mix(in srgb, var(--theme-accent) 35%, transparent);background:#fff}.entity-list button.is-active{box-shadow:inset 3px 0 0 var(--brass)}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--ink-soft);font-size:.8rem;font-weight:600}.field--tight{margin-bottom:.25rem}.field--inline{flex-direction:row;align-items:center;gap:.45rem}.field--full{grid-column:1/-1}.field input,.field select,.field textarea,.title-input,.skill-list input,.tag-add input,.color-row input[type=text]{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.55rem .7rem}.field textarea,.encounter-editor textarea{resize:vertical;min-height:4rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field-row--stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:.85rem 0}.audio-pair{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.audio-clip-editor{border:1px dashed color-mix(in srgb, var(--theme-accent) 28%, transparent);background:color-mix(in srgb, var(--theme-base) 45%, #fff);border-radius:12px;flex-direction:column;gap:.65rem;padding:.9rem;display:flex}.audio-clip-editor__head{justify-content:space-between;align-items:center;display:flex}.audio-clip-editor h4{font-size:.95rem}.hint{color:var(--ink-soft);font-size:.82rem;line-height:1.45}.hint--warn{color:var(--danger)}.session-grid{grid-template-columns:1.1fr .9fr;gap:1rem;display:grid}.panel{padding:1.1rem 1.2rem}.panel h3{margin-bottom:.85rem;font-size:1.1rem}.panel--wide{grid-column:1/-1}.place-card{background:color-mix(in srgb, var(--theme-base) 55%, #fff);border-radius:12px;padding:.9rem}.place-card h4{margin-bottom:.5rem}.scene-name{margin-top:.85rem}.meta-list{grid-template-columns:1fr 1fr;gap:.55rem .85rem;margin:0;display:grid}.meta-list dt{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.72rem}.meta-list dd{margin:.15rem 0 0}.soundscape p{color:var(--ink-soft);margin-bottom:.25rem;font-size:.9rem}.tracker-strip{gap:.65rem;display:grid}.tracker-strip li{background:color-mix(in srgb, var(--theme-base) 55%, #fff);border-radius:12px;padding:.75rem}.tracker-strip__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.tracker-strip__who{align-items:center;gap:.45rem;min-width:0;display:flex}.tracker-strip__portrait{object-fit:cover;border-radius:999px;flex-shrink:0;width:1.6rem;height:1.6rem}.tracker-strip__head span{color:var(--ink-soft);font-size:.82rem}.hp-bar{background:color-mix(in srgb, var(--theme-text) 12%, transparent);border-radius:999px;height:8px;overflow:hidden}.hp-bar__fill{background:linear-gradient(90deg,#2f6b4f,#4d9a6e);height:100%;transition:width .25s}.hp-bar__fill--npc{background:linear-gradient(90deg,#8f3a32,#c46a4a)}.hp-inline{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.hp-text{color:var(--ink-soft);font-size:.82rem}.hp-block{margin:.5rem 0 .25rem}.hp-block__row{flex-wrap:wrap;align-items:end;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.hp-sep{color:var(--ink-soft);padding-bottom:.55rem}.hp-quick{flex-wrap:wrap;gap:.35rem;display:flex}.mini-tags,.tag-list{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.tag{background:color-mix(in srgb, var(--theme-accent) 12%, transparent);border-radius:8px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.78rem;display:inline-flex}.tag button{color:var(--ink-soft);background:0 0;border:0;padding:0;line-height:1}.tag--buff{color:var(--buff);background:#2f6b4f26}.tag--debuff{color:var(--debuff);background:#8f3a3226}.tag--enemy{background:#8f3a321f}.tag--npc{background:#3a5f8f1f}.tag--ally{background:#2f6b4f1f}.encounter-list{gap:.75rem;display:grid}.encounter-list li{background:color-mix(in srgb, var(--theme-base) 55%, #fff);border-radius:12px;padding:.85rem}.encounter-list h4{margin-bottom:.35rem}.panel-block{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.panel-block__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.check-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.4rem;display:grid}.check{background:color-mix(in srgb, var(--theme-base) 55%, #fff);border-radius:8px;align-items:center;gap:.45rem;padding:.4rem .55rem;font-size:.9rem;display:flex}.check em{color:var(--ink-soft);font-size:.8rem;font-style:normal}.encounter-editor{gap:.85rem;display:grid}.encounter-editor li{border:1px solid var(--line);border-radius:12px;gap:.65rem;padding:.85rem;display:grid}.encounter-editor__head{gap:.5rem;display:flex}.stat-editor{border-top:1px solid var(--line);margin-top:.5rem;padding-top:.75rem}.skills-block__head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill-list{gap:.45rem;display:grid}.skill-list li{grid-template-columns:1fr 5rem auto;align-items:center;gap:.45rem;display:grid}.tag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.tag-editor__label{color:var(--ink-soft);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.tag-add{grid-template-columns:1fr auto;gap:.35rem;margin-top:.45rem;display:grid}.empty,.empty-inline{color:var(--ink-soft)}.empty{text-align:center;padding:2rem 1rem}.library-list{gap:.65rem;display:grid}.library-list li{background:color-mix(in srgb, var(--theme-base) 55%, #fff);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.library-list li>div:first-child{flex-direction:column;gap:.2rem;min-width:0;display:flex}.library-list span,.library-list code{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.82rem}.theme-fields{gap:.85rem;display:grid}.color-row{grid-template-columns:3rem 1fr;align-items:center;gap:.5rem;display:grid}.color-row input[type=color]{border:1px solid var(--line);background:#fff;border-radius:10px;width:3rem;height:2.4rem;padding:.2rem}.theme-preview{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.theme-preview__swatch{border:1px solid var(--line);border-radius:10px;height:2.5rem}.theme-preview__swatch--base{background:var(--theme-base)}.theme-preview__swatch--accent{background:var(--theme-accent)}.theme-preview__swatch--text{background:var(--theme-text)}.module-editor{gap:.45rem;display:grid}.module-editor li{background:color-mix(in srgb, var(--theme-base) 45%, #fff);border-radius:10px;align-items:center;gap:.35rem;padding:.35rem;display:flex}.module-editor .check{background:0 0;flex:1}.audio-dock{z-index:30;background:color-mix(in srgb, var(--theme-accent) 92%, #000);color:color-mix(in srgb, #fff 92%, var(--theme-base));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #ffffff1f;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1.1rem;animation:.7s both dock-in;display:grid;position:sticky;bottom:0}.audio-dock__brand{align-items:center;gap:.65rem;display:flex}.audio-dock__brand strong{font-family:var(--font-display);display:block}.audio-dock__brand span{opacity:.75;font-size:.75rem}.audio-dock__pulse{background:#8f3a32;border-radius:50%;width:.7rem;height:.7rem}.audio-dock__pulse[data-ready=true]{background:#4d9a6e;animation:2s infinite ready-pulse}.audio-dock__channels{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.audio-channel{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .65rem;display:flex}.audio-channel__meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.audio-channel__label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.68rem}.audio-channel__title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.audio-channel__time,.audio-channel__error{opacity:.75;font-size:.75rem}.audio-channel__error{color:#f0b4ad}.audio-channel__controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.audio-dock .btn{color:inherit;background:#ffffff14;border-color:#ffffff26}.audio-dock .btn--accent{background:var(--brass);color:var(--teal-deep);border-color:var(--brass)}.volume input{width:70px}.yt-hosts{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-9999px;overflow:hidden}.yt-hosts iframe{pointer-events:none!important}.topbar{z-index:80}.nav button,.location-toggle,.scene-picker>button{z-index:1;position:relative}@keyframes settle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dock-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse-mark{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes ready-pulse{0%{box-shadow:0 0 #4d9a6e8c}70%{box-shadow:0 0 0 8px #4d9a6e00}to{box-shadow:0 0 #4d9a6e00}}.map-toolbar{flex-wrap:wrap;align-items:end;gap:.55rem .75rem;margin-bottom:.85rem;display:flex}.map-board{aspect-ratio:1;border:1px solid var(--line);background:#1a2422;border-radius:12px;width:min(100%,920px);margin:0 auto 1rem;display:grid;position:relative;overflow:hidden}.map-board__image{object-fit:contain;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.map-cell{z-index:1;background:#00000047;border:1px solid #ffffff14;min-width:0;min-height:0;padding:0;position:relative}.map-cell.is-walk{background:#4d9a6e2e}.map-cell.has-token{background:#c9a24a40}.token{background:var(--theme-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:80%;height:80%;margin:10%;font-size:.65rem;font-weight:700;display:flex;overflow:hidden}.token img{object-fit:cover;width:100%;height:100%}.token--npc{background:#8f3a32}.pending-panel{max-width:920px;margin:0 auto 1rem}.room-code{font-family:var(--font-display);letter-spacing:.2em;margin:.35rem 0;font-size:2.2rem}.qr{background:#fff;border-radius:8px;width:180px;height:180px;padding:.35rem}.table-share-wrap{max-width:40rem;margin-top:1rem}.join-panel{max-width:28rem;margin:2rem auto}.gate-view{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.gate-card{width:min(100%,40rem);max-width:40rem}.gate-card h1{margin:.2rem 0 .6rem;font-size:clamp(1.6rem,4vw,2.1rem)}.gate-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.1rem 0 .6rem;display:grid}.gate-choice{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--theme-base) 40%, #fff);border-radius:var(--radius);flex-direction:column;gap:.4rem;min-height:7rem;padding:1rem 1.05rem;display:flex}.gate-choice strong{font-size:1.05rem}.gate-choice span{color:var(--ink-soft);font-size:.9rem}.gate-choice:hover{border-color:color-mix(in srgb, var(--theme-accent) 45%, transparent);background:#fff}.creator-panel{max-width:44rem;margin:1.25rem auto 2rem}.portrait-picker{flex-direction:column;gap:.5rem;display:flex}.portrait-picker__img,.portrait-picker__placeholder,.character-sheet__portrait{object-fit:cover;background:color-mix(in srgb, var(--theme-accent) 18%, #fff);border-radius:16px;width:5.5rem;height:5.5rem}.portrait-picker__placeholder,.character-sheet__portrait--empty{color:var(--theme-accent);place-items:center;font-weight:700;display:grid}.character-sheet{background:color-mix(in srgb, var(--theme-base) 50%, #fff);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.75rem;padding:.9rem 1rem;display:flex}.character-sheet__hero{align-items:center;gap:.85rem;display:flex}.character-sheet__hero h3{margin:.1rem 0 .2rem}.character-sheet__story{margin:0}.player-sheet-wrap{max-width:40rem;margin:0 auto 1rem}.player-sheet-wrap--map{max-width:920px}.character-sheet--compact .character-sheet__portrait{border-radius:12px;width:3.4rem;height:3.4rem}@media (width<=640px){.gate-choices{grid-template-columns:1fr}}.map-msg{text-align:center}@media (width<=960px){.workspace{grid-template-columns:1fr}.location-rail{width:min(86vw,320px);height:100dvh;box-shadow:var(--shadow);z-index:60;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.location-rail.is-open{transform:translate(0)}.rail-backdrop.is-open{background:color-mix(in srgb, var(--theme-text) 35%, transparent);z-index:50;display:block;position:fixed;inset:0}.rail-close,.locations-open--bar{display:inline-flex}.split-view,.session-grid,.audio-pair,.tag-grid,.audio-dock,.audio-dock__channels{grid-template-columns:1fr}.panel--wide{grid-column:auto}.field-row--stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-list li{flex-direction:column;align-items:stretch}.audio-dock{position:static}.dashboard-header{flex-direction:column}}@media (width<=640px){.main,.topbar{padding-left:.85rem;padding-right:.85rem}.form-grid,.field-row,.meta-list{grid-template-columns:1fr}.detail-pane__head,.list-pane__head,.dashboard-header{flex-direction:column;align-items:stretch}.skill-list li{grid-template-columns:1fr}.nav button{padding:.45rem .65rem;font-size:.88rem}}