:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0ead9;--gold:#efc181;--mint:#9dd5d0;--muted:#b8c2bd;--border:#99a4a34a;--ink:#14252e;--serif:"Palatino Linotype", Palatino, Georgia, serif;background:#111b24;font:400 16px/1.4 Avenir Next,Avenir,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(at 17% -10%,#4c4035 0%,#0000 44%),repeating-linear-gradient(132deg,#0000 0 9px,#cfcaa805 9px 10px),#111b24;min-height:100vh;margin:0}h1,h2,h3,p{margin:0}button,a{color:inherit}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.52;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #ffd898}main{width:min(100% - 2rem,68rem);margin:auto;padding-block:1.1rem 2.2rem}.mast{border-bottom:1px solid #c4a67964;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:.8rem;padding-bottom:.75rem;display:flex}.back{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;font-size:.67rem;font-weight:760;text-decoration:none;display:inline-block}.back:hover{color:var(--gold)}.brand{align-items:center;gap:.62rem;display:flex}.brand svg{flex:none;width:2.8rem;height:2.8rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.63rem;font-weight:800}h1{font:750 clamp(2rem, 5.7vw, 4.4rem)/.98 var(--serif);letter-spacing:-.07em}.readouts{background:#15232d;border:1px solid #b4986d63;display:flex}.readouts div{min-width:4.7rem;padding:.43rem .66rem}.readouts div+div{border-left:1px solid #b4986d63}.readouts span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;font-weight:760;display:block}.readouts b{font:740 1.14rem/1.2 var(--serif);white-space:nowrap;font-variant-numeric:tabular-nums}#credits{color:var(--gold)}.readouts small{color:var(--muted);white-space:nowrap;font-size:.7rem}progress{appearance:none;background:#383b3b;border:0;width:2.8rem;height:3px;margin-top:.15rem;display:block}progress::-webkit-progress-bar{background:#383b3b}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}.workbench{grid-template-columns:minmax(0,1fr) minmax(17.5rem,.47fr);align-items:start;gap:.9rem;display:grid}.field,.desk{min-width:0}.field-head{justify-content:space-between;align-items:end;gap:.4rem;margin-bottom:.37rem;display:flex}.field-head h2{font:740 1.31rem/1.05 var(--serif);letter-spacing:-.025em}#phase{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;text-align:right;font-size:.64rem;font-weight:800}[data-phase=wave] #phase{color:var(--gold)}[data-phase=lost] #phase{color:#f6a792}.command-bar{align-items:center;gap:.5rem;padding-bottom:.42rem;display:flex}.command-bar button{border:1px solid var(--border);white-space:nowrap;background:#28323a;min-height:2.45rem;padding:.25rem .71rem;font-size:.8rem;font-weight:750}.command-bar button:hover{border-color:var(--gold)}.command-bar .primary{color:#261d1c;background:linear-gradient(#f0d29c,#d8ac70);border-color:#efc483;min-width:7rem}.utility{gap:.3rem;margin-left:auto;display:flex}#speed[aria-pressed=true]{color:var(--gold);background:#433a35}#remaining{color:var(--muted);white-space:nowrap;font-size:.75rem}.frame{background:#23303b;border:1px solid #bc9d73a3;padding:4px;box-shadow:0 14px 30px #08101372}#board{isolation:isolate;aspect-ratio:600/440;background:#243841;width:100%;position:relative;overflow:hidden}.board-art,.combat-art,.slots{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#range{fill:#d1eed419;stroke:#ddedbfc4;stroke-width:1.4px;stroke-dasharray:5 5}.slot{color:#a1b8b7;pointer-events:auto;background:#223b49;border:1px solid #8baeb486;border-radius:7%;place-items:center;width:15.7%;height:17.1%;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #132735,0 3px #101f2b}.slot:disabled{opacity:1}.slot[data-reserve]{background:#29313a;border-style:dashed}.slot[data-available=true]{border-color:#f6cd93;box-shadow:inset 0 0 0 2px #1b2e39,0 0 11px #f3c18170}.slot[data-selected=true]{outline-offset:2px;border-color:#fff0b4;outline:2px solid #e6b881}.slot[data-match=true]{border-color:#abe6d5;box-shadow:0 0 9px #a3f5cc7c}.slot[data-kind=bolt],.summon[data-kind=bolt]{--rune:#f4cd87;--rune-dark:#544732}.slot[data-kind=cinder],.summon[data-kind=cinder]{--rune:#ffad92;--rune-dark:#583b3b}.slot[data-kind=rime],.summon[data-kind=rime]{--rune:#a7e3db;--rune-dark:#315458}.slot[data-kind=quench],.summon[data-kind=quench]{--rune:#e8c9ff;--rune-dark:#4d3861}.slot[data-kind]{color:var(--rune);background:var(--rune-dark);border-color:color-mix(in srgb, var(--rune), transparent 34%)}.slot[data-kind][data-rank="2"],.slot[data-kind][data-rank="3"]{box-shadow:inset 0 0 0 2px #121f2b, inset 0 0 15px color-mix(in srgb, var(--rune), transparent 62%), 0 3px 0 #101f2b}.slot[data-rank="3"]{border-width:2px}.slot svg{width:56%;height:65%}.empty-mark{font-size:clamp(.8rem,2.3vw,1.4rem);font-weight:500;line-height:1}.rank{color:#fff4db;min-width:23%;font:760 clamp(.47rem, 1.2vw, .74rem)/1.2 var(--serif);background:#172632;position:absolute;inset:auto 3% 4% auto}.status{min-height:2.1em;color:var(--muted);padding:.34rem .13rem 0;font-size:.76rem}.status[data-tone=good]{color:var(--mint)}.status[data-tone=bad]{color:#ffac99}.desk{gap:.64rem;display:grid}.panel{border:1px solid var(--border);background:#1c2a35ed;padding:.75rem}.panel h2{font:740 1.46rem/1.1 var(--serif);letter-spacing:-.027em;margin-block:.12rem .4rem}.panel p:not(.eyebrow){color:var(--muted);font-size:.76rem;line-height:1.36}.summon{text-align:left;border:1px solid color-mix(in srgb, var(--rune,#efc181), transparent 45%);background:color-mix(in srgb, var(--rune-dark,#46362c), #1b2b36 52%);width:100%;min-height:2.75rem;color:var(--rune,#efc181);grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.42rem;margin-bottom:.39rem;padding:.33rem .51rem;font-size:.89rem;font-weight:760;display:grid}.summon:hover:not(:disabled),.summon[aria-pressed=true]{border-color:#fff0ba}.summon[aria-pressed=true]{box-shadow:inset 0 2px #e5ba81}.summon svg{width:1.6rem;height:1.65rem}.summon small{font-size:.65rem}.queue{color:var(--gold);gap:.45rem;margin-top:.49rem;font-size:.73rem;display:flex}.queue>span:first-child{color:var(--muted)}.blueprint{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.5rem}.blueprint .eyebrow{color:#e8c9ff;margin-bottom:.22rem}#quench-availability{color:#e8c9ff;margin-bottom:.16rem}.inspection{background:#14212b;border-left:2px solid #b7976d;min-height:3.6rem;margin-top:.55rem;padding:.46rem .5rem}.inspection h3{font:740 .9rem/1.2 var(--serif);margin-bottom:.12rem}.roster{flex-wrap:wrap;gap:.25rem;margin-top:.55rem;display:flex}.roster span{border:1px solid var(--border);color:#e7decb;background:#263540;padding:.13rem .35rem;font-size:.66rem}.outcome{z-index:3;text-align:center;border:1px solid var(--gold);pointer-events:none;background:#15232df5;width:min(84%,20rem);padding:.75rem .8rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #07101acc}.outcome h2{font:740 clamp(1.47rem, 5vw, 2.5rem)/1.12 var(--serif);margin-block:.17rem}.outcome p:last-child{color:var(--muted);font-size:.73rem}[data-phase=lost] .outcome{border-color:#f4a992}@media (width<=775px){main{width:min(100% - 1.2rem,39rem)}.workbench{grid-template-columns:minmax(0,1fr);gap:.55rem}.desk{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=505px){main{padding-top:.61rem}.mast{gap:.45rem;margin-bottom:.6rem;padding-bottom:.55rem;display:grid}.identity{flex-direction:row-reverse;justify-content:space-between;align-items:end;gap:.3rem;display:flex}.back{text-align:right;margin:0;font-size:.52rem}.brand{gap:.35rem}.brand svg{width:1.7rem;height:1.7rem}.brand .eyebrow{font-size:.52rem}h1{font-size:clamp(1.95rem,7.2vw,2.5rem)}.readouts div{flex:1;min-width:0;padding:.23rem .46rem}.readouts b{font-size:.98rem}.readouts span{font-size:.54rem}.command-bar{gap:.28rem}.command-bar button{min-height:2.35rem;padding-inline:.46rem;font-size:.74rem}.command-bar .primary{min-width:6rem}#remaining{font-size:.65rem}.desk{grid-template-columns:minmax(0,1fr)}.panel{padding:.53rem}.panel h2{font-size:1.24rem}.status{font-size:.68rem}}