:root{color-scheme:dark;--bg: #101014;--panel: #1a1a20;--border: #33333d;--fg: #d8d4c8;--dim: #8a8578;--accent: #c9a45c;--error: #d97a6c;--sv-serif: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--sv-mono: "Cascadia Mono", Consolas, "Courier New", monospace;--sv-gold: #e6c684;--sv-ink: #e7e2d8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sv-mono);line-height:1.5;overscroll-behavior:none}html,body,#root{height:100%}body{overflow:hidden}.app{position:relative;height:100vh;height:100dvh;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.shell-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.9rem 1rem 1.2rem}.shell-play{flex:1;min-height:0;display:flex;flex-direction:column}.menu-fab{position:absolute;top:calc(.6rem + env(safe-area-inset-top));right:calc(.7rem + env(safe-area-inset-right));z-index:30;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--sv-gold);background:#06060999;border:1px solid rgba(230,198,132,.34);border-radius:9px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-fab:hover,.menu-fab:focus-visible{border-color:var(--accent)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06060a9e;display:flex;flex-direction:column;justify-content:flex-end}.sheet-card{width:100%;max-width:30rem;margin:0 auto;background:#111119;border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;padding:.5rem .9rem calc(1.1rem + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}.menu-card{display:flex;flex-direction:column;gap:.35rem}.menu-grab{width:2.4rem;height:4px;border-radius:2px;background:var(--border);margin:.2rem auto .5rem}.menu-item{text-align:left;padding:.8rem .9rem;background:#16161e;border:1px solid var(--border);border-radius:10px;color:var(--fg);font:inherit;font-size:1rem;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{border-color:var(--accent);color:var(--sv-gold)}.menu-item[aria-current=page]{border-color:var(--accent);color:var(--sv-gold);background:#1d1d27}.menu-item.level{background:linear-gradient(#e2a04a,#c9772b);color:#160c02;border-color:var(--accent);font-weight:600}.menu-item.subtle{background:transparent;color:var(--dim);text-align:center;font-size:.9rem;padding:.6rem}.menu-item.subtle:hover,.menu-item.subtle:focus-visible{color:var(--accent)}.menu-srd{color:var(--dim);font-size:.72rem;line-height:1.4;text-align:center;margin:.5rem 0 0}.drawer-card{font-size:.92rem}.drawer-card p{margin:0 0 .45rem;line-height:1.4}.drawer-card .done{text-decoration:line-through}.drawer-h{color:var(--accent);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin:.8rem 0 .35rem}.drawer-h:first-of-type{margin-top:.2rem}.drawer-unit strong{color:var(--fg)}.drawer-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.drawer-actions button{flex:1 1 auto}.drawer-actions .subtle{flex-basis:100%}h1{color:var(--accent);letter-spacing:.2em;font-weight:600;font-size:1.6rem}h2{font-size:1.15rem;margin:1.2rem 0 .6rem}h3{font-size:1rem;margin:1rem 0 .4rem}.dim{color:var(--dim)}.error{color:var(--error)}.feedback-text{width:100%;resize:vertical;min-height:6rem;margin:.5rem 0 0;background:#16161e;color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:.55rem .65rem;font:inherit;font-size:.9rem}.feedback-text:focus{outline:none;border-color:var(--accent)}input,select,button{background:var(--panel);color:var(--fg);border:1px solid var(--border);padding:.35rem .6rem;font:inherit}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:default}.chip.selected,.card.selected,.tabs .selected{background:#262013}.chip.selected:before{content:"✓ "}.chip.stale{border-color:var(--error);color:var(--error)}.step-body:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{border-color:var(--accent);color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent);color:var(--bg)}.creation-shell{display:flex;flex-direction:column;min-height:0;padding:.9rem 1rem .8rem}.creation-intro{flex:none}.creation-intro p{margin:0 0 .5rem;font-size:.85rem}.wizard{flex:1;min-height:0;display:flex;flex-direction:column}.wizard>.step-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.steps{display:flex;gap:.3rem;list-style:none;padding:0 0 .5rem;margin:0 0 .7rem;border-bottom:1px solid var(--border);flex:none}.steps li{flex:1;min-width:0;color:var(--dim);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis}.step-bar{display:block;height:3px;border-radius:2px;background:var(--border);margin-bottom:.35rem}.steps li.done{color:var(--fg)}.steps li.done .step-bar{background:var(--accent)}.steps li.active{color:var(--sv-gold)}.steps li.active .step-bar{background:var(--sv-gold)}.field{display:inline-flex;align-items:center;gap:.5rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.45rem}.cards.stack{grid-template-columns:1fr}.card{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;padding:.55rem .7rem;border-radius:10px}.card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #c9a45c66}.card.selected strong{color:var(--sv-gold)}.tabs{display:flex;width:100%;background:#141419;border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px;margin-bottom:.75rem}.tabs button{flex:1;min-width:0;border:none;background:transparent;border-radius:7px;padding:.4rem .3rem;font-size:.8rem;color:var(--dim);white-space:nowrap}.tabs button:hover:not(:disabled){color:var(--fg);background:transparent}.tabs .selected{background:#262013;color:var(--sv-gold);border:none}.tabs button.selected:hover{background:#262013;color:var(--sv-gold)}.roll-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;margin-bottom:.75rem}.roll-log{font-size:.85rem;white-space:pre-wrap}.ability-table{border-collapse:collapse;width:100%;max-width:32rem;font-size:.86rem}.ability-table thead th{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:400}.ability-table th,.ability-table td{border-bottom:1px solid #23232c;padding:.28rem .4rem;text-align:left}.ability-table td:nth-child(4){font-weight:600;font-variant-numeric:tabular-nums}.ability-table td:nth-child(5){color:var(--sv-gold);font-variant-numeric:tabular-nums}.ability-table select{padding:.18rem .3rem;font-size:.82rem;border-radius:7px}.stepper{display:inline-flex;align-items:center;gap:.5rem}.stepper span{min-width:2ch;text-align:center}.picker{margin-bottom:.75rem}.picker h3{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:.7rem 0 .35rem}.picker h3 .dim{letter-spacing:.06em}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border-radius:9px;padding:.4rem .7rem;font-size:.82rem}.chip.selected{border-color:var(--accent);color:var(--sv-gold)}.wizard-nav{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;border-top:1px solid var(--border);padding-top:.6rem;margin-top:.6rem}.wizard-nav .btn-row .sv-btn:first-child{flex:0 0 auto}.wizard-nav .pick-info{margin:0;max-height:8rem;overflow-y:auto}.problems{font-size:.8rem;margin:0}.problems:empty{height:0;overflow:hidden}.sheet-shell{display:flex;flex-direction:column;min-height:0;padding:.9rem 1rem .8rem}.sheet-view{flex:1;min-height:0;display:flex;flex-direction:column}.sheet-head{flex:none}.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:.7rem}.sheet-foot{flex:none;border-top:1px solid var(--border);padding-top:.6rem;margin-top:.6rem}.sheet-foot .btn-row .sv-btn:last-child{flex:0 0 auto}.sheet-id{padding-right:2.9rem}.sheet-id .sheet-header{margin:0}.sheet-id h2{margin:0;line-height:1.15}.sheet-id p{margin:.1rem 0 0;font-size:.82rem}.sheet-head .abilities-row{grid-template-columns:repeat(6,1fr);gap:.25rem;margin:.55rem 0 0}.sheet-head .ability-card{padding:.3rem .1rem;gap:0}.sheet-head .ability-card span:first-child{font-size:.55rem;letter-spacing:.04em}.sheet-head .ability-card strong{font-size:.95rem}.sheet-head .ability-card span:last-child{font-size:.68rem}.sheet-tabs{margin:.6rem 0 0}.sheet-body>section:first-child>h3,.sheet-body>dl:first-child{margin-top:0}.sheet-body section{margin:0 0 .5rem}.sheet-body section:last-child{margin-bottom:0}.sheet-body h3{margin:0 0 .35rem}.sheet-body p{margin:.2rem 0}.sheet-body .features details{margin-bottom:.2rem}.sheet-body .skill-list{columns:2;column-gap:.7rem;font-size:.8rem}.sheet-body .inline-list.saves{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;list-style:none;padding:0}.sheet{border:1px solid var(--border);padding:1rem;margin-top:.5rem}.sheet-header h2{margin:0;color:var(--accent)}.sheet-header p{margin:.15rem 0 0}.abilities-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0}.ability-card{border:1px solid var(--border);padding:.4rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.1rem}.ability-card strong{font-size:1.2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem 1rem;margin:.75rem 0}.stat-grid div{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px dotted var(--border);padding-bottom:.2rem}.stat-grid dt{color:var(--dim)}.stat-grid dd{margin:0}.inline-list{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;list-style:none;padding:0;margin:.25rem 0}.skill-list{columns:2;column-gap:2rem;list-style:none;padding:0;margin:.25rem 0}.skill-list li{break-inside:avoid;padding:.1rem 0}.features details{border-bottom:1px dotted var(--border);padding:.3rem 0}.features summary{cursor:pointer}.features p{margin:.4rem 0 .4rem 1rem;font-size:.9rem}.combat-log{max-height:24rem;overflow-y:auto;font-size:.85rem;margin-bottom:.75rem}.log-round{color:var(--accent);margin-top:.4rem}.log-turn{color:var(--accent)}.log-attack{color:#b7c9de}.log-damage{color:#d99a8c}.log-heal{color:#9ec9a2}.log-save{color:#b7c9de}.log-death-save{color:var(--error)}.log-down{color:var(--error);font-weight:600}.log-victory{color:var(--accent);font-weight:600}.log-spell,.log-concentration{color:#c2a9de}.log-info{color:var(--dim)}.explore{height:100%;min-height:0;display:flex;flex-direction:column}.explore-main{flex:1;min-height:0;display:flex;flex-direction:column}@media(pointer:coarse){button,.chip,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}}.dm-narration{color:var(--fg);margin:.35rem 0}.dm-dialogue{color:#cdb7de;margin:.35rem 0}.dm-roll{color:#b7c9de}.dm-system{color:var(--dim)}.dm-error{color:var(--error)}.dm-banter{color:#a7c4a0;margin:.35rem 0}.dm-ai{color:#d8c9a3;font-style:italic;margin:.35rem 0}.dm-pending{color:var(--dim);font-style:italic;animation:dm-pulse 1.4s ease-in-out infinite}@keyframes dm-pulse{0%,to{opacity:.35}50%{opacity:.85}}@media(max-width:640px){.abilities-row{grid-template-columns:repeat(3,1fr)}.skill-list{columns:1}}@media(max-width:380px){.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.party-view>h2{padding-right:3rem}.party-intro{padding-right:3rem;margin:.2rem 0 0}.companion-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.75rem 0 1rem}.companion-card{border:1px solid var(--border);border-radius:10px;background:#14141a;padding:.5rem .55rem;display:flex;flex-direction:column}.companion-card.recruited{border-color:var(--accent);background:#8caa820f}.companion-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.companion-head strong{font-size:.88rem}.companion-card.recruited .companion-head strong{color:var(--sv-gold)}.co-badge{color:var(--accent);font-size:.62rem;letter-spacing:.04em;white-space:nowrap}.companion-meta{color:var(--dim);font-size:.72rem;margin-top:.05rem}.companion-blurb{color:var(--dim);font-size:.74rem;line-height:1.32;margin:.25rem 0 .45rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.companion-card .companion-btn{flex:0 0 auto;min-width:0;margin-top:auto;padding:.35rem .5rem;font-size:.8rem;text-align:center}@media(max-width:360px){.companion-roster{grid-template-columns:1fr}}.ord-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ord-chip{display:inline-flex;align-items:center;font-size:.82rem;color:var(--fg);background:#16161e;border:1px solid var(--border);border-radius:9px;padding:.4rem .65rem;cursor:pointer}.ord-chip:hover{border-color:var(--accent);color:var(--sv-gold)}.ord-chip.sel{border-color:var(--accent);color:var(--sv-gold);background:#262013}.ord-chip:focus-within{outline:2px solid var(--accent);outline-offset:1px}@media(pointer:coarse){.ord-chip{min-height:44px}}.ord-hint{margin:.45rem 0 0}.ord-group{margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid var(--border)}.ord-group:first-of-type{border-top:none;padding-top:0}.ord-who{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:var(--sv-gold)}.gear-panel{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:.75rem}.gear-panel h4{margin:.75rem 0 .35rem}.sheet-body .gear-panel{margin-top:.6rem;border-top:none;padding-top:0}.sheet-body .gear-panel h4{margin:.45rem 0 .25rem;font-size:.8rem}.sheet-body .gear-panel>p.dim{font-size:.78rem;margin:0 0 .3rem}.gear-list{list-style:none;padding:0;margin:.25rem 0;display:flex;flex-direction:column;gap:.6rem}.gear-list button{margin-left:.5rem}.save-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin:.75rem 0 1.25rem}.save-slot{border:1px solid var(--border);border-radius:12px;background:#14141a;padding:.8rem .85rem;display:flex;flex-direction:column;gap:.45rem}.slot-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.slot-head strong{color:var(--sv-gold)}.save-slot .btn-row{margin-top:.15rem}.roll-controls .sv-btn{flex:0 0 auto;text-align:center}.saves-io .sv-btn{font-size:.82rem;padding:.42rem .55rem;white-space:nowrap}.saves-view .sv-eyebrow{margin-top:.55rem}.saves-view .save-slots{margin-bottom:.85rem}.saves-view h1{color:inherit;font-size:1.15rem;letter-spacing:normal;margin:1.2rem 0 .6rem}.sv-btn.primary{border-color:var(--accent);color:var(--accent)}.sv-btn.primary:hover{background:var(--accent);color:var(--bg)}.sv-btn.ghost{background:transparent;color:var(--dim)}.sv-btn.ghost:hover{background:transparent;color:var(--accent);border-color:var(--accent)}.sv-btn:disabled,.sv-btn[disabled]{opacity:.45;cursor:default}.sv-btn:disabled:hover,.sv-btn[disabled]:hover{border-color:var(--border);color:var(--fg);background:#16161e}.sv-btn.primary:disabled:hover,.sv-btn.primary[disabled]:hover{border-color:var(--accent);color:var(--accent);background:#16161e}.sv-btn.ghost:disabled:hover,.sv-btn.ghost[disabled]:hover{border-color:var(--border);color:var(--dim);background:transparent}.btn-row{display:flex;gap:.5rem}.btn-row .sv-btn{flex:1 1 0;min-width:0;text-align:center}.sv-eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:1rem 0 .4rem}.fb-sheet .fb-title{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-align:center;margin:.1rem 0 .5rem}.fb-sheet>p{margin:0 0 .2rem}.fb-sheet .btn-row{margin-top:.7rem}.fb-sheet>.sv-btn{display:block;width:100%;flex:none;text-align:center;margin-top:.7rem}.gameover-sheet{display:flex;flex-direction:column;gap:.5rem;text-align:center}.gameover-sheet .go-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--error);margin:.15rem 0 .2rem}.gameover-sheet .go-body{font-family:var(--sv-serif);font-size:1.05rem;line-height:1.5;color:var(--sv-ink);margin:0 0 .7rem}.gameover-sheet .sv-btn{flex:none;text-align:center}.sheet-card.lu-sheet{display:flex;flex-direction:column;overflow:hidden;padding:.5rem 0 0}.lu-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 .9rem .3rem}.lu-foot{flex:none;border-top:1px solid var(--border);background:#111119;padding:.6rem .9rem calc(.7rem + env(safe-area-inset-bottom))}.lu-foot .btn-row{margin-top:.55rem}.lu-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-align:center;margin:.1rem 0 .5rem}.lu-hint{margin:0 0 .35rem;font-size:.8rem;text-align:center}.lu-foot .pick-info{max-height:8rem;overflow-y:auto;overscroll-behavior:contain;margin:0}.lu-sheet h3{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:.9rem 0 .35rem}.lu-sheet .picker{margin-bottom:.6rem}.lu-sheet .chip{background:#16161e;border-radius:9px;padding:.4rem .65rem}.lu-sheet .chip.selected{background:#262013;border-color:var(--accent);color:var(--accent)}.lu-sheet select{background:#16161e;color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:.4rem .5rem;font:inherit;margin:0 .4rem .3rem 0}.ar-setup{flex:1;min-height:0;display:flex;flex-direction:column}.ar-head{flex:none;padding:.9rem 1rem .7rem;border-bottom:1px solid var(--border)}.ar-head h2{margin:0;padding-right:3rem}.ar-hero{margin-top:.5rem}.ar-hero-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem}.ar-hero-top strong{color:var(--sv-gold)}.ar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.8rem 1rem}.ar-controls{display:flex;flex-wrap:wrap;gap:.5rem .6rem;align-items:end;margin-bottom:.85rem}.ar-fld{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--dim)}.ar-fld.ar-grow{flex:1 1 7rem}.ar-fld select,.ar-fld input{background:#16161e;color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:.42rem .5rem;font:inherit;font-size:.88rem}.ar-fld.ar-grow input{width:100%}.ar-fld select:focus,.ar-fld input:focus{outline:none;border-color:var(--accent)}.ar-controls .ar-util{flex:0 0 auto;min-width:0;width:auto;align-self:end;padding:.45rem .7rem;font-size:.82rem}.ar-chip{font:inherit;font-size:.82rem;color:var(--fg);background:#16161e;border:1px solid var(--border);border-radius:9px;padding:.42rem .6rem;cursor:pointer}.ar-chip:hover:not(:disabled){border-color:var(--accent);color:var(--sv-gold)}.ar-chip:disabled{opacity:.4;cursor:default}.ar-foot{flex:none;border-top:1px solid var(--border);padding:.7rem 1rem .8rem;display:flex;flex-direction:column;gap:.5rem}.ar-tray{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:1.9rem}.ar-pill{font:inherit;font-size:.8rem;color:var(--sv-gold);background:#262013;border:1px solid var(--accent);border-radius:9px;padding:.3rem .55rem;cursor:pointer}.ar-foot .ar-fight{text-align:center}.type-caret{opacity:.7;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pick-info{border:1px solid var(--border);padding:.5rem .75rem;margin:.5rem 0;font-size:.85rem}.pick-info p{margin:.35rem 0 0}.known-line{font-size:.8rem;margin:.2rem 0 .6rem}.pick-info.empty{border:none;padding:0;margin:0}.settings h3{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:.7rem 0 .3rem}.set-group{border:1px solid var(--border);border-radius:12px;background:#14141a;padding:0 .85rem;margin-bottom:.35rem}.set-row{border-bottom:1px solid #23232c}.set-row:last-child{border-bottom:none}.set-row-head{position:relative;display:flex;align-items:center;gap:.7rem;padding:.4rem 0;cursor:pointer}.set-row-text{flex:1;min-width:0}.set-row-text strong{display:block;font-size:.95rem}.set-row-text .dim{display:block;margin-top:.1rem;font-size:.8rem;line-height:1.35}.set-row.off .set-row-text strong{color:var(--dim)}.switch{position:relative;flex:none;width:2.3rem;height:1.3rem;border:1px solid var(--border);border-radius:999px;background:#26262f;transition:background .15s,border-color .15s}.switch:after{content:"";position:absolute;top:1px;left:1px;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--dim);transition:transform .15s,background .15s}.set-row-head input:checked~.switch,.fr-row input:checked~.switch{background:#2d2712;border-color:var(--accent)}.set-row-head input:checked~.switch:after,.fr-row input:checked~.switch:after{transform:translate(1rem);background:var(--sv-gold)}.set-row-head input:focus-visible~.switch,.fr-row input:focus-visible~.switch{outline:2px solid var(--accent);outline-offset:2px}.set-slider{display:flex;align-items:center;gap:.6rem;padding:0 0 .35rem;font-size:.8rem}.set-slider input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.set-slider-val{color:var(--sv-gold);font-variant-numeric:tabular-nums;min-width:2.6rem;text-align:right}.set-note{font-size:.8rem;margin:0 0 .35rem}@media(pointer:coarse){.set-row-head{min-height:44px}}.scene-banner{display:block;width:100%;image-rendering:pixelated;border:1px solid var(--border)}img.scene-banner{object-fit:cover}.scene-banner.panel{height:min(13rem,34vh);margin-bottom:0;border-radius:8px}.sceneview{flex:1;min-height:0;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;overscroll-behavior:contain}.sceneview>.sv-art{flex:none}.sceneview>.sv-beat{flex:1;min-height:0;max-height:none}.sceneview>.sv-actions{flex:0 1 auto;min-height:0;max-height:45%;display:flex;flex-direction:column;gap:.5rem}.sceneview>.sv-actions>.sv-choices{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.5rem}.sceneview>.sv-actions>.sv-command{flex:none}.sv-combat>.sv-lines{flex:0 1 auto;min-height:0;overflow-y:auto}.sv-combat>.sv-combat-log{flex:1;min-height:0;display:flex;flex-direction:column}.sv-combat>.sv-combat-log>.paced-log{display:contents}.sv-combat>.sv-combat-log .combat-log{flex:1;min-height:0;max-height:none}@media(max-width:859px){.sv-combat>.sv-lines{max-height:30vh}.sv-combat>.sv-combat-log{min-height:8rem}}@media(min-width:641px)and (max-width:859px){.explore-main>.sceneview{width:100%;max-width:40rem;margin-inline:auto}}@media(min-width:860px){.sceneview:not(.sv-combat){display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"art actions" "beat actions";gap:.6rem 1.1rem}.sceneview:not(.sv-combat)>.sv-art{grid-area:art}.sceneview:not(.sv-combat)>.sv-beat{grid-area:beat}.sceneview:not(.sv-combat)>.sv-actions{grid-area:actions;min-height:0;overflow-y:auto;align-content:start;max-height:none}.sv-combat{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"art lines" "narr lines" "log lines" "log actions";column-gap:1.1rem;row-gap:.5rem}.sv-combat>.sv-art{grid-area:art}.sv-combat>.sv-lines{grid-area:lines;overflow-y:auto;min-height:0}.sv-combat>.sv-combat-narrative{grid-area:narr}.sv-combat>.sv-combat-log{grid-area:log}.sv-combat>.sv-combat-actions{grid-area:actions}}.sv-art{position:relative;border-radius:8px;overflow:hidden}.sv-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -2.4rem 2.6rem -1.4rem var(--bg)}.sv-art-plain{height:3.5rem;background:linear-gradient(180deg,var(--panel),var(--bg));border:1px solid var(--border);border-radius:8px;position:relative;z-index:1}.sv-title{position:absolute;left:.7rem;top:.6rem;z-index:1;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sv-gold);background:#0606098c;border:1px solid rgba(230,198,132,.32);padding:.2rem .55rem;border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:0 1px 3px rgba(0,0,0,.65)}.sv-beat{min-height:6rem;max-height:15rem;overflow-y:auto;overscroll-behavior:contain;padding:.35rem .15rem .3rem;font-size:.95rem;line-height:1.5}.sv-beat p{margin:0 0 .55rem}.sv-beat p:last-child{margin-bottom:0}.sv-beat .dm-narration,.sv-beat .dm-ai,.sv-beat .dm-dialogue,.sv-beat .dm-banter,.sv-combat-narrative .dm-narration,.sv-combat-narrative .dm-ai,.sv-combat-narrative .dm-dialogue,.sv-combat-narrative .dm-banter{font-family:var(--sv-serif);font-size:1.12rem;line-height:1.55;color:var(--sv-ink)}.sv-who{display:block;font-family:var(--sv-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.1rem}.sv-actions{display:flex;flex-direction:column;gap:.5rem}.sv-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.sv-btn{flex:1 1 auto;min-width:8rem;text-align:left;padding:.6rem .8rem;background:#16161e;border:1px solid var(--border);border-radius:9px;color:var(--fg);font:inherit;font-size:.92rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.sv-btn:hover{border-color:var(--accent);color:var(--sv-gold);background:#1d1d27}.sv-btn:focus-visible{border-color:var(--accent);color:var(--sv-gold);outline:2px solid var(--accent);outline-offset:2px}.sv-responses{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem;border:1px solid rgba(201,164,92,.26);border-radius:10px;background:#c9a45c0d}.sv-responses-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.sv-btn.sv-response{background:#c9a45c14;border-color:#c9a45c4d}.sv-command{display:flex;align-items:center;gap:.45rem;border-top:1px solid var(--border);padding-top:.55rem}.sv-command>.dim{color:var(--accent)}.sv-command input{flex:1;background:transparent;border:none;color:var(--fg);font:inherit;font-size:.9rem;padding:.35rem .2rem}.sv-command input::placeholder{color:var(--dim)}.sv-command input:focus{outline:none}.sv-history-btn{font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;cursor:pointer;white-space:nowrap}.sv-history-btn:hover,.sv-history-btn:focus-visible{color:var(--sv-gold);border-color:var(--accent)}.sv-history{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#06060ab8;display:flex;flex-direction:column;align-items:center;padding:1.2rem}.sv-history-inner{width:100%;max-width:44rem;flex:1;min-height:0;display:flex;flex-direction:column}.sv-history-head{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:.5rem}.sv-history-close{font-size:.85rem;padding:.3rem .7rem}.sv-history-log{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem}@media(max-width:640px){.scene-banner.panel{height:min(10rem,32vh)}.sv-beat{max-height:40vh}.sv-btn{flex-basis:100%}}.sv-combat{gap:.5rem}.sv-combat .scene-banner.panel{height:min(8.5rem,26vh)}@media(max-width:640px){.sv-combat .scene-banner.panel{height:min(7rem,24vh)}}.sv-title.combat{font-weight:600}.sv-lines{display:flex;flex-direction:column;gap:.5rem}.sv-units{display:flex;flex-direction:column;gap:.35rem}.sv-units-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.sv-unit{border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;background:var(--panel)}.sv-unit.current{border-color:var(--accent)}.sv-unit.dead{opacity:.45}.sv-unit-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .6rem}.sv-unit-name{font-weight:600}.sv-unit.dead .sv-unit-name{text-decoration:line-through}.sv-unit-meta{font-size:.78rem;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}.sv-hpbar{height:7px;margin-top:.3rem;background:#1c1c24;border:1px solid #23232c;border-radius:4px;overflow:hidden}.sv-hpfill{height:100%;border-radius:3px;transition:width .25s ease}.sv-hpfill.ally{background:linear-gradient(90deg,#6f9e4e,#a9c471)}.sv-hpfill.ally.mid{background:linear-gradient(90deg,#b98a2b,#e2a04a)}.sv-hpfill.ally.lo{background:linear-gradient(90deg,#8a2a20,#d8794e)}.sv-hpfill.foe{background:linear-gradient(90deg,#8a3320,#c9622b)}.sv-unit-cond{font-size:.74rem;color:var(--dim);margin-top:.25rem}.sv-unit-cond.down{color:var(--error)}.sv-unit.selectable{cursor:pointer}.sv-unit.selectable:hover{border-color:#5a4a34}.sv-unit.targeted{border-color:var(--accent);background:#1d1810;box-shadow:inset 0 0 0 1px var(--accent)}.sv-unit.selectable.targeted:hover{border-color:var(--accent)}.sv-unit-tgt{color:var(--accent)}.cv-acts{display:flex;flex-direction:column;gap:.45rem}.cv-pips{display:flex;gap:.55rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.cv-pips span{opacity:.45}.cv-pips span.on{opacity:1;color:var(--accent)}.cv-target{align-self:flex-start;font-size:.85rem;color:var(--dim)}.sv-btn.cv{display:flex;align-items:center;gap:.55rem}.sv-btn.cv .cv-ico{flex:none;width:1.15rem;text-align:center;color:var(--accent);font-size:.98rem}.sv-btn.cv .cv-sub{margin-left:auto;color:var(--dim);font-size:.72rem;letter-spacing:.02em;white-space:nowrap}.sv-btn.cv .cv-count{color:var(--sv-gold);font-size:.82rem}.sv-btn.cv .cv-chev{margin-left:auto;color:var(--dim)}.sv-btn.cv.cv-attack{background:#1b1710;border-color:#e6c68457}.sv-btn.cv.cv-attack:hover:not(:disabled){border-color:var(--accent);background:#221c11;color:var(--sv-gold)}.sv-btn.cv.cv-attack .cv-ico,.sv-btn.cv.cv-move .cv-ico{color:var(--sv-gold)}.sv-btn.cv.cv-more,.sv-btn.cv.cv-ghost{color:var(--dim)}.sv-btn.cv.cv-ghost{background:transparent;justify-content:center}.sv-btn.cv:disabled{opacity:.42;cursor:default}.sv-btn.cv:disabled:hover{border-color:var(--border);color:var(--fg);background:#16161e}.sv-btn.cv.cv-attack:disabled:hover{border-color:#e6c68457;color:var(--fg);background:#1b1710}.cv-spell{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center}.cv-spell .cv-cast{min-width:6rem;flex:0 0 auto}.cv-endturn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:9px;padding:.6rem;font:inherit;font-size:.92rem;cursor:pointer}.cv-endturn:hover{background:var(--accent);color:var(--bg)}.cv-endturn .cv-ico{color:inherit;width:1.1rem;text-align:center}.cv-sheet{display:flex;flex-direction:column;gap:.4rem}.cv-sheet-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:.15rem 0}.sv-combat-log{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:.15rem .5rem}.sv-combat-log .combat-log{max-height:8.5rem;margin-bottom:0}@media(max-width:640px){.sv-combat-log .combat-log{max-height:26vh}}.sv-combat-narrative{max-height:7rem;overflow-y:auto;overscroll-behavior:contain;border-left:2px solid rgba(201,164,92,.4);padding:.1rem .1rem .1rem .6rem;font-size:.95rem;line-height:1.5}.sv-combat-narrative p{margin:0 0 .35rem}.sv-combat-narrative p:last-child{margin-bottom:0}.firstrun-shell{display:flex;flex-direction:column;min-height:0;padding:.9rem 1rem .8rem}.firstrun{flex:1;min-height:0;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(120% 62% at 50% 0%,rgba(201,164,92,.11),transparent 66%)}.fr-mark{flex:none;text-align:center}.fr-mark h1{margin:0;color:var(--accent);font-size:1.55rem;font-weight:600;letter-spacing:.34em}.fr-rule{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.4rem 0 0;color:var(--accent);font-size:.6rem}.fr-rule:before,.fr-rule:after{content:"";width:3.2rem;height:1px;background:var(--border)}.fr-tag{flex:none;margin:0;font-family:var(--sv-serif);font-size:1.02rem;line-height:1.45;color:var(--sv-ink);text-align:center}.fr-meta{flex:none;margin:0;text-align:center;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.fr-spacer{flex:1;min-height:.4rem}.fr-consent{flex:none;border:1px solid rgba(201,164,92,.32);border-radius:12px;background:#14141a;padding:.6rem .8rem}.fr-copy{margin:0;font-size:.8rem;line-height:1.45;color:var(--dim)}.fr-copy strong{color:var(--fg);font-weight:600}.fr-row{position:relative;display:flex;align-items:center;gap:.7rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #23232c;cursor:pointer}.fr-row strong{flex:1;min-width:0;font-size:.9rem}.fr-row.off strong{color:var(--dim)}.fr-doors{flex:none;display:flex;flex-direction:column;gap:.45rem}.fr-doors .sv-btn{text-align:center}.fr-doors .fr-enter{padding:.72rem;font-size:1rem;letter-spacing:.02em}.fr-fine{flex:none;margin:0;font-size:.72rem;line-height:1.4;color:var(--dim);text-align:center}@media(pointer:coarse){.fr-row{min-height:44px}}