:root{--bg:#131419;--bg-2:#191b22;--panel:#20232c;--panel-2:#272b36;--panel-3:#2e3341;--line:#363b4a;--line-soft:#2b303c;--ink:#eae8e4;--ink-2:#b9bdc8;--ink-dim:#868b98;--crimson:#c8393f;--crimson-soft:#e0575d;--crimson-dim:#6d2226;--gold:#d8a94b;--gold-dim:#7a5f26;--green:#5fa463;--blue:#5b8dd6;--purple:#9a72c9;--radius:10px;--shadow:0 10px 30px #00000073;--serif:"Cinzel", "Georgia", "Times New Roman", serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%, #c8393f1a, transparent 60%), radial-gradient(900px 500px at 0% 100%, #d8a94b12, transparent 55%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:.01em;margin:0;font-weight:600}h1{font-size:28px}h2{font-size:21px}h3{font-size:17px}h4{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{min-height:100%;display:flex}.sidebar{border-right:1px solid var(--line-soft);background:linear-gradient(#1b1d25,#15161c);flex-direction:column;flex:0 0 232px;gap:6px;width:232px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:0 8px 18px;display:flex}.brand-mark{background:linear-gradient(140deg, var(--crimson), #7c1f24);width:34px;height:34px;font-family:var(--serif);color:#fff;border-radius:8px;place-items:center;font-size:17px;display:grid;box-shadow:inset 0 1px #ffffff2e}.brand-name{font-family:var(--serif);font-size:18px;line-height:1.15;display:block}.brand-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;display:block}.nav-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);padding:14px 10px 6px;font-size:10px}.nav-item{color:var(--ink-2);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .12s,color .12s;display:flex}.nav-item:disabled{opacity:.45;cursor:default}.nav-you{flex-direction:column;min-width:0;line-height:1.25;display:flex}.nav-you>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--panel);color:var(--ink)}.nav-item.active{background:var(--panel-2);color:var(--ink);border-color:var(--line)}.nav-item.active .nav-icon{color:var(--crimson-soft)}.nav-icon{text-align:center;width:18px;color:var(--ink-dim)}.nav-count{color:var(--ink-dim);margin-left:auto;font-size:11px}.main{flex:1;min-width:0;max-width:1240px;padding:26px 32px 120px}@media (width>=1100px){.main{max-width:1580px;padding-right:372px}.main.wide{max-width:none;padding-right:26px}}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head .grow{flex:1;min-width:200px}.page-sub{color:var(--ink-dim);margin-top:4px;font-size:13px}.card{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}.card.tight{padding:12px}.card-title{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.grid{gap:14px;display:grid}.grid>*{min-width:0}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.tight{gap:6px}.spacer{flex:1}.btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;transition:background .12s,border-color .12s,transform 60ms}.btn:hover{background:var(--panel-3);border-color:#454b5d}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, var(--crimson), #a52c31);color:#fff;border-color:#8c2429}.btn.primary:hover{background:linear-gradient(180deg, var(--crimson-soft), #b33136)}.btn.gold{background:linear-gradient(180deg, var(--gold), #b98c30);color:#1d1a12;border-color:#8a681f;font-weight:600}.btn.ghost{background:0 0}.btn.small{border-radius:7px;padding:5px 9px;font-size:13px}.btn.tiny{border-radius:6px;padding:2px 7px;font-size:12px}.btn.danger{color:var(--crimson-soft)}.btn.danger:hover{border-color:var(--crimson-dim);background:#c8393f24}input[type=text],input[type=number],input[type=date],select,textarea{border:1px solid var(--line);background:#14161c;border-radius:8px;outline:none;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--crimson)}textarea{resize:vertical;min-height:80px;line-height:1.55}label.field{display:block}label.field>span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px;font-size:11px;display:block}.pill{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;display:inline-flex}.pill.gold{border-color:var(--gold-dim);color:var(--gold)}.pill.crimson{border-color:var(--crimson-dim);color:var(--crimson-soft)}.pill.green{color:var(--green);border-color:#2f5c33}.pill button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0 0 0 2px}.pill button:hover{opacity:1}.empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-dim);padding:44px 24px}.empty h3{color:var(--ink-2);margin-bottom:6px}.divider{background:var(--line-soft);height:1px;margin:14px 0}.mono{font-variant-numeric:tabular-nums}.dim{color:var(--ink-dim)}.small{font-size:13px}.tiny{font-size:11.5px}.center{text-align:center}.char-card{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;padding:14px;transition:border-color .14s,transform .14s;display:flex;position:relative;overflow:hidden}.char-card:before{content:"";background:var(--accent,var(--crimson));width:3px;position:absolute;top:0;bottom:0;left:0}.char-card:hover{border-color:var(--line);transform:translateY(-2px)}.token{width:46px;height:46px;font-family:var(--serif);color:#fff;border:2px solid #ffffff24;border-radius:50%;flex:0 0 46px;place-items:center;font-size:16px;display:grid}.token.sm{flex-basis:34px;width:34px;height:34px;font-size:13px}.token.has-portrait{background-position:50%;background-size:cover}.portrait-slot{cursor:pointer;display:inline-flex;position:relative}.portrait-slot .portrait-hint{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);opacity:0;pointer-events:none;white-space:nowrap;background:#0a0b0fdb;border-radius:999px;padding:1px 7px;font-size:9px;transition:opacity .12s;position:absolute;bottom:-4px;left:50%;translate:-50%}.portrait-slot:hover .portrait-hint{opacity:1}.sheet-top{background:linear-gradient(120deg, var(--panel), var(--bg-2) 70%);border:1px solid var(--line-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.sheet-grid{grid-template-columns:250px 1fr;align-items:start;gap:16px;display:grid}.sheet-grid>*{min-width:0}@media (width<=1080px){.sheet-grid{grid-template-columns:1fr}}.ability-block{background:var(--panel-2);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:10px;padding:10px 6px 8px;transition:border-color .12s,background .12s}.ability-block:hover{border-color:var(--crimson);background:var(--panel-3)}.ability-block .ab-name{letter-spacing:.14em;color:var(--ink-dim);font-size:10px}.ability-block .ab-mod{font-family:var(--serif);font-size:24px;line-height:1.15}.ability-block .ab-score{color:var(--ink-dim);background:var(--bg);border:1px solid var(--line);border-radius:999px;margin-top:3px;padding:0 8px;font-size:11px;display:inline-block}.stat-tile{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:10px;min-width:84px;padding:10px 12px}.stat-tile .st-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.stat-tile .st-value{font-family:var(--serif);font-size:22px}.roll-row{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;display:flex}.roll-row:hover{background:var(--panel-2)}.roll-row .rr-bonus{font-family:var(--serif);text-align:right;width:34px}.roll-row .rr-name{flex:1}.prof-dot{border:1.5px solid var(--ink-dim);border-radius:50%;flex:0 0 9px;width:9px;height:9px}.prof-dot.on{background:var(--gold);border-color:var(--gold)}.prof-dot.expert{background:var(--crimson);border-color:var(--crimson);box-shadow:0 0 0 2px #c8393f40}.hp-bar{border:1px solid var(--line);background:#2a2129;border-radius:999px;height:9px;overflow:hidden}.hp-fill{background:linear-gradient(90deg, #7d2b2f, var(--crimson));height:100%;transition:width .2s}.hp-fill.ok{background:linear-gradient(90deg, #2f6b3a, var(--green))}.hp-fill.warn{background:linear-gradient(90deg, #8a6a1f, var(--gold))}.tabs{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{cursor:pointer;color:var(--ink-dim);font-family:var(--serif);border-bottom:2px solid #0000;padding:8px 14px;font-size:14px}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--ink);border-bottom-color:var(--crimson)}.tabs.compact{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs.compact::-webkit-scrollbar{display:none}.tabs.compact .tab{white-space:nowrap;padding:6px 10px;font-size:12.5px}.slot-pip{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:5px;width:18px;height:18px}.slot-pip.used{background:var(--crimson-dim);border-color:var(--crimson)}.resource-row{border-left:2px solid var(--gold-dim);padding:4px 0 4px 10px}.resource-row .hp-input{width:56px}.gold-text{color:var(--gold)}.item-row{border:1px solid var(--line-soft);background:var(--bg-2);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.feature{border-left:2px solid var(--gold-dim);margin-bottom:12px;padding:2px 0 2px 12px}.feature h4{color:var(--gold)}.feature p{color:var(--ink-2);margin:3px 0 0;font-size:13.5px}.tray{z-index:40;border:1px solid var(--line);width:330px;box-shadow:var(--shadow);background:linear-gradient(#23262f,#191b21);border-radius:12px;position:fixed;bottom:20px;right:20px;overflow:hidden}.tray-head{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#2a2e39,#232630);align-items:center;gap:8px;padding:10px 12px;display:flex}.tray-head h4{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:13px}.tray-body{max-height:62vh;padding:12px;overflow-y:auto}.dice-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.die-btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;font-family:var(--serif);text-align:center;border-radius:8px;padding:8px 0;font-size:13px}.die-btn:hover{background:var(--panel-3);border-color:var(--crimson)}.mode-seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.mode-seg button{cursor:pointer;color:var(--ink-dim);background:0 0;border:none;flex:1;padding:6px 4px;font-size:12px}.mode-seg button.on{background:var(--panel-3);color:var(--ink)}.log-entry{border-top:1px solid var(--line-soft);align-items:flex-start;gap:10px;padding:8px 2px;display:flex}.log-total{font-family:var(--serif);text-align:center;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;min-width:42px;padding:2px 4px;font-size:20px}.log-total.crit{border-color:var(--green);color:var(--green)}.log-total.fumble{border-color:var(--crimson);color:var(--crimson-soft)}.log-meta{flex:1;min-width:0}.log-label{font-size:13px}.log-detail{color:var(--ink-dim);word-break:break-word;font-size:11.5px}.combatant{border:1px solid var(--line-soft);background:var(--bg-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.combatant.turn{border-color:var(--gold);background:linear-gradient(90deg, #d8a94b1a, var(--bg-2) 40%)}.combatant.down{opacity:.5}.init-box{background:var(--panel-2);border:1px solid var(--line);width:44px;height:44px;font-family:var(--serif);border-radius:9px;flex:0 0 44px;place-items:center;font-size:18px;display:grid}.combatant.turn .init-box{background:linear-gradient(180deg, var(--gold), #a97f24);color:#1c1810;border-color:#8a681f}input.hp-input{text-align:center;width:62px}input.init-box{text-align:center;width:46px;padding:4px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.table-layout{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:12px;display:grid}.table-layout>*{min-width:0}@media (width<=1100px){.table-layout{grid-template-columns:1fr}}.map-viewport{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--line);border-radius:var(--radius);background:#0b0c11;height:min(78vh,840px);min-height:480px;position:relative;overflow:hidden}.map-viewport:active{cursor:grabbing!important}.map-world{will-change:transform;position:absolute;top:0;left:0}.map-layer{pointer-events:none;position:absolute;top:0;left:0}.map-grid{background-image:linear-gradient(90deg,#e9e7e421 1px,#0000 1px),linear-gradient(#e9e7e421 1px,#0000 1px)}.map-overlay{overflow:visible}.map-token{cursor:grab;color:#fff;font-family:var(--serif);border:2px solid #fff6;border-radius:50%;place-items:center;transition:left .3s,top .3s,transform .15s;animation:.25s ease-out token-arrive;display:grid;position:absolute;box-shadow:inset 0 2px 6px #ffffff24,inset 0 -3px 8px #0000004d,0 4px 10px #0009,0 1px 2px #000c}@keyframes token-arrive{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.map-token:hover{transform:scale(1.04)}.map-token.locked{cursor:not-allowed}.map-token.selected{border-color:var(--gold);box-shadow:0 0 0 3px #d8a94b66,0 6px 14px #000000a6}.map-token.dragging{cursor:grabbing;opacity:.88;z-index:5;transition:none;transform:scale(1.06)}.map-token.ghost{opacity:.5;border-style:dashed}.map-token.stamp{box-shadow:none;border:none;background:0 0!important}.map-token.stamp .map-token-emoji{filter:drop-shadow(0 3px 5px #000000b3)}.map-token.stamp.selected{border-radius:12px;box-shadow:0 0 0 3px #d8a94b66}.map-token.stamp .map-token-name{display:none}.map-token-emoji{pointer-events:none;line-height:1}@media (prefers-reduced-motion:reduce){.map-token{transition:none;animation:none}}.map-token-label{pointer-events:none;text-shadow:0 1px 3px #000c}.map-token-face{pointer-events:none;background-position:50%;background-size:cover;border-radius:50%;position:absolute;inset:0}.map-token-name{transform-origin:top;font-family:var(--sans);white-space:nowrap;color:var(--ink-2);pointer-events:none;background:#0a0b0fd1;border-radius:4px;margin-top:3px;padding:0 5px;font-size:11px;position:absolute;top:100%;left:50%;translate:-50%}.map-token-hp{background:#40151a;border:1px solid #0009;border-radius:3px;height:5px;position:absolute;bottom:-2px;left:8%;right:8%;overflow:hidden}.map-token-hp>div{background:linear-gradient(90deg,#4f8a4f,#7dbd7d);height:100%}.map-token-bloodied{background:var(--crimson);border:2px solid #1a0d0e;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.map-token-conditions{gap:2px;display:flex;position:absolute;top:-4px;left:2px}.map-token-conc{background:var(--blue);border:2px solid #10131c;border-radius:50%;width:11px;height:11px;animation:2.2s ease-in-out infinite conc-pulse;position:absolute;bottom:-3px;left:-3px}@keyframes conc-pulse{0%,to{opacity:1}50%{opacity:.4}}.pill.conc{border-color:var(--blue);color:var(--blue);background:#5f8fd91f}.spell-open{cursor:pointer}.spell-open:hover{text-decoration:underline;-webkit-text-decoration-color:var(--gold-dim);text-decoration-color:var(--gold-dim)}.diff-trivial{color:var(--ink-dim)}.diff-easy{color:var(--green)}.diff-medium{color:var(--blue)}.diff-hard{color:var(--gold)}.diff-deadly{color:var(--crimson-soft);font-weight:600}.main.is-stage{max-width:none;height:100dvh;padding:0;display:flex;overflow:hidden}.stage{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;position:relative}.stage-top{border-bottom:1px solid var(--line-soft);background:var(--bg-2);z-index:8;gap:6px;padding:8px 14px 6px;display:grid}.stage-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-row .page-sub{margin:0}.stage-title{font-family:var(--serif);letter-spacing:.02em;font-size:19px}.stage-vr{background:var(--line-soft);align-self:stretch;width:1px;margin:0 4px}.stage-main{flex:1;gap:0;min-height:0;display:flex}.stage-left{border-right:1px solid var(--line-soft);background:var(--bg-2);flex-direction:column;flex:none;width:216px;min-height:0;display:flex}.stage-left .party-rail{flex:none;max-height:62%;padding:12px 10px;overflow-y:auto}.combat-log{border-top:1px solid var(--line-soft);flex:1;min-height:0;padding:10px;overflow-y:auto}.log-line{color:var(--ink-2);margin-bottom:5px;font-size:12px;line-height:1.45}.log-line .log-who{color:var(--gold);margin-right:5px;font-size:11px}.log-line.system{color:var(--ink-dim);font-style:italic}.log-line.narration{color:var(--gold);font-style:italic;font-family:var(--serif);font-size:13px}.view-modes{border:1px solid var(--line-soft);border-radius:7px;display:flex;overflow:hidden}.vm-btn{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:12px}.vm-btn:hover{color:var(--ink)}.vm-btn.on{background:var(--panel-2);color:var(--gold)}.stage.mode-tactical .stage-left,.stage.mode-tactical .stage-main>.dock,.stage.mode-tactical .stage-drawer,.stage.mode-cinematic .stage-left,.stage.mode-cinematic .stage-main>.dock,.stage.mode-cinematic .stage-drawer,.stage.mode-cinematic .stage-row.tools,.stage.mode-cinematic .turn-strip,.stage.mode-cinematic .board-tray{display:none}.narration-flash{z-index:6;border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0f14f0;border-radius:10px;align-items:flex-start;gap:8px;width:max-content;max-width:min(520px,92%);padding:12px 16px;animation:.35s ease-out narration-in;display:flex;position:absolute;top:64px;left:50%;translate:-50%;box-shadow:0 8px 28px #00000080}.narration-flash p{font-family:var(--serif);color:var(--ink);margin:0;font-size:16px;font-style:italic;line-height:1.55}@keyframes narration-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.cond-glyph{filter:drop-shadow(0 1px 2px #000c);font-size:11px;line-height:1}.map-token-conditions .cond-glyph{font-size:10px}.dock-row.spellrow{border-left:3px solid var(--line);background:#ffffff04;border-radius:4px;padding-left:6px}.dock-row.spellrow .spell-level{flex:none}.stage-main .board-column{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stage-main .map-viewport{border:none;border-radius:0;flex:1;height:auto;min-height:0}.stage-main>.dock{border-left:1px solid var(--line-soft);border-radius:0;flex:none;width:300px;max-height:none;overflow-y:auto}.stage-drawer{border-left:1px solid var(--line-soft);background:var(--bg-2);flex:none;align-content:start;gap:10px;width:336px;padding:12px;display:grid;overflow-y:auto}.stage-prompts{z-index:30;width:min(560px,90%);position:absolute;top:96px;left:50%;translate:-50%}.stage-hint{z-index:20;border:1px solid var(--gold-dim);background:#0e0f14f0;border-radius:8px;padding:8px 14px;font-size:13.5px;position:absolute;top:100px;left:50%;translate:-50%}.main.is-stage~.tray,.main.is-stage .tray{z-index:40}.turn-strip{border-bottom:1px solid var(--line-soft);background:var(--bg-2);z-index:7;align-items:center;gap:10px;padding:6px 14px;display:flex}.turn-chips{gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.turn-chip{background:var(--panel);border:1px solid var(--line-soft);cursor:pointer;color:var(--ink-2);border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12.5px;transition:border-color .15s,box-shadow .15s;display:flex}.turn-chip:hover{border-color:var(--line);color:var(--ink)}.turn-chip.up{border-color:var(--gold);color:var(--ink);box-shadow:0 0 0 2px #d8a94b4d}.turn-chip.mine .tc-name{color:var(--gold)}.tc-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.tc-init{color:var(--ink-dim);font-size:11.5px}.board-tray{border-top:1px solid var(--line-soft);background:var(--bg-2);flex-wrap:nowrap;flex:none;align-items:center;gap:6px;min-height:54px;padding:8px 12px;display:flex;overflow-x:auto}.board-tray.player{justify-content:center}.board-tray .action-bar{box-shadow:none;background:0 0;border:none;flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%;display:flex;position:static;left:auto;overflow-x:auto;translate:none}.board-tray .action-bar .ab-group{flex-wrap:nowrap;flex:none}.tray-label{letter-spacing:.12em;color:var(--ink-dim);flex:none;font-size:10.5px}.tray-search{flex:none;width:180px}.board-tray .btn{white-space:nowrap;flex:none}.cond-add{width:auto;padding:3px 6px;font-size:12px}.stage-main .map-viewport{background:radial-gradient(at 50% 38%,#343a4e47,#0000 62%),radial-gradient(at 50% 100%,#18142280,#0000 70%),#0a0b10;box-shadow:inset 0 0 120px #000000a6}.stage-main .map-world:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 1px #e9e7e40d,0 18px 60px #0000008c}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.color-dot.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.wall-line{stroke:#c8582f;stroke-linecap:round;opacity:.85;pointer-events:none}.wall-line.door-closed{stroke:var(--gold)}.wall-line.door-open{stroke:var(--gold);stroke-dasharray:7 7;opacity:.65}.wall-dot{fill:#e28a5a;pointer-events:none}.door-knob{fill:var(--gold);stroke:#241b08;stroke-width:1px;pointer-events:none}.door-knob.open{fill:#0000;stroke:var(--gold);stroke-width:2px}.door-live{pointer-events:auto;cursor:pointer}.door-live .door-knob{pointer-events:auto}.door-halo{fill:#d8a94b24;stroke:var(--gold-dim);stroke-width:1px;pointer-events:auto;animation:2.6s ease-in-out infinite conc-pulse}.door-live:hover .door-halo{fill:#d8a94b47;animation:none}.wall-preview{stroke:#c8582f;stroke-dasharray:8 6;opacity:.7;pointer-events:none}.light-handle{pointer-events:auto;cursor:grab;fill:#ffcd7859;stroke:#ffd27a;stroke-width:1.5px}.light-handle:active{cursor:grabbing}.light-core{pointer-events:none;fill:#ffd27a}.align-box{fill:#d8a94b1f;stroke:var(--gold);stroke-width:2px;stroke-dasharray:8 6}.prop-btn{padding:4px 7px;font-size:16px;line-height:1}@media (width<=820px){.main.is-stage{height:auto;display:block;overflow:visible}.stage{height:auto}.stage-main{flex-direction:column}.stage-main .map-viewport{flex:none;height:46vh;min-height:300px}.stage-main>.party-rail,.stage-main>.dock,.stage-drawer{border:none;width:100%}.stage-main>.dock{max-height:70vh}.stage .action-bar{position:static;translate:none}.stage-prompts{width:auto;margin:8px 12px;position:static;translate:none}}.tpl-handle{pointer-events:auto;cursor:grab}.tpl-handle.locked{cursor:default;opacity:.75}.tpl-handle:active{cursor:grabbing}.tpl-delete{pointer-events:auto;cursor:pointer}.tpl-label{fill:#fff;font-family:var(--sans);pointer-events:none;paint-order:stroke;stroke:#08090dcc;stroke-width:4px}.rect-reveal{fill:#5fa46340;stroke:var(--green);stroke-width:2px}.rect-hide{fill:#c8393f38;stroke:var(--crimson);stroke-width:2px}.ruler-line{stroke:var(--gold);stroke-width:3px;stroke-dasharray:8 6}.ruler-text{fill:var(--gold);font-family:var(--serif);paint-order:stroke;stroke:#0b0c10;stroke-width:5px}.map-ping{background:var(--gold);pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:2.4s ease-out forwards ping;position:absolute}@keyframes ping{0%{opacity:1;transform:scale(.4);box-shadow:0 0 #d8a94bb3}70%{opacity:.5;transform:scale(2.6);box-shadow:0 0 0 22px #d8a94b00}to{opacity:0;transform:scale(3)}}.map-hud{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0f14db;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:10px;left:10px}.statline{margin:4px 0 10px}.statline p{color:var(--ink-2);margin:0 0 3px;font-size:13.5px}.statline strong{color:var(--gold);font-weight:500}.chip-rarity{letter-spacing:.04em;text-transform:capitalize;white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.r-common{color:#9aa0ad}.r-uncommon{color:var(--green)}.r-rare{color:var(--blue)}.r-very-rare{color:var(--purple)}.r-legendary{color:var(--gold)}.r-artifact{color:var(--crimson-soft)}.r-varies{color:var(--ink-dim)}.name-input{background:0 0;border:1px solid #0000;border-radius:6px;width:auto;min-width:140px;max-width:280px;padding:2px 6px;font-weight:600}.name-input:hover{border-color:var(--line-soft)}.name-input:focus{border-color:var(--crimson);background:#14161c}.play-screen{grid-template-columns:212px minmax(320px,1fr) 286px;align-items:start;gap:10px;display:grid}.play-screen .map-viewport{height:min(58vh,620px);min-height:380px}.play-screen .dock{max-height:min(64vh,680px)}.solo-screen{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.board-column{flex-direction:column;gap:10px;min-width:0;display:flex}@media (width<=1280px){.play-screen{grid-template-columns:200px minmax(0,1fr)}.play-screen>.dock{grid-column:1/-1;max-height:none}}@media (width<=900px){.play-screen{grid-template-columns:minmax(0,1fr)}.play-screen>.party-rail{grid-column:1/-1}}.party-rail{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;gap:6px;padding:12px;display:flex}.party-row{text-align:left;background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;width:100%;color:inherit;border-radius:9px;align-items:center;gap:9px;padding:8px 9px;transition:border-color .12s,background .12s;display:flex}.party-row:hover{border-color:var(--line);background:var(--panel-2)}.party-row.up{border-color:var(--gold);background:#d8a94b1a}.party-row.mine{box-shadow:inset 2px 0 0 var(--crimson)}.party-body{flex:1;min-width:0;display:block}.party-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block;overflow:hidden}.party-meta{color:var(--ink-2);margin-top:3px;font-size:11px;display:block}.party-conditions{gap:3px;margin-top:4px;display:flex}.cond-dot{background:var(--crimson);border-radius:50%;width:7px;height:7px}.presence{border:1px solid var(--ink-dim);background:0 0;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.presence.here{background:var(--green);border-color:var(--green)}.dock{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;gap:10px;max-height:min(82vh,900px);padding-bottom:12px;display:flex;overflow:hidden}.dock-head{align-items:center;gap:10px;padding:12px 12px 0;display:flex}.dock-head h3{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.dock-abilities{grid-template-columns:repeat(6,1fr);gap:4px;padding:0 12px;display:grid}.mini-ability{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;display:flex}.mini-ability:hover{border-color:var(--crimson);background:var(--panel-3)}.ma-key{letter-spacing:.08em;color:var(--ink-dim);font-size:9px}.ma-score{font-size:12px}.ma-mod{font-family:var(--serif);font-size:13px}.dock-body{flex-direction:column;gap:3px;padding:0 12px;display:flex;overflow-y:auto}.dock-row{border-radius:6px;align-items:center;gap:6px;padding:4px 5px;display:flex}.dock-row:hover{background:var(--panel-2)}.dr-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.dock-feature{border-bottom:1px solid var(--line-soft);padding:5px 0;font-size:13px}.turn-banner{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0e0f14e6;border-radius:999px;align-items:center;gap:10px;padding:6px 16px;display:flex;position:absolute;top:10px;left:50%;translate:-50%}.turn-banner.mine{border-color:var(--gold);box-shadow:0 0 0 3px #d8a94b2e}.tb-round{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.tb-who{font-family:var(--serif);font-size:15px}.turn-banner.mine .tb-who{color:var(--gold)}.map-token.up{box-shadow:0 0 0 3px var(--gold), 0 2px 10px #0009}.coords{pointer-events:none}.coord{color:#e9e7e46b;font-family:var(--mono,monospace);place-items:center;display:grid;position:absolute}.action-bar{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.action-bar.my-turn{border-color:var(--gold);box-shadow:0 0 0 2px #d8a94b29}.ab-group{flex-wrap:wrap;gap:6px;display:flex}.ab-btn{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:13.5px;display:flex}.ab-btn:hover:not(:disabled){background:var(--panel-3);border-color:#454b5d}.ab-btn:disabled{opacity:.4;cursor:not-allowed}.ab-btn.end{background:linear-gradient(180deg, var(--crimson), #a52c31);color:#fff;border-color:#8c2429}.ab-btn.end:disabled{background:var(--bg-2);color:var(--ink-dim);border-color:var(--line)}.ab-icon{color:var(--gold)}.ab-popover{z-index:20;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;max-height:320px;padding:10px;position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;overflow-y:auto}.ask-card{background:linear-gradient(100deg, #c8393f29, var(--panel) 55%);border:1px solid var(--crimson-dim);border-left:3px solid var(--crimson);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;animation:.25s ease-out ask-in;display:flex}.ask-card .ask-body{flex:1;min-width:220px}@keyframes ask-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ask-card{animation:none}}.init-row{border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:5px 7px;display:flex}.init-row.up{border-color:var(--gold);background:#d8a94b1a}.init-row.down{opacity:.45}.init-num{background:var(--panel-2);border:1px solid var(--line);width:30px;height:26px;font-family:var(--serif);border-radius:6px;flex:0 0 30px;place-items:center;font-size:13px;display:grid}.init-row.up .init-num{background:var(--gold);color:#1c1810;border-color:#8a681f}.init-card{border:1px solid var(--line-soft)}.init-card.up{border-color:var(--gold);background:#d8a94b14}.init-card.down{opacity:.5}.init-card.up .init-num{background:var(--gold);color:#1c1810;border-color:#8a681f}.init-card .hp-input{width:56px}.talk-log{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:6px;max-height:320px;padding:10px;display:flex;overflow-y:auto}.talk-line{font-size:13.5px;line-height:1.45}.talk-line .talk-who{color:var(--gold);margin-right:6px;font-size:12px}.talk-line.spoken{color:var(--ink-2);font-style:italic}.talk-line.spoken .talk-who{color:var(--blue);font-style:normal}.talk-line.narration{font-family:var(--serif);color:var(--ink);font-size:14.5px;font-style:italic}.talk-line.narration .talk-who{color:var(--gold);font-style:normal;font-family:var(--sans)}.handout-line{border-left:3px solid var(--gold);background:#d8a94b0f;border-radius:4px;padding:6px 10px;font-size:13.5px;line-height:1.45}.handout-line.openable{cursor:zoom-in}.handout-line .talk-who{color:var(--gold);font-size:12px;display:block}.handout-line .handout-note{font-family:var(--serif)}.handout-line img{border:1px solid var(--line);border-radius:6px;max-width:240px;max-height:170px;margin-top:5px;display:block}.handout-flash{z-index:6;border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0f14f0;border-radius:10px;max-width:min(420px,85%);max-height:70%;padding:10px 12px;position:absolute;bottom:14px;left:50%;overflow:auto;translate:-50%;box-shadow:0 8px 28px #00000080}.handout-flash .talk-who{color:var(--gold);font-size:12px}.handout-flash img{border-radius:6px;max-width:100%;max-height:260px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#08080bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;width:min(720px,100%);max-height:86vh;overflow-y:auto}.modal-head{border-bottom:1px solid var(--line-soft);background:var(--panel);z-index:1;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.modal-body{padding:18px}.steps{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.step{border:1px solid var(--line-soft);color:var(--ink-dim);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.step.done{color:var(--ink-2);border-color:var(--line)}.step.active{color:var(--ink);border-color:var(--crimson);background:#c8393f1a}.step-num{background:var(--panel-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.step.active .step-num{background:var(--crimson);border-color:var(--crimson);color:#fff}.choice{border:1px solid var(--line-soft);cursor:pointer;background:var(--bg-2);border-radius:10px;padding:12px 14px;transition:border-color .12s,background .12s}.choice:hover{border-color:var(--line);background:var(--panel)}.choice.selected{border-color:var(--crimson);background:#c8393f17}.choice h4{margin-bottom:3px}.choice p{color:var(--ink-dim);margin:0;font-size:12.5px}.score-row{border-bottom:1px solid var(--line-soft);grid-template-columns:60px 1fr 90px 60px;align-items:center;gap:10px;padding:7px 0;display:grid}.spell-row{cursor:pointer;border-radius:8px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.spell-row:hover{background:var(--panel-2)}.spell-level{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--line);font-size:10px;font-family:var(--sans);padding:6px 8px;font-weight:500}table.data td{border-bottom:1px solid var(--line-soft);padding:7px 8px}table.data tr:hover td{background:#ffffff05}table.data .row{white-space:nowrap;flex-wrap:nowrap}.scroll-list{max-height:420px;overflow-y:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#333846;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#414759}@media (width<=820px){.app{flex-direction:column}.sidebar{flex-flow:wrap;flex:none;align-items:center;gap:4px;width:100%;height:auto;padding:12px;position:static}.brand{padding:0 10px 0 0}.nav-label{display:none}.nav-item{width:auto;padding:7px 10px}.nav-count{margin-left:6px}.sidebar .spacer,.sidebar>p{display:none}.main{padding:18px 16px 140px}.tray{width:auto;left:12px;right:12px}.combatant{flex-wrap:wrap}.sheet-top .row.tight{width:100%}.stat-tile{flex:1;min-width:72px}.play-screen .map-viewport{height:46vh;min-height:300px}.page-head{flex-wrap:wrap}}.talk-line.whisper{color:var(--ink-2);font-style:italic}.talk-line.whisper .talk-who{color:#b07fd6;font-style:normal}.handout-line.whisper{background:#b07fd612;border-left-color:#b07fd6}.handout-line.whisper .talk-who{color:#b07fd6}.whisper-select{max-width:150px;font-size:12px}.whisper-select.on{color:#b07fd6;border-color:#b07fd6}.ping-spot{pointer-events:none;position:absolute}.ping-who{white-space:nowrap;paint-order:stroke;text-shadow:0 1px 3px #000c;font-size:12px;font-style:normal;font-weight:600;animation:2.4s ease-out forwards ping-name;position:absolute;top:-22px;left:12px}@keyframes ping-name{0%{opacity:0;translate:0 4px}12%{opacity:1;translate:0}80%{opacity:1}to{opacity:0}}.prepared-line{border-left:3px solid var(--gold);background:#d8a94b0d;border-radius:4px;padding:6px 10px}.prepared-line.editing{border-left-color:var(--line);gap:6px;display:grid}.prepared-title{font-size:13.5px;font-weight:600}.prepared-body{font-family:var(--serif);color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13.5px;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.quest-line{align-items:flex-start;gap:8px;display:flex}.quest-line.done .quest-title{color:var(--ink-dim);text-decoration:line-through}.quest-check{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1.3}.quest-check:disabled{color:var(--ink-dim);cursor:default}.quest-title{font-size:13.5px;font-weight:600}.journal-line{border-left:3px solid var(--line-soft);background:#ffffff05;border-radius:4px;padding:6px 10px}.tc-legendary{color:var(--gold);font-size:12px}.legendary-strip{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px;padding:3px 14px 0;font-size:12.5px;display:flex}.legendary-note{color:var(--gold);align-items:center;gap:6px;display:inline-flex}.legendary-note strong{color:var(--ink)}.spell-sigil{text-align:center;opacity:.9;flex:none;width:14px;font-size:12px}.spell-sigil.lg{margin-right:6px;font-size:15px}.spell-school-line{border-left:3px solid var(--line);padding-left:8px}.btn.pulse{animation:2.2s ease-in-out infinite earn-pulse}@keyframes earn-pulse{0%,to{box-shadow:0 0 #d8a94b80}50%{box-shadow:0 0 0 6px #d8a94b00}}@media print{body{color:#111!important;background:#fff!important}.app-nav,.nav,nav,.dice-tray,.print-hide,.btn,button,.tabs,.portrait-hint{display:none!important}.card,.stat-tile{box-shadow:none!important;background:#fff!important;border-color:#bbb!important}*{color:#111!important;text-shadow:none!important}a{text-decoration:none!important}input,select,textarea{appearance:none;color:#111!important;background:0 0!important;border:none!important}}