@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-ext-500-normal-1Z8Q-7rh.woff2) format("woff2"),url(/assets/cinzel-latin-ext-500-normal-BxIh9iwm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2) format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-italic-5yUt4G_9.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-italic-Bj0ndbyp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-italic-DFpO5j-Z.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-italic-CHERNRFq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-italic-BdcrZMcO.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-italic-4y8iAqqs.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-italic-CJ93D38p.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #f6ead6;--ink-dim: #cdbb9e;--ink-mute: #8f7d67;--oak: #120c09;--oak-2: #1c130e;--panel: rgba(16, 11, 8, .78);--panel-solid: #1d140f;--panel-raise: rgba(38, 26, 18, .9);--copper: #c8662c;--copper-bright: #f0a05a;--gold: #f1c46b;--ember: #ff6a2a;--moss: #7fb46a;--frost: #8fb6e8;--danger: #e6735f;--blood: #b8322a;--line: rgba(246, 234, 214, .13);--line-strong: rgba(240, 160, 90, .5);--focus: #ffd08a;--focus-glow: rgba(255, 160, 70, .35);--shadow: 0 18px 50px rgba(0, 0, 0, .55);--radius: 14px;--radius-s: 9px;--safe: clamp(12px, 3vw, 56px);--font-display: "Cinzel", "Palatino Linotype", "Book Antiqua", serif;--font-body: "Literata Variable", "Literata", Georgia, serif;--sub-size: 1.45rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.2, 1.4, .4, 1);color-scheme:dark}html{font-size:clamp(14px,.62rem + .55vw,22px);-webkit-text-size-adjust:100%}html[data-subs=small]{--sub-size: 1.15rem}html[data-subs=medium]{--sub-size: 1.45rem}html[data-subs=large]{--sub-size: 1.95rem}html[data-contrast=high]{--ink: #ffffff;--ink-dim: #f0e2c8;--ink-mute: #c9b89c;--panel: rgba(6, 4, 3, .94);--panel-raise: rgba(20, 14, 10, .98);--line: rgba(255, 244, 226, .34);--focus: #ffe14a;--focus-glow: rgba(255, 225, 74, .5)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--oak);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow:hidden}img{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0;line-height:1.15}p{margin:0}kbd{display:inline-grid;place-items:center;min-width:1.7em;padding:.05em .45em;border-radius:999px;border:1px solid var(--line-strong);background:#f0a05a1f;color:var(--gold);font-family:var(--font-body);font-size:.85em;font-weight:600}.meta{color:var(--ink-mute);font-size:.86rem}.lede{color:var(--ink-dim);max-width:44rem}.kicker,.card-kicker,.modal-kicker,.story-chapter,.home-kicker,.cg-kicker,.coach-kicker,.chapter-kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--copper-bright)}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}button,input,select,textarea{font:inherit;color:inherit}button{position:relative;padding:.72rem 1.15rem;border-radius:var(--radius-s);border:1px solid rgba(246,234,214,.18);background:linear-gradient(180deg,#3a2a1ef2,#241a13f2);color:var(--ink);cursor:pointer;text-align:center;transition:transform .18s var(--ease-out),border-color .18s,box-shadow .18s,background .18s,opacity .2s;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){border-color:var(--line-strong)}button:active:not(:disabled){transform:scale(.98)}button.primary{background:linear-gradient(180deg,#c06a36,#7a3517);border-color:#e59a5f;color:#fff6ea;font-weight:600;letter-spacing:.02em;box-shadow:0 6px 18px #c8662c47,inset 0 1px #ffdcb459}button.ghost{background:#140e0a73;border-color:var(--line);color:var(--ink-dim)}button:disabled{opacity:.38;cursor:default}button[aria-busy=true]{opacity:.6;pointer-events:none}:focus{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 8px var(--focus-glow)}button:focus-visible{transform:scale(1.03);z-index:2}html[data-contrast=high] :focus-visible{outline-width:4px}input{padding:.72rem .95rem;border-radius:var(--radius-s);border:1px solid rgba(246,234,214,.2);background:#0a0705d9;color:var(--ink);min-width:0}input::placeholder{color:var(--ink-mute)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#f0a05a40;border-radius:10px}::-webkit-scrollbar-track{background:transparent}#app{position:relative;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0b0806}.stage-layer{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease,filter 1.2s ease;will-change:transform,opacity}.stage-layer.shown{opacity:1}.stage-layer.drift{animation:kenburns 42s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(var(--kb-from, 1.04)) translateZ(0)}to{transform:scale(var(--kb-to, 1.14)) translate3d(var(--kb-x, 1%),var(--kb-y, -1%),0)}}.stage-air{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}body.in-combat .stage-layer{filter:brightness(.32) saturate(.7) blur(8px)}body[data-page=lobby] .stage-layer,body[data-page=home] .stage-layer{filter:brightness(.82)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 30%,transparent 35%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,#0805038c,#0805030d 18%,#08050340 55%,#080503eb);transition:background 1.2s ease}body[data-tone=ember] .vignette{background:radial-gradient(ellipse 110% 80% at 65% 35%,rgba(255,80,20,.12),transparent 55%),radial-gradient(ellipse 120% 90% at 50% 30%,transparent 35%,rgba(0,0,0,.75) 100%),linear-gradient(180deg,#1406028c,#08040233 30%,#080402f0)}body[data-tone=cool] .vignette{background:radial-gradient(ellipse 120% 90% at 50% 30%,transparent 30%,rgba(0,3,8,.75) 100%),linear-gradient(180deg,#04080e8c,#06080a33 30%,#050506ed)}body[data-tone=victory] .vignette{background:radial-gradient(ellipse 90% 60% at 50% 25%,rgba(255,200,110,.14),transparent 60%),radial-gradient(ellipse 120% 90% at 50% 30%,transparent 40%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,#140c0566,#0805031a 30%,#080503e0)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.2) .5px,transparent .6px);background-size:3px 3px}.topbar{position:relative;z-index:5;display:flex;align-items:center;gap:1rem 1.4rem;padding:.8rem var(--safe);background:linear-gradient(180deg,#080503d9,#08050300)}.brand-mark{font-family:var(--font-display);font-weight:700;letter-spacing:.16em;font-size:.95rem;color:var(--copper-bright);text-transform:uppercase;white-space:nowrap}.brand-mark span{color:var(--ink-mute);font-weight:500;letter-spacing:.1em;margin-left:.35em}.party-rail{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex:1;min-width:0;overflow:hidden}.seat{position:relative;display:flex;align-items:center;gap:.5rem;padding:.25rem .8rem .25rem .25rem;border-radius:999px;background:#140e0a99;border:1px solid var(--line);overflow:hidden;transition:border-color .3s,background .3s}.seat:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--hp, 1) * 100%);background:linear-gradient(90deg,var(--moss),#b7dc7c);transition:width .6s var(--ease-out)}.seat img{width:2.1rem;height:2.1rem;border-radius:50%;object-fit:cover;border:2px solid rgba(246,234,214,.35)}.seat span{display:grid;line-height:1.15}.seat strong{font-family:var(--font-display);font-size:.82rem}.seat em{font-style:normal;font-size:.7rem;color:var(--ink-mute)}.seat.mine img{border-color:var(--gold)}.seat.active{border-color:var(--gold);background:#5a3a1499}.seat.down{filter:grayscale(1);opacity:.55}.now-playing{display:flex;align-items:center;gap:.55rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--line);background:#140e0a8c;white-space:nowrap}.now-playing>span:last-child{display:grid;line-height:1.1}.now-playing em{font-style:normal;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.now-playing strong{font-size:.8rem;font-weight:600;color:var(--ink-dim)}.now-playing.off strong{color:var(--ink-mute);text-decoration:line-through}.music-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.music-bars i{width:3px;height:4px;border-radius:2px;background:var(--copper-bright)}.now-playing.live .music-bars i{animation:music-bar .9s ease-in-out infinite alternate}.now-playing.live .music-bars i:nth-child(2){animation-delay:-.3s}.now-playing.live .music-bars i:nth-child(3){animation-delay:-.6s}.now-playing.off .music-bars i{background:var(--ink-mute)}@keyframes music-bar{0%{height:3px}to{height:14px}}.conn{font-size:.78rem;color:var(--ink-mute);white-space:nowrap;display:flex;align-items:center;gap:.4rem}.conn:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--ink-mute)}.conn.ok{color:var(--moss)}.conn.ok:before{background:var(--moss);box-shadow:0 0 8px var(--moss)}.conn.bad{color:var(--danger)}.conn.bad:before{background:var(--danger);animation:pulse 1.2s ease-in-out infinite}.play-controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.play-controls[hidden]{display:none}.play-controls button{padding:.35rem .75rem;font-size:.82rem;min-width:0}.menu-hint{appearance:none;border:0;background:transparent;padding:.35rem .55rem;margin:0;font:inherit;font-size:.78rem;color:var(--ink-mute);white-space:nowrap;border-radius:6px;cursor:pointer}.menu-hint:hover,.menu-hint:focus-visible{color:var(--ink);background:#ffffff0f;outline:none}.menu-hint kbd{font:inherit;padding:0;border:0;background:none}@keyframes pulse{50%{opacity:.3}}.pages{position:relative;z-index:3;min-height:0}.page{display:none;height:100%;overflow:auto;padding:.5rem var(--safe) var(--safe);scrollbar-gutter:stable}.page.active{display:grid;animation:page-in .6s var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.card .card-kicker{margin-bottom:.6rem}.qr{width:min(11rem,100%);min-height:11rem;aspect-ratio:1;padding:.45rem;border-radius:var(--radius-s);background:#f6ead6;margin:0 auto .6rem;box-sizing:border-box}.qr-link{display:block;width:100%;height:100%;color:inherit}.qr svg{display:block;width:100%;height:auto}.qr svg rect[fill="#ffffff"],.qr svg rect[fill=white]{fill:#f6ead6}.page-home{grid-template-columns:minmax(0,1.5fr) minmax(16rem,23rem);gap:2rem 3rem;align-items:center}.home-hero{max-width:44rem}.home-kicker{margin-bottom:1rem}.home-title{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.95;letter-spacing:.01em;color:#fff3df;text-shadow:0 4px 30px rgba(0,0,0,.8),0 0 60px rgba(240,120,40,.25);margin-bottom:1.2rem}.home-lead{font-size:1.12rem;color:var(--ink-dim);max-width:36rem;margin-bottom:1.1rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.home-welcome{margin:0 0 1.4rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.8)}.home-welcome[hidden]{display:none}.home-welcome .ghost{margin-left:.75rem;vertical-align:middle}.home-cta .arena-form{display:grid;gap:.55rem;min-width:18rem}.home-cta .arena-form label,.home-cta .arena-form select,.home-cta .arena-form input{width:100%}.arena-list{display:flex;flex-direction:column;gap:.45rem;max-height:40vh;overflow:auto;width:min(22rem,100%)}.arena-open{display:grid;text-align:left;gap:.15rem}.arena-open span{font-size:.85rem;opacity:.8}.home-cta button{min-width:18rem;text-align:left;font-size:1.05rem}.home-cta .continue{display:grid;gap:.1rem;padding:.9rem 1.3rem}.home-cta .continue strong{font-family:var(--font-display);font-size:1.25rem}.home-cta .continue span{font-size:.85rem;color:#ffe2c4;opacity:.85}.home-load{display:flex;gap:.6rem;margin-top:.9rem;max-width:30rem}.home-load input{flex:1}.home-side{display:grid;gap:1rem;align-content:center}.qr-card{text-align:center}.remote-legend{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .9rem}.rl-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--ink-dim);line-height:1.2}.rl-item strong{display:block;color:var(--ink);font-weight:600}.rl-key{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b3029,#16100c);border:1px solid rgba(246,234,214,.25);box-shadow:inset 0 -2px 4px #0009;font-size:.78rem;color:var(--ink)}.rl-key.ok{background:radial-gradient(circle at 35% 30%,#d87a3e,#6a2d12);border-color:#f0a05a;font-weight:700;font-size:.7rem}.rl-key.dpad{position:relative}.rl-key.dpad i{position:absolute;width:0;height:0;border:4px solid transparent}.rl-key.dpad i:nth-child(1){top:3px;border-bottom-color:var(--ink)}.rl-key.dpad i:nth-child(2){bottom:3px;border-top-color:var(--ink)}.rl-key.dpad i:nth-child(3){left:3px;border-right-color:var(--ink)}.rl-key.dpad i:nth-child(4){right:3px;border-left-color:var(--ink)}.page-lobby{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);gap:1.5rem 2.5rem;align-content:start}.lobby-title{font-size:clamp(2rem,3.6vw,3.2rem);margin:.3rem 0 .5rem}.lobby-main .lede{margin-bottom:1.4rem}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}.hero-card{display:flex;flex-direction:column;padding:0;text-align:left;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.hero-card:focus-visible{transform:translateY(-4px) scale(1.03)}.hero-portrait{display:block;aspect-ratio:4 / 5;background:#0e0a07;overflow:hidden;position:relative}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .6s var(--ease-out)}.hero-portrait:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(12,8,6,.95))}.hero-card:focus-visible .hero-portrait img,.hero-card:hover .hero-portrait img{transform:scale(1.06)}.hero-copy{display:grid;gap:.2rem;padding:.4rem .95rem 1rem;margin-top:-2.2rem;position:relative;z-index:1}.hero-copy strong{font-family:var(--font-display);font-size:1rem;line-height:1.2}.hero-copy em{font-style:normal;font-size:.76rem;color:var(--copper-bright);letter-spacing:.04em}.hero-copy>span{font-size:.82rem;color:var(--ink-dim);line-height:1.35}.hero-card.taken{opacity:.55}.hero-taken{position:absolute;top:.7rem;right:.7rem;padding:.2rem .6rem;border-radius:999px;background:#0a0705d9;border:1px solid var(--line-strong);font-size:.7rem;color:var(--gold)}.hero-card.forge{border-style:dashed;border-color:var(--line-strong)}.forge-mark{display:grid;place-items:center;font-size:3.6rem;color:var(--copper-bright);background:radial-gradient(circle at 50% 45%,rgba(240,120,40,.28),transparent 60%),#120c09;text-shadow:0 0 30px rgba(255,140,60,.7)}.forge-mark:after{display:none}.hero-card.forge .hero-copy{margin-top:0;padding-top:.9rem}.lobby-side{display:grid;gap:.9rem;align-content:start}.room-card{text-align:center}.room-code{font-family:var(--font-display);font-size:2.3rem;letter-spacing:.3em;color:var(--gold);margin:.2rem 0 .8rem;padding-left:.3em}.seats{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.4rem;text-align:left}.seats li{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;border-radius:var(--radius-s);background:#ffffff08}.seats img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.seats span{flex:1;font-weight:600;font-size:.9rem}.seats em{font-style:normal;font-size:.72rem;color:var(--ink-mute)}.page-story{align-items:end}.story-frame{width:min(60rem,100%);padding:1.6rem 1.9rem 1.2rem;border-radius:var(--radius);background:linear-gradient(180deg,#0e0a078c,#0e0a07db 30%);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(6px);align-self:end;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.8rem;align-content:end}.story-frame>*{grid-column:1}.story-frame>.dungeon-map-wrap{grid-column:2;grid-row:1 / span 7;align-self:start}.story-frame>.story-meta-bar{grid-column:1 / -1}.page-story:has(.dungeon-map-wrap:not([hidden])) .story-frame{width:min(76rem,100%)}.story-chapter{margin-bottom:.4rem}.story-title{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:1rem;text-shadow:0 3px 16px rgba(0,0,0,.7)}.story-narration{font-size:1.14rem;line-height:1.65;color:var(--ink-dim);max-width:52rem}.story-narration p+p{margin-top:.75rem}.story-narration.line-in{animation:line-in .9s var(--ease-out)}.story-narration.held{opacity:.25;filter:blur(1px);transition:opacity .3s,filter .3s}@keyframes line-in{0%{opacity:0;transform:translateY(8px)}}.sent{transition:color .35s ease,text-shadow .35s ease,background-color .35s ease,box-shadow .35s ease,opacity .35s ease;border-radius:4px;padding:.05em .1em;margin:0 -.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.story-narration.speaking .sent{opacity:.5}.story-narration.speaking .sent.said{opacity:.78}.story-narration.speaking .sent.spoken{opacity:1}.sent.spoken{color:#fff7ea;text-shadow:0 0 22px rgba(255,180,90,.45);background:#f0a05a29;box-shadow:0 2px #f1c46bcc}.story-dice{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;padding:.35rem .8rem;border-radius:999px;background:#f0a05a1a;border:1px solid var(--line-strong);font-size:.85rem;color:var(--gold)}.story-dice:before{content:"◆";color:var(--copper-bright)}.choices{display:grid;gap:.55rem;margin-top:1.3rem}.choice{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;font-size:1.05rem;padding:.85rem 1.1rem;background:#1e150fd9}.choice.primary{background:linear-gradient(90deg,#a05024f2,#5a2a14e6)}.choice:focus-visible{transform:translate(6px) scale(1.01)}.choice-n{flex:none;display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .4rem;border-radius:999px;border:1px solid rgba(246,234,214,.3);font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--gold);background:#0000004d}.guided{box-shadow:0 0 0 1px #f1c46b73,0 0 22px #f1c46b2e}.rest-note{width:100%;margin:.2rem 0 .1rem;color:var(--ink-dim);font-size:.86rem}.story-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1.2rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-mute)}.seals{display:flex;gap:.4rem;margin-left:auto}.seal{padding:.15rem .6rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-mute);font-size:.75rem;transition:all .5s}.seal.on{color:var(--gold);border-color:var(--gold);background:#f1c46b1f;box-shadow:0 0 14px #f1c46b4d}.saved-chip{color:var(--moss);font-size:.78rem}.saved-chip.show{animation:saved 2.6s ease forwards}@keyframes saved{0%{opacity:0;transform:translateY(4px)}12%,80%{opacity:1;transform:none}to{opacity:0}}.dungeon-map-wrap{position:relative;width:fit-content;margin:.2rem 0 .4rem;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow),inset 0 0 0 1px #0006}.dungeon-map-wrap img{display:block;width:auto;height:auto;max-height:min(58vh,34rem);max-width:26rem}.fog-mask,.map-tokens{position:absolute;inset:0;pointer-events:none}.fog{position:absolute;background:#060403ed;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}.fog:after{content:attr(data-label);font-family:var(--font-display);letter-spacing:.16em;font-size:.7rem;color:#e8c48c80;text-transform:uppercase}.fog.revealed,.fog.here{opacity:0}.fog[data-room=stairs]{left:67.87%;top:.32%;width:31.99%;height:42.34%}.fog[data-room=cellar]{left:2.49%;top:1.9%;width:65.1%;height:38.33%}.fog[data-room=mosaic]{left:11.36%;top:37.7%;width:85.46%;height:23.86%}.fog[data-room=well]{left:5.26%;top:60%;width:28.44%;height:19.32%}.fog[data-room=lab]{left:25.6%;top:60%;width:41.9%;height:35.1%}.fog[data-room=store]{left:67.5%;top:60%;width:27.3%;height:19.7%}.pawn{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.8));transition:left .8s var(--ease-out),top .8s var(--ease-out)}.pawn img{display:block;width:1.9rem;height:1.9rem;border-radius:50%;object-fit:cover;border:2px solid #f3e6d0}.pawn.mine img{border-color:var(--gold);box-shadow:0 0 0 3px #f1c46b80}.puzzle-panel{margin-top:1rem;display:grid;gap:.9rem}.poem,.hint-box,.clue-list{margin:0;padding:.8rem 1rem;border-left:3px solid var(--copper);border-radius:0 var(--radius-s) var(--radius-s) 0;background:#00000059;color:var(--ink-dim)}.poem{display:grid;gap:.2rem;font-style:italic}.clue-list{padding-left:2rem;display:grid;gap:.3rem}.puzzle-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sigil-slots{display:flex;gap:.5rem}.sigil-slot{width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--line);background:#1a1008;transition:all .3s var(--ease-snap)}.sigil-slot.lit{background:radial-gradient(circle,#ffe0a0,var(--copper-bright));border-color:var(--gold);box-shadow:0 0 14px #f0a05a99;transform:scale(1.1)}.faults{display:inline-flex;gap:.35rem;align-items:center}.faults:before{content:"Faults";font-size:.72rem;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;margin-right:.2rem}.faults i{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(230,115,95,.6)}.faults i.on{background:var(--danger);box-shadow:0 0 8px var(--danger)}.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;max-width:34rem}.mosaic-tile{aspect-ratio:16 / 10;padding:0;border:2px solid rgba(0,0,0,.5);border-radius:var(--radius-s);display:grid;place-items:end center;overflow:hidden}.mosaic-tile span{width:100%;padding:.15rem 0;font-size:.62rem;letter-spacing:.05em;background:#0000008c;color:#fff}.mosaic-tile.air{background:linear-gradient(145deg,#7ec8e3,#3a9bb8)}.mosaic-tile.earth{background:linear-gradient(145deg,#c4a35a,#8a6e28)}.mosaic-tile.water{background:linear-gradient(145deg,#2a4a8a,#1a2f5c)}.mosaic-tile.fire{background:linear-gradient(145deg,#e05030,#8a2010)}.mosaic-tile.slate{background:linear-gradient(145deg,#6a655c,#3a3832)}.mosaic-tile.violet{background:linear-gradient(145deg,#6a3a7a,#3a1a4a)}.mosaic-tile.emerald{background:linear-gradient(145deg,#3cb371,#1a6b3c)}.mosaic-tile.amber{background:linear-gradient(145deg,#f0b429,#b07a10)}.mosaic-tile.rose{background:linear-gradient(145deg,#e891a8,#a04868)}.mosaic-tile.indigo{background:linear-gradient(145deg,#5b6cc9,#2a3480)}.mosaic-tile.lime{background:linear-gradient(145deg,#b8e040,#6a9018)}.mosaic-tile.copper{background:linear-gradient(145deg,#d08050,#8a4020)}.mosaic-tile.ivory{background:linear-gradient(145deg,#f5ecd4,#c8b890)}.mosaic-tile.teal{background:linear-gradient(145deg,#2aa8a0,#146860)}.mosaic-tile.sand{background:linear-gradient(145deg,#e8d4a8,#b09860)}.mosaic-tile.black{background:linear-gradient(145deg,#2a2a2a,#050505)}.mosaic-tile.coral{background:linear-gradient(145deg,#ff7a5c,#c04030)}.mosaic-tile.olive{background:linear-gradient(145deg,#8a9a40,#4a5820)}.mosaic-tile.silver{background:linear-gradient(145deg,#c8ccd4,#788090)}.mosaic-tile.wine{background:linear-gradient(145deg,#7a2040,#3a1020)}.mosaic-tile.moss{background:linear-gradient(145deg,#5a7a48,#2a4020)}.mosaic-tile.apricot{background:linear-gradient(145deg,#f0a060,#c06830)}.mosaic-tile.steel{background:linear-gradient(145deg,#6a8098,#304058)}.seq-slots{display:flex;gap:.6rem;flex-wrap:wrap}.seq-slot{display:grid;justify-items:center;gap:.1rem;min-width:5.5rem;padding:.5rem .6rem;border-radius:var(--radius-s);border:1px dashed var(--line);background:#0000004d;transition:all .3s var(--ease-snap)}.seq-slot em{font-style:normal;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.seq-slot strong{font-size:1.5rem;line-height:1.2}.seq-slot span{font-size:.74rem;color:var(--ink-dim)}.seq-slot.next{border-color:var(--gold);border-style:solid;box-shadow:0 0 14px #f1c46b33}.seq-slot.filled{border-style:solid;border-color:var(--line-strong);background:#f0a05a1a;transform:translateY(-2px)}.seq-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.55rem}.seq-option{display:grid;justify-items:center;gap:.15rem;padding:.75rem .6rem}.seq-option strong{font-size:1.7rem;line-height:1.1}.seq-option span{font-size:.82rem;color:var(--ink-dim)}.seq-actions{justify-content:flex-end}.puzzle-feedback{min-height:1.4em;font-size:.95rem}.puzzle-feedback.good{color:var(--moss)}.puzzle-feedback.bad{color:var(--danger);animation:shake .4s ease}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.page-combat{grid-template-rows:auto minmax(0,1fr);gap:.7rem;overflow:hidden}.combat-head{display:grid;grid-template-columns:minmax(10rem,auto) 1fr auto;align-items:center;gap:1.2rem}.combat-head h2{font-size:clamp(1.3rem,2vw,1.9rem)}.round{font-family:var(--font-display);font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.initiative{list-style:none;margin:0;padding:.2rem;display:flex;gap:.45rem;justify-content:center;overflow:hidden}.init{position:relative;display:grid;justify-items:center;gap:.15rem;width:4.1rem;padding:.35rem .2rem .3rem;border-radius:var(--radius-s);background:#100b08bf;border:1px solid var(--line);transition:transform .45s var(--ease-snap),border-color .3s,opacity .4s,background .3s}.init-face{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid rgba(143,182,232,.8);background:#22180f;font-family:var(--font-display);font-weight:700}.init.foe .init-face{border-color:#e6735fd9;border-radius:30%}.init.mine .init-face{border-color:var(--gold)}.init-face img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.init-name{font-size:.66rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.init-hp{width:80%;height:3px;border-radius:2px;background:#0009;overflow:hidden}.init-hp i{display:block;height:100%;width:calc(var(--hp, 1) * 100%);background:var(--moss);transition:width .6s var(--ease-out)}.init.foe .init-hp i{background:var(--danger)}.init-roll{position:absolute;top:-.35rem;right:-.25rem;min-width:1.3rem;padding:0 .25rem;border-radius:999px;background:#0c0806;border:1px solid var(--line);font-size:.62rem;font-weight:700;color:var(--ink-dim);text-align:center}.init.now{transform:translateY(2px) scale(1.14);border-color:var(--gold);background:#503414e6;box-shadow:0 0 20px #f1c46b59;z-index:1}.init.foe.now{border-color:var(--danger);background:#501610e6;box-shadow:0 0 20px #e6735f66}.init.dead{opacity:.35;filter:grayscale(1)}.init.dead .init-face:after{content:"✕";position:absolute;font-size:1.5rem;color:var(--danger)}.combat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);gap:1rem;min-height:0}.board-col{display:flex;flex-direction:column;gap:.55rem;min-height:0}.board{position:relative;flex:1;min-height:16rem;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 40%,#281c128c,#080503cc);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 0 60px #0009;overflow:hidden;transition:box-shadow .3s,border-color .3s}.board canvas{position:absolute;inset:0;display:block}.board:focus-visible{outline:none;border-color:var(--gold);box-shadow:var(--shadow),0 0 0 2px var(--gold),0 0 30px #f1c46b40;transform:none}.board.busy{border-color:#e6735f66}html[data-contrast=high] .board{background:#050302;border-color:#fff6}.combat-hint{min-height:1.6em;font-size:.98rem;color:var(--ink-dim);text-align:center}.combat-hint strong{color:var(--gold)}.action-bar{display:flex;gap:.45rem;align-items:stretch}.act-group{display:flex;flex-wrap:wrap;gap:.4rem;align-content:flex-start}.act-group:first-child{flex:1 1 auto}.act-group.bonus{flex:0 1 auto;padding-left:.55rem;border-left:1px solid var(--line)}.act{display:grid;gap:0;padding:.45rem .8rem;text-align:left}.act strong{font-size:.9rem;font-weight:600;white-space:nowrap}.act em{font-style:normal;font-size:.64rem;letter-spacing:.06em;color:var(--ink-mute);text-transform:uppercase}.act:disabled{opacity:.3}.act.bonus em{color:var(--frost)}.act.guided{border-color:#f1c46b99}.act.aiming{border-color:var(--gold);background:linear-gradient(180deg,#784c1af2,#46280ef2);animation:aiming 1.2s ease-in-out infinite}@keyframes aiming{50%{box-shadow:0 0 0 4px #f1c46b40,0 0 20px #f1c46b4d}}.act.end{flex:none;align-self:stretch;align-content:center;min-width:7rem;background:linear-gradient(180deg,#3c281af2,#22160ef2);border-color:var(--line-strong)}.act.end em{color:var(--gold);font-size:.9rem}.sheet-rail{display:flex;flex-direction:column;gap:.7rem;min-height:0;overflow:auto}#pcSheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem;box-shadow:var(--shadow)}.sheet-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.7rem}.sheet-portrait{width:3.4rem;height:3.4rem;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid var(--gold)}.sheet-head h3{font-size:1.1rem}.sheet-hp{position:relative;height:1.6rem;border-radius:999px;background:#0000008c;border:1px solid var(--line);overflow:hidden;margin-bottom:.6rem}.sheet-hp span{position:absolute;inset:0 auto 0 0;width:calc(var(--hp, 1) * 100%);background:linear-gradient(90deg,#4f8a3e,#9fd06e);transition:width .6s var(--ease-out)}.sheet-hp strong{position:relative;display:block;text-align:center;line-height:1.6rem;font-size:.85rem;text-shadow:0 1px 3px #000}.sheet-hp em{font-style:normal;font-weight:400;color:var(--ink-dim)}.sheet-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.6rem}.sheet-vitals span{display:grid;justify-items:center;padding:.3rem;border-radius:var(--radius-s);background:#ffffff0a;font-family:var(--font-display);font-size:1.05rem;font-weight:700}.sheet-vitals em{font-family:var(--font-body);font-style:normal;font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.spell-slots{margin:0 0 .7rem;padding:.55rem .65rem;border-radius:var(--radius-s);border:1px solid var(--line);background:#00000047}.spell-slots-kicker{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 .45rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.spell-slots-kicker strong{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;text-transform:none;color:var(--frost)}.spell-slots-kicker em{font-style:normal;font-weight:500;color:var(--ink-dim)}.spell-slot-rows{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.spell-slot-rows li{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto auto;gap:.45rem;align-items:center;font-size:.82rem}.spell-level{font-family:var(--font-display);font-weight:700;color:var(--gold)}.spell-pips{display:flex;flex-wrap:wrap;gap:.22rem}.spell-pips i{width:.72rem;height:.72rem;border-radius:50%;border:1px solid rgba(143,182,232,.55);background:transparent;box-shadow:inset 0 0 0 1px #00000059}.spell-pips i.full{background:radial-gradient(circle at 35% 30%,#d7e8ff,var(--frost));border-color:#c9dcff;box-shadow:0 0 8px #8fb6e873}.spell-pips i.spent{opacity:.45;background:#f6ead614}.spell-count{font-family:var(--font-display);font-weight:700;color:var(--ink);min-width:2.4rem;text-align:right}.spell-count em{font-style:normal;font-weight:500;color:var(--ink-dim)}.spell-used{font-size:.72rem;color:var(--ink-mute);min-width:3.6rem;text-align:right}.economy{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem;opacity:.6}.economy.live{opacity:1}.pip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.72rem;color:var(--ink-mute)}.pip i{width:.55rem;height:.55rem;border-radius:50%;border:1px solid currentColor}.pip.on{color:var(--gold);border-color:#f1c46b80}.pip.on i{background:var(--gold);box-shadow:0 0 6px var(--gold)}.pip.move.on{color:var(--frost);border-color:#8fb6e880}.pip.move.on i{background:var(--frost);box-shadow:0 0 6px var(--frost)}.flag{padding:.15rem .55rem;border-radius:999px;background:#8fb6e824;color:var(--frost);font-size:.72rem}.sheet-tabs{display:flex;gap:.3rem;margin-bottom:.6rem}.sheet-tabs button{flex:1;padding:.4rem .3rem;font-size:.78rem;background:transparent;border-color:var(--line);color:var(--ink-mute)}.sheet-tabs button.on{color:var(--ink);border-color:var(--line-strong);background:#f0a05a1f}.sheet-body{display:grid;gap:.45rem;font-size:.85rem}.abil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.abil{display:grid;justify-items:center;padding:.3rem .2rem;border-radius:var(--radius-s);background:#ffffff0a;line-height:1.15}.abil span{font-size:.6rem;letter-spacing:.14em;color:var(--ink-mute)}.abil strong{font-family:var(--font-display);font-size:1.05rem}.abil em{font-style:normal;font-size:.72rem;color:var(--copper-bright)}.sheet-list{margin:0;padding-left:1.1rem;display:grid;gap:.2rem;color:var(--ink-dim)}.combat-log{list-style:none;margin:0;padding:.7rem .9rem;display:grid;gap:.3rem;border-radius:var(--radius);background:#0a070599;border:1px solid var(--line);font-size:.8rem;color:var(--ink-mute)}.combat-log:empty{display:none}.combat-log li:last-child{color:var(--ink);animation:line-in .5s var(--ease-out)}.subtitles{position:fixed;z-index:20;left:50%;bottom:calc(var(--safe) + .5rem);transform:translate(-50%);width:min(62rem,calc(100vw - 2 * var(--safe)));text-align:center;pointer-events:none;transition:opacity .5s ease}.subtitles p{display:inline;padding:.2em .55em;font-size:var(--sub-size);line-height:1.55;color:#fffaf0;background:#000000b8;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:0 1px 2px #000}.subtitles.fade{opacity:0}body:has(.dice-stage.on) .subtitles,body:has(.chapter-card.show) .subtitles{opacity:0}body.in-combat .subtitles{bottom:auto;top:var(--subs-top, 70vh);transform:translate(-50%,-100%);width:min(50rem,calc(100vw - 2 * var(--safe)))}body.in-combat .subtitles p{font-size:calc(var(--sub-size) * .85)}.turn-banner{position:fixed;z-index:30;inset:38% 0 auto;display:grid;justify-items:center;gap:.2rem;padding:1.1rem var(--safe);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(10,6,4,.92) 20%,rgba(10,6,4,.92) 80%,transparent);border-block:1px solid var(--line-strong);opacity:0}.turn-banner strong{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.8rem);letter-spacing:.08em;text-transform:uppercase}.turn-banner span{color:var(--ink-dim);font-size:1rem}.turn-banner.mine strong{color:var(--gold);text-shadow:0 0 30px rgba(241,196,107,.5)}.turn-banner.ally strong{color:var(--frost)}.turn-banner.foe strong{color:var(--danger);text-shadow:0 0 30px rgba(230,60,40,.5)}.turn-banner.foe{border-color:#e6735f80}.turn-banner.slam{animation:slam 1.1s var(--ease-out) forwards}@keyframes slam{0%{opacity:0;transform:scaleY(.2);letter-spacing:.4em}18%{opacity:1;transform:scaleY(1.05)}28%{transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.victory-banner{position:fixed;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:.4rem;pointer-events:none;background:radial-gradient(ellipse at center,rgba(90,60,20,.55),transparent 60%);opacity:0;transition:opacity .5s ease}.victory-banner p{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,9vw,7.5rem);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 50px rgba(255,190,90,.7),0 6px 20px #000}.victory-banner span{font-size:1.2rem;color:var(--ink-dim)}.victory-banner.show{opacity:1}.victory-banner.show p{animation:victory 2.3s var(--ease-out)}@keyframes victory{0%{transform:scale(1.4);letter-spacing:.5em;opacity:0;filter:blur(8px)}40%{opacity:1;filter:none}}.chapter-card{position:fixed;z-index:40;inset:0;display:grid;place-content:center;justify-items:center;gap:.8rem;text-align:center;pointer-events:none;background:radial-gradient(ellipse at center,#0c0805e6,#000000f7 70%);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.chapter-card.show{opacity:1;visibility:visible;transition:opacity .6s ease}.chapter-kicker{font-size:.95rem;letter-spacing:.5em}.chapter-title{font-size:clamp(2.6rem,6vw,5.4rem);color:#fff3df;text-shadow:0 0 40px rgba(240,120,40,.35);max-width:90vw}.chapter-rule{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.chapter-card.show .chapter-kicker{animation:chapter-in 1.2s var(--ease-out) both}.chapter-card.show .chapter-title{animation:chapter-in 1.4s var(--ease-out) .15s both}.chapter-card.show .chapter-rule{animation:rule-in 1.6s var(--ease-out) .35s forwards}@keyframes chapter-in{0%{opacity:0;transform:translateY(14px);letter-spacing:.3em;filter:blur(6px)}}@keyframes rule-in{to{width:min(28rem,70vw)}}.dice-stage{position:fixed;z-index:50;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease}.dice-stage.on{opacity:1;background:radial-gradient(ellipse at 50% 45%,#0003,#000000b8 70%)}.dice-stage.leaving{opacity:0}.dice-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.dice-banner{position:absolute;left:50%;bottom:12%;transform:translate(-50%,20px);width:min(40rem,90vw);display:grid;justify-items:center;gap:.25rem;padding:1rem 1.6rem 1.1rem;text-align:center;border-radius:var(--radius);background:#0a0705f7;border:1px solid var(--line-strong);box-shadow:var(--shadow);opacity:0;transition:opacity .3s ease,transform .45s var(--ease-snap)}.dice-banner.show{opacity:1;transform:translate(-50%)}.dice-who{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.dice-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.dice-detail{font-size:.9rem;color:var(--ink-dim)}.dice-damage{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.3rem}.dice-dmg{padding:.2rem .7rem;border-radius:999px;background:#b8322a40;border:1px solid rgba(230,115,95,.5);font-size:.85rem}.dice-dmg strong{font-size:1.1rem;color:#ffd0c4}.dice-dmg.heal{background:#7fb46a33;border-color:#7fb46a8c}.dice-dmg.heal strong{color:#d6f5c4}.dice-banner.good{border-color:#7fb46ab3}.dice-banner.good .dice-headline{color:#c9f0b0}.dice-banner.bad .dice-headline{color:#f4b4a4}.dice-banner.neutral .dice-headline{color:var(--ink)}.dice-banner.crit{border-color:var(--gold);box-shadow:0 0 60px #ffbe5a73,var(--shadow)}.dice-banner.crit .dice-headline{color:var(--gold);text-shadow:0 0 24px rgba(255,190,90,.7);animation:crit-pop .6s var(--ease-snap)}.dice-banner.fumble{border-color:var(--blood)}.dice-banner.fumble .dice-headline{color:var(--danger);animation:shake .5s ease}@keyframes crit-pop{0%{transform:scale(1.6)}}.dice-flash{position:absolute;inset:0;opacity:0}.dice-flash.crit{background:radial-gradient(circle at 50% 45%,rgba(255,230,160,.95),rgba(255,160,60,.4) 40%,transparent 75%)}.dice-flash.fumble{background:radial-gradient(circle at 50% 45%,#780a0a33,#3c0000d9 80%)}.dice-flash.go{animation:flash .9s ease-out}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:var(--safe);background:#040201b8;backdrop-filter:blur(6px);animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}}.modal-card{width:min(38rem,100%);max-height:100%;overflow:auto;padding:1.6rem 1.8rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-raise),rgba(14,10,7,.97));border:1px solid var(--line-strong);box-shadow:0 30px 80px #000000b3;animation:card-in .45s var(--ease-snap)}@keyframes card-in{0%{transform:translateY(16px) scale(.97);opacity:0}}.modal-card h2{font-size:1.8rem;margin:.3rem 0 .8rem}.modal-card>p{color:var(--ink-dim)}.modal-actions{margin-top:1.3rem;justify-content:flex-end}.defeat-modal .modal-card{border-color:#b8322ab3;box-shadow:0 0 80px #b8322a4d,0 30px 80px #000000b3}.defeat-modal .modal-kicker{color:var(--danger)}.settings-modal .modal-card{width:min(42rem,100%)}.settings-rows{display:grid;gap:.35rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .9rem;text-align:left;background:#ffffff08;border-color:transparent}.setting-row:focus-visible{transform:none;background:#f0a05a1f}.setting-label{font-weight:600}.setting-control{display:flex;align-items:center;gap:.6rem}.setting-value{display:inline-flex;align-items:center;gap:.5rem;min-width:9rem;justify-content:center;color:var(--gold)}.chev{color:var(--ink-mute);font-size:.7rem;opacity:0;transition:opacity .2s}.setting-row:focus-visible .chev,.setting-row:hover .chev{opacity:1}.vol{display:inline-flex;gap:2px;align-items:flex-end;height:1rem}.vol i{width:5px;border-radius:1px;background:#f6ead626}.vol i:nth-child(1){height:30%}.vol i:nth-child(2){height:37%}.vol i:nth-child(3){height:44%}.vol i:nth-child(4){height:51%}.vol i:nth-child(5){height:58%}.vol i:nth-child(6){height:65%}.vol i:nth-child(7){height:72%}.vol i:nth-child(8){height:79%}.vol i:nth-child(9){height:86%}.vol i:nth-child(10){height:100%}.vol i.on{background:var(--gold)}.vol-num{font-size:.8rem;min-width:2.6rem;text-align:right;color:var(--ink-dim)}.settings-legend{margin-top:1rem;padding:.7rem .9rem;border-radius:var(--radius-s);background:#00000040}.settings-legend summary{cursor:pointer;font-weight:600;color:var(--ink-dim);border-radius:4px}.settings-legend[open] summary{margin-bottom:.8rem}.toast{position:fixed;z-index:70;top:4.6rem;left:50%;transform:translate(-50%,-12px);max-width:min(36rem,90vw);padding:.75rem 1.2rem;border-radius:var(--radius-s);background:#0e0a07f5;border:1px solid var(--line);border-left:4px solid var(--danger);box-shadow:var(--shadow);font-size:.95rem;opacity:0;transition:opacity .3s ease,transform .35s var(--ease-snap)}.toast.show{opacity:1;transform:translate(-50%)}.toast.ok{border-left-color:var(--moss)}.toast.info{border-left-color:var(--frost)}.coach-tip{position:fixed;z-index:25;right:var(--safe);top:45vh;width:min(22rem,calc(100vw - 2 * var(--safe)));padding:1rem 1.15rem;border-radius:var(--radius);background:linear-gradient(180deg,#3c2812f7,#18100af7);border:1px solid var(--gold);box-shadow:0 0 40px #f1c46b33,var(--shadow);pointer-events:none;opacity:0;transform:translate(20px);transition:opacity .4s ease,transform .5s var(--ease-snap)}.coach-tip.show{opacity:1;transform:none}.coach-tip h4{font-size:1.15rem;margin:.25rem 0 .35rem}.coach-tip p:last-child{font-size:.9rem;color:var(--ink-dim)}.chargen-panel{position:fixed;z-index:55;inset:0;display:grid;place-items:center;padding:var(--safe);background:#040201c7;backdrop-filter:blur(8px);animation:fade-in .3s ease}.chargen-frame{width:min(78rem,100%);max-height:100%;overflow:auto;padding:1.4rem 1.6rem 1.6rem;border-radius:var(--radius);background:linear-gradient(180deg,#221811fa,#0e0a07fa);border:1px solid var(--line-strong);box-shadow:0 30px 90px #000000bf;animation:card-in .45s var(--ease-snap)}.chargen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.chargen-head h2{font-size:1.6rem;margin:.25rem 0}.cg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,19rem);gap:1.4rem}.cg-main{display:grid;gap:.8rem;align-content:start;min-width:0}.cg-steps{display:flex;flex-wrap:wrap;gap:.3rem}.cg-steps span{padding:.2rem .6rem;border-radius:999px;border:1px solid var(--line);font-size:.72rem;color:var(--ink-mute)}.cg-steps .on{color:#1a120c;background:var(--gold);border-color:var(--gold);font-weight:700}.cg-steps .done{color:var(--copper-bright);border-color:var(--line-strong)}.cg-step-title{font-size:1.35rem}.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.55rem}.cg-pick{text-align:left;line-height:1.4;padding:.8rem .95rem}.cg-pick strong{font-family:var(--font-display)}.cg-chip{padding:.45rem .85rem;border-radius:999px;font-size:.88rem}.cg-pick.selected,.cg-chip.selected,.score-chip.selected{border-color:var(--gold);background:linear-gradient(180deg,#82521ef2,#462a10f2);box-shadow:0 0 0 1px var(--gold),0 0 18px #f1c46b33}.cg-skills{display:flex;flex-wrap:wrap;gap:.4rem}.cg-abilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem}.cg-abil{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius-s);background:#ffffff0a;border:1px solid var(--line)}.cg-abil>span:first-child{font-family:var(--font-display);font-weight:700;font-size:.85rem;min-width:2.4rem}.cg-abil strong{font-family:var(--font-display);font-size:1.3rem;min-width:1.8rem;text-align:center}.cg-abil button{padding:.25rem .7rem}.cg-slot{text-align:left}.score-pool{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.8rem;align-items:center}.score-chip{min-width:3rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;padding:.4rem .7rem}.cg-budget{font-size:1rem}.cg-budget strong{font-family:var(--font-display);font-size:1.4rem;color:var(--gold)}.cg-name-row input{flex:1;min-width:12rem;font-size:1.1rem}.cg-portraits{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.3rem,1fr));gap:.45rem}#cgSubmit{justify-self:end;min-width:16rem;font-size:1.05rem}.cg-portrait{padding:0;aspect-ratio:1;border-radius:var(--radius-s);overflow:hidden;border:2px solid transparent;background:#0e0a07}.cg-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;filter:saturate(.75) brightness(.8);transition:filter .3s}.cg-portrait.selected{border-color:var(--gold);box-shadow:0 0 0 2px #f1c46b66,0 0 18px #f1c46b4d}.cg-portrait.selected img,.cg-portrait:focus-visible img{filter:none}.cg-review{padding:.8rem 1rem;border-radius:var(--radius-s);background:#0000004d;border-left:3px solid var(--copper);display:grid;gap:.2rem}.cg-error{min-height:1.3em;color:var(--danger);font-size:.92rem}.cg-error:empty{min-height:0}.cg-nav{justify-content:space-between;padding-top:.6rem;border-top:1px solid var(--line)}.cg-live{position:sticky;top:0;align-self:start;display:grid;gap:.35rem;padding:1rem;border-radius:var(--radius);background:#00000059;border:1px solid var(--line)}.cg-live-portrait{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 20%;border-radius:var(--radius-s);margin-bottom:.3rem}.cg-live h3{font-size:1.25rem}.cg-vitals{display:flex;gap:.8rem;font-family:var(--font-display);font-weight:700;color:var(--gold)}.cg-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin:.3rem 0}.cg-mod{display:grid;justify-items:center;padding:.25rem;border-radius:6px;background:#ffffff0a}.cg-mod span{font-size:.6rem;letter-spacing:.14em;color:var(--ink-mute)}.cg-mod strong{font-size:.82rem}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}html[data-motion=reduced] .stage-layer.drift{animation:none}html[data-motion=reduced] button:focus-visible{transform:none}@media(max-width:1100px){.combat-grid{grid-template-columns:1fr;overflow:auto}.page-combat{overflow:auto}.board{min-height:55vh;flex:none;height:55vh}.sheet-rail{overflow:visible}.combat-head{grid-template-columns:1fr auto}.initiative{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:.4rem .2rem}.menu-hint{display:none}}@media(max-width:820px){body{overflow:auto}#app{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-wrap:wrap;gap:.5rem .8rem}.party-rail{order:5;flex-basis:100%;overflow-x:auto}.now-playing em{display:none}.page{height:auto;overflow:visible;padding-bottom:5rem}.page-home,.page-lobby{grid-template-columns:1fr}.home-cta button{min-width:0;width:100%}.home-side,.remote-legend{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.story-frame{padding:1.1rem 1.1rem .9rem;grid-template-columns:1fr}.story-frame>.dungeon-map-wrap{grid-column:1;grid-row:auto;margin-top:1rem}.dungeon-map-wrap img{max-width:100%;max-height:50vh}.story-narration{font-size:1.05rem}.board{height:62vw;min-height:18rem}.act{min-width:0;flex:1 1 8rem}.action-bar{flex-wrap:wrap}.act.end{flex-basis:100%}.act-group.bonus{border-left:0;padding-left:0}.cg-layout{grid-template-columns:1fr}.cg-live{position:static;order:-1;grid-template-columns:5rem 1fr;column-gap:.8rem}.cg-live-portrait{grid-row:span 3;aspect-ratio:1}.cg-live .cg-mods,.cg-live>.meta{grid-column:1 / -1}.chargen-frame{padding:1rem}.coach-tip{top:auto;bottom:var(--safe)}.seals{margin-left:0}}.glyph-svg{width:1em;height:1em;vertical-align:-.12em;display:inline-block}.story-dialogue{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.speaker{width:7.5rem;display:grid;gap:.35rem;justify-items:center;text-align:center}.speaker img{width:7.5rem;height:7.5rem;object-fit:cover;border-radius:var(--radius-m);border:2px solid rgba(241,196,107,.45);box-shadow:0 8px 24px #00000059}.speaker span{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.vote-bar{margin:.6rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.vote-pips{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-start}.vote-opt{display:grid;gap:.25rem;justify-items:start;padding:.35rem .55rem;border-radius:var(--radius-s);border:1px solid rgba(241,196,107,.25);background:#00000047;font-size:.78rem}.vote-opt em{font-style:normal;color:var(--ink-dim)}.vote-opt img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.35);margin-right:.15rem}.vote-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(241,196,107,.35);background:#00000059;font-size:.78rem}.vote-chip img{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}.vote-chip.timer{border-color:var(--line-strong);color:var(--ink-mute)}.choice.voted{border-color:var(--gold);box-shadow:0 0 16px #f1c46b40}.choice-votes{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.choice-pawn,.choice-votes img,.choice-votes i{width:1.7rem;height:1.7rem;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.4);font-style:normal;display:grid;place-items:center;background:#00000073;font-size:.72rem}.check-roster{display:grid;gap:.45rem}.puzzle-claim{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.soft-hints{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}.soft-hint{font-size:.68rem;padding:.1rem .35rem;border-radius:999px;background:#78c8ff2e;color:#b8e0ff}.soft-hint em{font-style:normal;opacity:.85}.hint-pip{position:absolute;bottom:.25rem;right:.25rem;min-width:.9rem;height:.9rem;padding:0 .15rem;border-radius:999px;background:#78c8ffd9;color:#062033;font-size:.58rem;font-style:normal;display:grid;place-items:center}.seq-slot.hint-target{box-shadow:0 0 0 2px #78c8ffb3}.puzzle-nudge{margin:0;font-size:.85rem;color:var(--gold)}.puzzle-panel.puzzle-success{box-shadow:0 0 24px #f1c46b40}.sigil-slot.sunk{transform:translateY(3px)}.puzzle-status{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pill-claim{border-color:var(--gold);color:var(--gold)}.pill-pass{margin-left:auto;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-mute);cursor:pointer}.puzzle-poem{margin:0;padding:.75rem 1rem;border-left:3px solid var(--gold);color:var(--ink-dim);font-style:italic;line-height:1.45}.soft-hint{margin:0;font-size:.8rem;color:var(--ink-mute)}.mosaic-tile{position:relative;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.mosaic-tile.press{transform:translateY(6px) scale(.96);box-shadow:inset 0 4px 12px #00000073}.mosaic-tile.glow{box-shadow:0 0 18px #f1c46b8c;filter:brightness(1.15)}.mosaic-tile.alone{outline:2px dashed rgba(120,200,255,.7);outline-offset:2px}.mosaic-tile.rising,.puzzle-reset .mosaic-tile{animation:puzzle-rise .45s ease}.puzzle-success .mosaic-tile.in-chain{animation:chain-glow .55s ease both;animation-delay:calc(var(--chain, 0) * .16s)}.seq-slot.drop-in{animation:drop-in .28s ease}.seq-slot.alone,.mosaic-tile.alone,.seq-option.alone{box-shadow:0 0 0 2px #78c8ffb3}.seq-slot.eject{animation:eject-out .4s ease}.seq-slot.glow{box-shadow:0 0 14px #f1c46b66}.mix-vial-wrap{display:grid;gap:.5rem;justify-items:center}.mix-vial{width:4.5rem;height:7rem;border:2px solid rgba(255,255,255,.35);border-radius:.4rem .4rem 1.2rem 1.2rem;background:linear-gradient(180deg,#ffffff14,#00000040);overflow:hidden;position:relative;display:grid;align-content:end}.mix-glass{position:absolute;inset:0;display:flex;flex-direction:column-reverse;justify-content:flex-start}.mix-layer{width:100%;opacity:.92;animation:pour-in .45s ease both}.mix-vial.boil .mix-layer{animation:boil-shake .5s ease;filter:grayscale(.6)}.puzzle-panel.puzzle-success .mix-vial{box-shadow:0 0 18px #f1c46b80}.mix-label{position:relative;z-index:1;margin-top:auto;padding:.2rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);text-align:center;background:#00000059}.mix-vial.pour-1 .fill{height:33%;background:linear-gradient(180deg,#7ec8e3,#2a6a88)}.mix-vial.pour-2 .fill{height:66%;background:linear-gradient(180deg,#c4a35a,#7ec8e3)}.mix-vial.pour-3 .fill{height:100%;background:linear-gradient(180deg,#e05030,#c4a35a,#7ec8e3)}.mix-vial.boil .fill{animation:boil-shake .5s ease;background:linear-gradient(180deg,#888,#333);height:20%}.mix-vial.success{box-shadow:0 0 18px #f1c46b80}.well-history{display:grid;gap:.35rem}.well-try{display:flex;gap:.45rem;align-items:center;font-size:.8rem;color:var(--ink-dim)}.pearl{display:inline-block;width:.7rem;height:.7rem;border-radius:50%}.pearl.ok{background:#3cb371}.pearl.near{background:#f0b429}.pearl.miss{background:#555}.hint-row{position:absolute;right:.2rem;bottom:1.35rem;display:flex;gap:.12rem}.hint-dot{position:static;width:.95rem;height:.95rem;border-radius:50%;border:1px solid rgba(255,255,255,.65);font-size:.55rem;font-style:normal;display:grid;place-items:center;color:#062033;text-transform:uppercase}.seq-slot .hint-row{position:static;margin-top:.2rem}.vessel-fire{margin:0;padding:.5rem .75rem;border-radius:var(--radius-s);background:#e0503033;color:#ffb0a0;font-size:.85rem}@keyframes drop-in{0%{transform:translateY(-12px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes pour-in{0%{transform:translateY(-40%);opacity:.2}to{transform:translateY(0);opacity:.92}}@keyframes eject-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-18px);opacity:.2}}@keyframes chain-glow{0%{filter:brightness(1);box-shadow:none}to{filter:brightness(1.25);box-shadow:0 0 18px #f1c46ba6}}@keyframes puzzle-rise{0%{transform:translateY(8px);filter:brightness(.7)}to{transform:translateY(0);filter:brightness(1)}}@keyframes boil-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.mosaic-tile.press,.mosaic-tile.glow,.puzzle-reset .mosaic-tile,.puzzle-success .mosaic-tile.in-chain,.seq-slot.drop-in,.seq-slot.eject,.mix-layer,.mix-vial.boil .mix-layer{animation:none!important;transition:none!important}.mosaic-tile.press{transform:none}}.login-gate{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#0c0806d1}.login-gate[hidden]{display:none}.login-card{width:min(24rem,calc(100vw - 2rem));padding:1.4rem 1.3rem 1.2rem;border-radius:16px;background:#1c1410;border:1px solid rgba(243,230,212,.16)}.login-card h2{margin:0 0 .8rem;font-family:Cinzel,serif}.login-card label{display:block;margin:.55rem 0}.login-card input{width:100%;box-sizing:border-box;margin-top:.25rem}.login-card .err{color:#ffb4a2;min-height:1.2rem}@media(max-width:720px){.story-dialogue{grid-template-columns:1fr}.speaker{width:5.5rem}.speaker img{width:5.5rem;height:5.5rem}}.quote .who{display:inline-block;margin:0 .5em 0 .1em;padding:.12em .55em .08em;font-family:var(--font-display);font-size:.66em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;vertical-align:.16em;line-height:1.3;color:var(--who);border:1px solid rgba(var(--who-rgb),.55);border-radius:999px;background:rgba(var(--who-rgb),.1)}.quote .sent{font-style:italic;color:var(--ink)}.quote .sent.spoken{color:#fffaf0;background:rgba(var(--who-rgb),.16);box-shadow:0 2px 0 var(--who);text-shadow:0 0 22px rgba(var(--who-rgb),.5)}.sub-who{display:inline-block;margin-right:.6em;font-family:var(--font-display);font-size:.72em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;vertical-align:.1em;color:var(--who);text-shadow:0 0 12px rgba(var(--who-rgb),.6),0 1px 2px #000}.speaker-plate{position:fixed;z-index:21;left:50%;top:calc(var(--safe) + 3.4rem);display:flex;align-items:center;gap:.85rem;padding:.55rem 1.1rem .55rem .55rem;border-radius:999px;background:linear-gradient(90deg,rgba(var(--who-rgb, 241, 196, 107),.2),#0c0906e6 45%);border:1px solid rgba(var(--who-rgb, 241, 196, 107),.5);box-shadow:0 12px 40px #0000008c,0 0 36px rgba(var(--who-rgb, 241, 196, 107),.18);pointer-events:none;opacity:0;transform:translate(-50%,-.8rem) scale(.96);transition:opacity .35s ease,transform .45s var(--ease-out)}.speaker-plate.on{opacity:1;transform:translate(-50%) scale(1)}.sp-sigil{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#120d08;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--who) 45%,rgba(var(--who-rgb),.55) 100%);box-shadow:0 0 0 2px #00000080,0 0 18px rgba(var(--who-rgb),.7)}.sp-text{display:flex;flex-direction:column;line-height:1.2}.sp-text strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;color:var(--who)}.sp-text small{font-size:.78rem;color:var(--ink-dim);font-style:italic}.sp-wave{display:flex;align-items:center;gap:3px;height:1.4rem;margin-left:.3rem}.sp-wave i{display:block;width:3px;height:100%;border-radius:2px;background:var(--who);transform-origin:center;animation:sp-wave .9s ease-in-out infinite}.sp-wave i:nth-child(2){animation-delay:-.45s}.sp-wave i:nth-child(3){animation-delay:-.2s}.sp-wave i:nth-child(4){animation-delay:-.65s}.sp-wave i:nth-child(5){animation-delay:-.3s}@keyframes sp-wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}body.in-combat .speaker-plate{display:none}html[data-motion=reduced] .sp-wave i{transform:scaleY(.6)}@media(max-width:720px){.speaker-plate{top:auto;bottom:calc(var(--safe) + 4.5rem);gap:.6rem}.sp-sigil{width:2.1rem;height:2.1rem;font-size:1rem}.sp-wave{display:none}}.admin-modal.map-wide .modal-card{width:min(96rem,100%);max-height:96vh;overflow:auto}.map-editor{display:grid;gap:.7rem}.map-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.map-toolbar .meta{flex:1 1 12rem}.map-toolbar [data-brush].on{border-color:var(--gold);color:var(--gold)}.map-stage{position:relative}.map-paint-view{position:relative;max-width:100%;max-height:min(70vh,52rem);overflow:auto;border:1px solid var(--line);border-radius:var(--radius-s);background:#120c09}.zoom-rail{position:absolute;top:.7rem;right:.55rem;bottom:.7rem;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:2.35rem;padding:.45rem .28rem .4rem;border-radius:999px;background:#0c0806d1;border:1px solid var(--line);box-shadow:0 8px 24px #00000073;pointer-events:auto}.zoom-pct{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--ink-dim);letter-spacing:.02em;line-height:1}.zoom-rail button{flex:0 0 auto;width:1.7rem;height:1.7rem;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1}.zoom-rail button:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);transform:none}.zoom-rail #mapZoomIn{color:var(--gold)}.zoom-rail .zoom-track{flex:1 1 auto;width:.42rem!important;height:auto!important;min-height:4rem;align-self:center;border-radius:999px!important;background:linear-gradient(180deg,#7a4ad4,#4a2e8a 55%,#2a1c44);border:1px solid rgba(180,140,255,.35)!important;position:relative;cursor:pointer}.zoom-track:after{content:"";position:absolute;left:50%;width:.95rem;height:.95rem;border-radius:50%;background:#f4f0ea;border:2px solid #1a1210;box-shadow:0 1px 4px #00000073;transform:translate(-50%);bottom:calc(var(--t, 0) * (100% - .95rem));pointer-events:none}html[data-contrast=high] .zoom-rail{background:#050302;border-color:#ffffff73}html[data-contrast=high] .zoom-track{background:#5a3ab8;border-color:#fff!important}.map-paint{display:grid;grid-template-columns:repeat(var(--cols),var(--cell, 18px));grid-template-rows:repeat(var(--rows),var(--cell, 18px));width:calc(var(--cols) * var(--cell, 18px));height:calc(var(--rows) * var(--cell, 18px));margin:0 auto;border:none;overflow:visible;background:#120c09;outline:none}.map-paint.has-art{background-image:var(--map-art);background-size:var(--map-art-size, 100% 100%);background-position:var(--map-art-pos, 0 0);background-repeat:no-repeat}.map-paint:focus-visible{box-shadow:0 0 0 2px var(--gold)}.map-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.45);box-sizing:border-box}.map-cell[data-k=wall]{background:#d220207a}.map-cell[data-k=hazard]{background:#f0c8287a}.map-cell[data-k=floor]{background:#ffffff47}.map-paint:not(.has-art) .map-cell[data-k=floor]{background:#ffffff38}.map-cell.on{outline:2px solid var(--gold);outline-offset:-2px;z-index:1}.map-cell.sel{box-shadow:inset 0 0 0 999px #ffffff38;outline:2px solid #fff;outline-offset:-2px}.map-cell i{position:absolute;inset:auto 1px 1px auto;font-size:.55rem;font-style:normal;font-weight:700;line-height:1;color:var(--gold);text-shadow:0 1px 2px #000;pointer-events:none}.map-cell i.foe{color:var(--danger)}.map-cell i.lab{color:var(--frost)}html[data-contrast=high] .map-cell[data-k=wall]{background:#ff0000b3}html[data-contrast=high] .map-cell[data-k=hazard]{background:#ffdc00b3}html[data-contrast=high] .map-cell[data-k=floor]{background:#ffffff73}.map-legend-wrap{margin-top:.4rem}.map-legend-wrap h4{margin:0 0 .35rem;font-family:var(--font-display);font-size:1rem}.map-legend{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.map-legend button{display:flex;gap:.4rem;align-items:center}.map-legend button strong{min-width:1.6rem;font-family:var(--font-display);color:var(--gold)}.map-legend button.on{border-color:var(--gold);color:var(--gold)}.map-cell i.held{outline:2px solid var(--gold);outline-offset:1px}.admin-modal .modal-card{width:min(72rem,100%)}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.4rem .45rem;border-bottom:1px solid var(--line);vertical-align:top}.admin-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.admin-actions button,.admin-actions input{font-size:.85rem}.admin-field{display:block;margin:.45rem 0}.admin-field span{display:block;font-size:.85rem;color:var(--ink-dim);margin-bottom:.2rem}.admin-modal textarea,.admin-modal select{width:100%;box-sizing:border-box;padding:.72rem .95rem;border-radius:var(--radius-s);border:1px solid rgba(246,234,214,.2);background:#0a0705d9}.admin-modal textarea{min-height:6rem}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.admin-note{color:var(--ink-dim)}.admin-err{color:#ffb4a2;min-height:1.2rem}.admin-block{margin:.8rem 0;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-s);background:#0003}.admin-block h3{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.05rem}@media(max-width:820px){.admin-grid{grid-template-columns:1fr}}