.hms-battle-stage{contain:strict;background:#030405;width:100%;height:100%;position:relative;overflow:hidden}.hms-battle-canvas{touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-000:#030405;--ink-100:#0a0d10;--ink-200:#12171b;--grey-400:#465159;--grey-500:#69747b;--grey-600:#8c969d;--paper-700:#bdc5ca;--paper-900:#f4f7f8;--suit-cyan:#06cce8;--suit-cyan-dim:#06cce88c;--suit-line:#b4dce647;--suit-line-strong:#b4dce699;--suit-fill:#060c106b;--crimson:#9d0730;--red:#ff3b4e;--gold:#d9a93f;--font-display:"Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;--font-body:"Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;--font-mono:"SFMono-Regular", "Menlo", "Cascadia Mono", "Roboto Mono", monospace;--fam-derelict:#6fd39a;--fam-corporate:#e3b04b;--fam-vanguard:#ff5a3c;--fam-arcane:#b48cff;--fam-tech:#06cce8;--fam-strike:#ff6f9f;--enemy:#ff3b4e;--rarity-1:#b4dce699;--rarity-2:#06cce8;--rarity-3:#d9a93f;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{font-size:clamp(12px,.55vw + 7px,28px)}html,body,#root{background:var(--ink-000);height:100%;color:var(--paper-900);font-family:var(--font-body);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.stage{background:var(--ink-000);touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:var(--font-mono);position:relative;overflow:hidden}.stage>*{pointer-events:auto}.frame{inset:max(14px, var(--safe-top)) max(14px, var(--safe-right)) max(14px, var(--safe-bottom)) max(14px, var(--safe-left));border:1px solid var(--suit-line);pointer-events:none;z-index:20;position:absolute}.frame:before,.frame:after,.frame i:before,.frame i:after{content:"";border:1px solid var(--suit-line-strong);width:22px;height:22px;position:absolute}.frame:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.frame:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.frame i:before{border-bottom:0;border-left:0;top:-1px;right:-1px}.frame i:after{border-top:0;border-right:0;bottom:-1px;left:-1px}.starbed{pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 120%, #0a1116 0%, var(--ink-000) 60%);position:absolute;inset:0;overflow:hidden}.starbed i{background:0 0;border-radius:50%;width:2px;height:2px;animation:140s linear infinite stardrift;position:absolute;top:0;left:0}.starbed i:nth-child(2){opacity:.7;width:1px;height:1px;animation-duration:220s}.starbed i:nth-child(3){opacity:.5;width:3px;height:3px;animation-duration:90s}.starbed__band{pointer-events:none;background:linear-gradient(#0000,#06cce809 50%,#0000);height:40%;position:absolute;top:30%;left:-10%;right:-10%;transform:rotate(-8deg)}@keyframes stardrift{0%{transform:translateY(0)}to{transform:translateY(-40vh)}}.eyebrow{font:500 .6rem var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--suit-cyan-dim)}.h-display{font:300 2rem/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-900)}.sub{font:500 .62rem var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--paper-700)}.sub em{color:var(--suit-cyan);font-style:normal}.sub b{color:var(--paper-900);font-weight:500}.warn{color:var(--red)}.pbtn{border:1px solid var(--suit-line-strong);background:var(--suit-fill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:44px;font:500 .68rem var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--paper-900);cursor:pointer;padding:10px 18px;transition:border-color .12s,background .12s,transform 80ms;position:relative}.pbtn:hover:not(:disabled){border-color:var(--suit-cyan);background:#06cce814}.pbtn:active:not(:disabled){transform:scale(.97)}.pbtn:disabled{opacity:.35;cursor:default}.pbtn small{color:var(--suit-cyan-dim);letter-spacing:.16em;margin-top:4px;font-size:.54rem;display:block}.pbtn--primary{border-color:var(--suit-cyan);background:#06cce814}.pbtn--danger{border-color:#9d0730e6}.pbtn--danger:hover:not(:disabled){background:#9d073029;border-color:#ff5a6e}.pbtn--toggle{min-width:84px}.pbtn--toggle.is-on{border-color:var(--suit-cyan);color:var(--suit-cyan)}.pbtn--close{padding:10px 14px}.pbtn--quiet{border-color:var(--suit-line);color:var(--paper-700)}.pbtn--go{border-color:var(--suit-cyan);letter-spacing:.3em;background:#06cce81f;padding:14px 34px}.pbtn--red{border-color:var(--red);color:var(--red)}.dock{right:max(30px, calc(var(--safe-right) + 16px));bottom:max(28px, calc(var(--safe-bottom) + 14px));z-index:30;gap:10px;display:flex;position:absolute}.panel{z-index:4600;font-family:var(--font-mono);background:radial-gradient(at 50% 55%,#03040540,#030405d1);place-items:center;padding:24px;animation:.22s both fadein;display:grid;position:absolute;inset:0}.panel__card{border:1px solid var(--suit-line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060c10bd;flex-direction:column;width:min(640px,92vw);max-height:calc(100vh - 48px);display:flex;position:relative}.panel__card--wide{width:min(1040px,94vw)}.panel__card:before,.panel__card:after,.celebrate__card:before,.celebrate__card:after{content:"";border:1px solid var(--suit-cyan);pointer-events:none;width:26px;height:26px;position:absolute}.panel__card:before,.celebrate__card:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.panel__card:after,.celebrate__card:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.panel__head{border-bottom:1px solid var(--suit-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 14px;display:flex}.panel__title{font:300 2rem/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-900)}.panel__sub{letter-spacing:.22em;text-transform:uppercase;color:var(--paper-700);margin-top:8px;font-size:.62rem}.panel__sub em{color:var(--suit-cyan);font-style:normal}.panel__body{align-content:start;gap:14px;padding:18px 26px 24px;display:grid;overflow:auto}.panel__actions{flex-wrap:wrap;gap:10px;display:flex}.celebrate{z-index:4500;background:radial-gradient(at 50% 55%,#03040526,#030405cc);place-items:center;animation:.5s both fadein;display:grid;position:absolute;inset:0}.celebrate__card{border:1px solid var(--suit-line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#060c109e;justify-items:center;gap:4px;min-width:min(max(560px,34vw),90vw);padding:38px 60px 30px;display:grid;position:relative}.celebrate__place{font:300 4.6rem/1 var(--font-display);letter-spacing:.12em;color:var(--paper-900)}.celebrate__place em{color:var(--suit-cyan);font-style:normal}.celebrate__place em.is-red{color:var(--red)}.celebrate__place em.is-gold{color:var(--gold)}.celebrate__sub{font:500 .7rem var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-700)}.celebrate__rewards{font:500 .66rem var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--grey-600);gap:30px;margin:18px 0 22px;display:flex}.celebrate__rewards b{font:300 1.8rem var(--font-display);letter-spacing:.1em;color:var(--paper-900);margin-top:4px;display:block}.celebrate__rewards b.is-gold{color:var(--gold)}.celebrate__rewards b.is-red{color:var(--red)}.celebrate__actions{gap:10px;display:flex}@keyframes fadein{0%{opacity:0}to{opacity:1}}.title{z-index:10;place-items:center;display:grid;position:absolute;inset:0}.title__card{z-index:1;text-align:center;position:relative}.title h1{font:200 clamp(2.6rem, 6vw, 5rem)/1 var(--font-display);letter-spacing:.36em;color:var(--paper-900);text-indent:.36em;margin:0}.title h1 em{color:var(--suit-cyan);font-style:normal}.title p{font:500 .66rem var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--grey-600);margin:16px 0 34px}.title__eyebrow{margin-bottom:18px}.title__actions{gap:10px;width:min(460px,84vw);margin:0 auto;display:grid}.title .pbtn{text-align:left;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 22px;display:flex}.title .pbtn small{text-align:right;margin:0}.title__ship{width:120px;height:120px;margin:0 auto 8px}.title__ver{letter-spacing:.22em;color:var(--grey-500);text-transform:uppercase;font-size:.56rem;position:absolute;bottom:28px;left:30px}.setting{border-bottom:1px solid var(--suit-line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.setting:last-child{border-bottom:0}.setting b{letter-spacing:.22em;color:var(--paper-900);font-size:.72rem;font-weight:500;display:block}.setting span{letter-spacing:.18em;text-transform:uppercase;color:var(--grey-600);margin-top:4px;font-size:.56rem;display:block}.setting--danger span{color:#ff5a6e}.setting__pair{gap:8px;display:flex}.spark{z-index:3;background:var(--suit-cyan);width:10px;height:10px;box-shadow:0 0 8px var(--suit-cyan);pointer-events:none;animation:1.8s cubic-bezier(.1,.7,.3,1) forwards spark;position:absolute;transform:rotate(45deg)}.spark--gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.spark--paper{background:var(--paper-900);box-shadow:0 0 6px var(--paper-900)}@keyframes spark{0%{opacity:0;transform:translate(0)rotate(45deg)scale(.4)}12%{opacity:1;transform:translate(calc(var(--dx) * .25), calc(var(--dy) * .25)) rotate(90deg) scale(1.3)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(225deg) scale(.2)}}@media (pointer:coarse){.pbtn,.pbtn--close{min-height:56px}.dock .pbtn{padding:14px 20px}}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}[data-reduced-motion] .spark,[data-reduced-motion] .card__spark,[data-reduced-motion] .flash,[data-reduced-motion] .starbed i{display:none}.rotate{z-index:99999;color:#f4f7f8;text-align:center;background:#020304;place-items:center;font-family:SFMono-Regular,Menlo,Roboto Mono,monospace;display:none;position:fixed;inset:0}.rotate__card{gap:10px;padding:24px;display:grid}.rotate__glyph{color:#06cce8;font-size:3rem;animation:1.6s ease-in-out infinite rotate-hint}.rotate__title{letter-spacing:.36em;font-size:1.1rem}.rotate__sub{letter-spacing:.22em;color:#8c969d;max-width:260px;margin:0 auto;font-size:.6rem;line-height:1.6}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation:portrait) and (width<=900px) and (pointer:coarse){.rotate{display:grid}}.screen{padding:max(30px, calc(var(--safe-top) + 16px)) max(30px, calc(var(--safe-right) + 16px)) max(28px, calc(var(--safe-bottom) + 14px)) max(30px, calc(var(--safe-left) + 16px));z-index:10;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.strip{justify-content:space-between;align-items:flex-start;gap:18px;min-height:52px;display:flex}.strip__left,.strip__right{letter-spacing:.18em;text-transform:uppercase;color:var(--paper-700);align-items:center;gap:14px;font-size:.66rem;display:flex}.strip__left b,.strip__right b{color:var(--paper-900);font-weight:500}.strip__left em,.strip__right em{color:var(--suit-cyan);font-style:normal}.strip__cash{color:var(--gold)}.strip__sep{background:var(--suit-line-strong);width:1px;height:14px}.fleet{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.fleet__chip{border:1px solid var(--suit-line);background:var(--suit-fill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.16em;text-transform:uppercase;min-height:34px;color:var(--paper-900);--fam:var(--suit-cyan);grid-template-columns:auto auto;align-items:center;gap:8px;padding:4px 10px;font-size:.56rem;display:grid}.fleet__chip i{background:var(--fam);width:8px;height:8px;box-shadow:0 0 8px var(--fam);border-radius:50%}.fleet__chip b{color:var(--fam);font-weight:500}.fleet__chip small{color:var(--grey-600);margin-left:6px;font-size:.5rem}.fleet__chip small.is-ko{color:var(--red)}.fleet__chip.is-flash{animation:.7s ease-out chipflash}@keyframes chipflash{0%{border-color:var(--suit-cyan);box-shadow:0 0 #06cce899}to{border-color:var(--suit-line);box-shadow:0 0 22px 8px #06cce800}}.fleet__empty{letter-spacing:.22em;color:var(--grey-600);text-transform:uppercase;align-self:center;font-size:.56rem}.strip__relics{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:30vw;display:flex}.strip__relic{letter-spacing:.14em;color:var(--paper-700);border:1px solid var(--suit-line);text-transform:uppercase;padding:3px 7px;font-size:.52rem}.strip__relic.r2{border-color:var(--rarity-2);color:var(--suit-cyan)}.strip__relic.r3{border-color:var(--rarity-3);color:var(--gold)}.screen__head{text-align:center;align-self:end;margin-top:8px}.screen__head .h-display{font-size:clamp(1.6rem,3vw,2.6rem)}.screen__head .sub{margin-top:8px}.screen__body{align-content:safe center;justify-items:center;gap:18px;min-height:0;display:grid}@media (height<=860px){.screen__body{touch-action:pan-y;gap:10px;padding:16px 12px;overflow:hidden auto}.screen__head .h-display{font-size:clamp(1.4rem,2.4vw,2rem)}.screen__head .sub{margin-top:4px}}.screen__foot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.screen__foot .hint{letter-spacing:.2em;text-transform:uppercase;color:var(--grey-600);font-size:.58rem;line-height:1.7}.screen__foot .hint em{color:var(--paper-700);font-style:normal}.screen__foot .dock{position:static}.deck{perspective:1200px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(10px,1.6vw,28px);display:flex}.card{text-align:left;border:1px solid var(--rim,var(--suit-line-strong));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:clamp(180px,15vw,560px);min-height:clamp(200px,30vh,720px);font-family:var(--font-mono);text-transform:uppercase;color:var(--paper-900);--tx:0deg;--ty:0deg;--lift:0px;--rim:var(--suit-line-strong);--glow:#06cce859;transform:perspective(1200px) rotateX(var(--tx)) rotateY(var(--ty)) translateY(var(--lift));animation:.7s cubic-bezier(.2,.9,.25,1.05) both cardin;animation-delay:calc(var(--i,0) * .11s);background:#060c109e;align-content:start;gap:8px;padding:18px 18px 16px;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s,opacity .3s;display:grid;position:relative;overflow:visible}.card:before,.card:after{content:"";border:1px solid var(--rim);pointer-events:none;width:18px;height:18px;position:absolute}.card:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.card:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.card__sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}.card__sweep:before{content:"";width:45%;animation:.9s ease-out both sweep;animation-delay:calc(var(--i,0) * .11s + .45s);background:linear-gradient(100deg,#0000,#f4f7f838,#0000);position:absolute;top:-40%;bottom:-40%;left:-60%;transform:skew(-18deg)}.card:hover,.card.is-hot{--lift:-10px;box-shadow:0 0 0 1px var(--rim), 0 0 28px var(--glow), 0 24px 40px #00000080;z-index:2}.card:disabled{cursor:default}.card:disabled:not(.is-picked){opacity:.45}.card.is-locked{opacity:.35;cursor:default}.card__spark{bottom:8%;left:var(--sx);background:var(--sc,var(--suit-cyan));width:4px;height:4px;box-shadow:0 0 6px var(--sc,var(--suit-cyan));pointer-events:none;opacity:0;animation:1.3s ease-out both cardspark;animation-delay:var(--sd);border-radius:50%;position:absolute}.card__burst{border:2px solid var(--rim);width:40px;height:40px;box-shadow:0 0 18px var(--glow), inset 0 0 18px var(--glow);pointer-events:none;border-radius:50%;margin:-20px 0 0 -20px;animation:.7s ease-out both burst;position:absolute;top:50%;left:50%}.card.is-picked{z-index:5;border-color:var(--rim);box-shadow:0 0 40px var(--glow);animation:.75s cubic-bezier(.5,0,.8,.4) .32s both cardfly}.card.is-folded{pointer-events:none;animation:.5s ease-in both cardfold}.card.is-gone{visibility:hidden}@keyframes cardin{0%{opacity:0;filter:blur(10px);transform:perspective(1200px)translateY(70px)rotate(-7deg)scale(.9)}60%{filter:blur()}to{opacity:1;filter:blur();transform:perspective(1200px)translateY(0)rotate(0)scale(1)}}@keyframes sweep{0%{left:-60%}to{left:130%}}@keyframes cardspark{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(calc(-1 * var(--sh,160px))) translateX(var(--sw,0px)) scale(.3)}}@keyframes burst{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(9)}}@keyframes cardfly{0%{opacity:1;transform:perspective(1200px)translateY(-10px)scale(1.04)}to{transform:perspective(1200px) translate(var(--fx,0px), var(--fy,-300px)) scale(.12) rotate(8deg);opacity:0}}@keyframes cardfold{0%{opacity:1;transform:perspective(1200px)rotateY(0)scaleX(1)}to{opacity:0;transform:perspective(1200px)rotateY(80deg)scaleX(.2)translateY(30px)}}.flash{z-index:8000;pointer-events:none;background:var(--paper-900);animation:.7s ease-out both flash;position:absolute;inset:0}.flash--gold{background:var(--gold)}@keyframes flash{0%{opacity:.85}to{opacity:0}}.card__tag{letter-spacing:.26em;color:var(--suit-cyan-dim);justify-content:space-between;gap:8px;font-size:.54rem;display:flex}.card__tag.is-red{color:var(--red)}.card__tag.is-gold{color:var(--gold)}.card__name{font:300 clamp(1.1rem, 1.5vw, 1.7rem)/1.05 var(--font-display);letter-spacing:.14em;color:var(--paper-900)}.card__name.is-fam{color:var(--rim)}.card__blurb{letter-spacing:.08em;color:var(--paper-700);text-transform:none;font-size:.56rem;line-height:1.55}.card__blurb--hmd{color:var(--grey-600);text-transform:uppercase;letter-spacing:.16em;font-size:.5rem}.card__rows{letter-spacing:.16em;color:var(--paper-700);gap:4px;font-size:.54rem;display:grid}.card__rows span{justify-content:space-between;gap:6px;display:flex}.card__rows b{color:var(--paper-900);font-weight:500}.card__rows b.is-gold{color:var(--gold)}.card__pay{font:300 1.5rem/1 var(--font-display);letter-spacing:.12em;color:var(--gold);margin-top:auto}.card__pay small{font:500 .52rem var(--font-mono);letter-spacing:.22em;color:var(--grey-600);margin-left:8px}.card__cond{letter-spacing:.2em;color:var(--red);background:#9d07301f;border:1px solid #ff3b4e80;padding:6px 8px;font-size:.56rem;line-height:1.5}.card__price{letter-spacing:.2em;color:var(--gold);justify-content:space-between;align-items:baseline;margin-top:auto;font-size:.6rem;display:flex}.card__price small{color:var(--grey-600);font-size:.5rem}.card__art{place-items:center;height:clamp(60px,9vh,110px);display:grid}.card__art svg{width:100%;height:100%;overflow:visible}.card__stars{color:var(--gold);letter-spacing:.2em;font-size:.7rem}.card__lane{letter-spacing:.3em;color:var(--grey-600);font-size:.5rem}.card--wide{width:clamp(240px,22vw,760px)}.card--fam{--rim:var(--fam);--glow:color-mix(in srgb, var(--fam) 40%, transparent)}.card--r1{--rim:var(--rarity-1);--glow:#b4dce64d}.card--r2{--rim:var(--rarity-2);--glow:#06cce866}.card--r3{--rim:var(--rarity-3);--glow:#d9a93f80}.card--red{--rim:var(--red);--glow:#ff3b4e73}.card--safe{--rim:var(--suit-line-strong)}.card--hard{--rim:var(--gold);--glow:#d9a93f66}.sils{flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:40px;display:flex}.sil{letter-spacing:.14em;color:var(--paper-700);align-items:center;gap:5px;font-size:.56rem;display:flex}.sil svg{width:22px;height:22px;overflow:visible}.sil b{color:var(--paper-900);font-weight:500}.sil small{color:var(--grey-600);letter-spacing:.1em;font-size:.48rem}.lanes{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(12px,2.2vw,44px);display:flex}.lane .card{width:clamp(150px,12.5vw,480px)}.lane{justify-items:center;gap:10px;display:grid}.lane__label{letter-spacing:.34em;color:var(--grey-600);text-transform:uppercase;align-items:center;gap:10px;font-size:.54rem;display:flex}.lane__label:before,.lane__label:after{content:"";background:var(--suit-line-strong);width:26px;height:1px}.lane .deck{flex-wrap:nowrap}.lane--flyers .card{width:clamp(112px,9vw,340px);min-height:clamp(160px,24vh,520px);padding:14px}.lane--flyers .card__name{font-size:clamp(.95rem,1.2vw,1.3rem)}@media (width<=1400px){.lane .card{min-height:clamp(150px,26vh,300px);padding:14px}.lane--flyers .card{min-height:clamp(130px,20vh,220px)}}.battle{position:absolute;inset:0;overflow:hidden}.battle__canvas{position:absolute;inset:0}.canopy{pointer-events:none;z-index:5;position:absolute;inset:0}.canopy__mass{background:radial-gradient(circle,#030405fa 0 52%,#030405d9 60%,#03040500 72%);border-radius:50%;width:42vw;max-width:900px;height:42vw;max-height:900px;position:absolute}.canopy__mass--tl{top:-30vw;left:-26vw}.canopy__mass--tr{top:-30vw;right:-26vw}.canopy__mass--bl{bottom:-32vw;left:-26vw}.canopy__mass--br{bottom:-32vw;right:-26vw}.canopy__glare{background:linear-gradient(160deg,#f4f7f80f 0%,#f4f7f804 28%,#0000 42% 100%);position:absolute;inset:0}.canopy__vignette{background:radial-gradient(#0000 58%,#0304058c 100%);position:absolute;inset:0}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud__tl{left:max(30px, calc(var(--safe-left) + 16px));top:max(26px, calc(var(--safe-top) + 14px));letter-spacing:.18em;text-transform:uppercase;color:var(--paper-700);gap:4px;min-width:200px;font-size:.6rem;display:grid;position:absolute}.hud__label{color:var(--grey-600);letter-spacing:.26em;margin-bottom:2px;font-size:.52rem}.hud__type{--fam:var(--suit-cyan);grid-template-columns:8px 1fr auto auto;align-items:center;gap:8px;display:grid}.hud__type i{background:var(--fam);width:8px;height:8px;box-shadow:0 0 6px var(--fam);border-radius:50%}.hud__type b{color:var(--paper-900);font-weight:500}.hud__type em{color:var(--fam);font-style:normal}.hud__type s{color:var(--red);text-decoration:none}.hud__type .hud__bar{background:#ffffff14;grid-column:2/-1;height:2px}.hud__type .hud__bar i{width:var(--w);height:100%;box-shadow:none;background:var(--fam);border-radius:0;transition:width .25s linear;display:block}.hud__tr{right:max(30px, calc(var(--safe-right) + 16px));top:max(26px, calc(var(--safe-top) + 14px));text-align:right;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-700);font-size:.6rem;position:absolute}.hud__tr b{font:300 2.2rem/1 var(--font-display);letter-spacing:.08em;color:var(--red);margin-top:2px;display:block}.hud__tr small{color:var(--grey-600);letter-spacing:.22em;margin-top:4px;font-size:.52rem;display:block}.hud__tr .hud__bar{background:#ffffff14;width:160px;height:2px;margin:6px 0 0 auto}.hud__tr .hud__bar i{width:var(--w);background:var(--red);height:100%;transition:width .25s linear;display:block}.hud__tc{left:50%;top:max(26px, calc(var(--safe-top) + 14px));letter-spacing:.22em;text-transform:uppercase;color:var(--paper-700);white-space:nowrap;gap:22px;font-size:.62rem;display:flex;position:absolute;transform:translate(-50%)}.hud__tc b{color:var(--paper-900);font-weight:500}.hud__tc em{color:var(--gold);font-style:normal}.hud__tc i{color:var(--suit-cyan);font-style:normal}.hud__bl{left:max(30px, calc(var(--safe-left) + 16px));bottom:max(28px, calc(var(--safe-bottom) + 14px));gap:6px;display:flex;position:absolute}.hud__speed{text-align:center;min-width:56px;padding:10px 12px}.hud__speed.is-on{border-color:var(--suit-cyan);color:var(--suit-cyan);background:#06cce81a}.hud__bc{left:50%;bottom:max(28px, calc(var(--safe-bottom) + 14px));align-items:flex-end;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.tray{gap:6px;display:flex}.tray__btn{text-align:center;justify-items:center;gap:3px;min-width:68px;padding:8px 10px;display:grid}.tray__btn b{color:var(--gold);font-weight:500}.tray__btn i{letter-spacing:.14em;color:var(--grey-600);font-size:.5rem;font-style:normal}.hud__juice{letter-spacing:.3em;padding:12px 22px}.hud__juice b{color:var(--gold);margin-left:8px}.hud__br{right:max(30px, calc(var(--safe-right) + 16px));bottom:max(28px, calc(var(--safe-bottom) + 14px));gap:8px;display:flex;position:absolute}.hud__banner{left:50%;top:calc(max(26px, var(--safe-top) + 14px) + 34px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3em;text-transform:uppercase;color:var(--red);white-space:nowrap;background:#9d07302e;border:1px solid #ff3b4eb3;padding:6px 16px;font-size:.58rem;animation:1.6s ease-in-out infinite bannerpulse;position:absolute;transform:translate(-50%)}.hud__banner.is-boss{border-color:var(--gold);color:var(--gold);background:#d9a93f1f}@keyframes bannerpulse{0%,to{box-shadow:0 0 #ff3b4e00}50%{box-shadow:0 0 16px #ff3b4e66}}.hud__pause{z-index:4400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0304058c;place-items:center;display:grid;position:absolute;inset:0}.hud__pause .h-display{font-size:3rem}.hud__pause .celebrate__actions{margin-top:24px}.hud__over{z-index:4300;text-align:center;pointer-events:none;animation:.5s cubic-bezier(.2,.9,.25,1.2) both overin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__over .celebrate__place{text-shadow:0 0 40px #06cce880;font-size:clamp(3rem,7vw,6rem)}.hud__over .celebrate__place em.is-red{text-shadow:0 0 40px #ff3b4e80}@keyframes overin{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(1.4)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.hud__intro{z-index:4300;text-align:center;pointer-events:none;animation:1.6s ease-out both introfade;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hud__intro b{font:300 clamp(1.8rem, 4vw, 3.4rem)/1 var(--font-display);letter-spacing:.3em;color:var(--paper-900);display:block}.hud__intro span{letter-spacing:.3em;text-transform:uppercase;color:var(--suit-cyan);margin-top:8px;font-size:.6rem;display:block}.hud__intro span.is-red{color:var(--red)}@keyframes introfade{0%{opacity:0;letter-spacing:.6em}20%{opacity:1}75%{opacity:1}to{opacity:0}}.results__ko{flex-wrap:wrap;justify-content:center;gap:6px;max-width:620px;margin-top:4px;display:flex}.results__ko span{letter-spacing:.16em;text-transform:uppercase;color:var(--red);border:1px solid #ff3b4e66;padding:4px 8px;font-size:.54rem}.results__ko span.is-clean{color:var(--suit-cyan);border-color:var(--suit-line)}.countup{font-variant-numeric:tabular-nums}.merchant{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(12px,2vw,30px);width:min(2400px,100%,80vw);display:grid}@media (width<=1200px),(height<=860px){.merchant{grid-template-columns:1.25fr 1fr;gap:12px}.merchant__relics{gap:8px}.merchant__relics .card{width:clamp(136px,11vw,200px);min-height:clamp(140px,20vh,240px);padding:12px}.merchant__col{gap:6px}.ware{min-height:44px;padding:6px 10px}}.merchant__col{align-content:start;gap:10px;display:grid}.merchant__title{letter-spacing:.34em;color:var(--grey-600);text-transform:uppercase;align-items:center;gap:10px;font-size:.54rem;display:flex}.merchant__title:after{content:"";background:var(--suit-line);flex:1;height:1px}.merchant__relics{flex-wrap:wrap;gap:12px;display:flex}.merchant__relics .card{width:clamp(160px,12.5vw,460px);min-height:clamp(170px,24vh,520px);padding:14px}.wares{gap:6px;display:grid}.ware{border:1px solid var(--suit-line);background:var(--suit-fill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;--fam:var(--suit-cyan);grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:grid}.ware.is-sold{opacity:.4}.ware__name{letter-spacing:.2em;color:var(--paper-900);text-transform:uppercase;font-size:.64rem}.ware__name i{background:var(--fam);width:7px;height:7px;box-shadow:0 0 6px var(--fam);border-radius:50%;margin-right:8px;display:inline-block}.ware__blurb{letter-spacing:.1em;text-transform:uppercase;color:var(--grey-600);margin-top:3px;font-size:.52rem}.ware__own{letter-spacing:.16em;color:var(--paper-700);white-space:nowrap;font-size:.54rem}.ware__own b{color:var(--gold)}.pbtn--buy{text-align:center;min-width:84px}.pbtn--buy b{color:var(--gold);font-weight:500}.merchant__foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck--flyers .card{width:clamp(132px,13.5vw,500px)}.card__types{letter-spacing:.14em;color:var(--paper-700);gap:3px;font-size:.52rem;display:grid}.card__types span{justify-content:space-between;gap:6px;display:flex}.card__types small{color:var(--grey-600);font-size:.46rem}.card__types svg{vertical-align:-2px;width:14px;height:14px;margin-right:6px;overflow:visible}.runend__log{letter-spacing:.14em;color:var(--grey-600);text-transform:uppercase;gap:3px;max-height:22vh;margin-top:8px;font-size:.54rem;display:grid;overflow:auto}@media (pointer:coarse){.card{min-height:clamp(200px,28vh,380px)}.card:hover{--lift:0px}.fleet__chip{min-height:44px}.hud__speed{min-width:60px;min-height:56px}.tray__btn,.ware{min-height:56px}}@media (height<=480px){html{font-size:11.5px}.hud__frame{inset:6px}.screen{padding:max(8px, var(--safe-top)) max(10px, calc(var(--safe-right) + 4px)) max(6px, var(--safe-bottom)) max(10px, calc(var(--safe-left) + 4px));grid-template-rows:auto 1fr auto}.strip{gap:8px;min-height:34px}.fleet__chip{min-height:26px;padding:2px 8px}.screen__head{margin-top:0}.screen__head .h-display{font-size:clamp(1rem,4.6vh,1.4rem)}.screen__head .sub{margin-top:2px}.screen__body{touch-action:pan-y;gap:6px;padding:4px 6px 8px;overflow:hidden auto}.screen__foot{gap:8px}.screen__foot .hint{font-size:.5rem;line-height:1.4}.deck{gap:8px}.card,.lane .card,.lane--flyers .card,.merchant__relics .card{gap:5px;width:clamp(104px,15vw,220px);min-height:0;padding:8px 10px}.deck--fights .card,.fight-card{width:clamp(150px,26vw,260px)}.deck--flyers .card,.deck--flyers .card.card--family{width:clamp(100px,14.6vw,200px);padding:6px 8px}.deck--flyers{gap:6px}.pbtn,.pbtn--close,.hud__speed,.tray__btn,.ware,.fleet__chip{min-height:38px}.ware{padding:4px 8px}.merchant{grid-template-columns:1fr 1fr;gap:8px}.results__ko{max-width:90vw}}