@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-ext-400-normal-CI_wL8s0.woff2)format("woff2"),url(/assets/pirata-one-latin-ext-400-normal-DS3wEyC3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#f0e6d8;--ink-dim:#a39580;--border-faint:#f0e6d833;--tactic:#b482dc;--tactic-soft:#b482dc73;--card-shadow-rest:0 4px 14px #00000080;--card-shadow-pop:0 14px 32px #000000a6;--stage-w:1683.8;--stage-h:1190.6;--bracket-top-y:5.55%;--bracket-bottom-y:94.405%;--slot-w-pct:10.45%;--card-h-pct:21.0%;--peek-h:4.62%;--hover-h:11.55%;--full-h:21%;--bg:#211c17;--bg-elevated:#2b251e;--field-bg:#211c17;--field-svg-filter:invert(1) brightness(.95) contrast(1);--field-svg-opacity:.85;--slot-fill:#50443880;--accent:#f5d46a;--accent-soft:#f5d46a66;--accent-faint:#f5d46a1f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0}.stage{aspect-ratio:var(--stage-w) / var(--stage-h);width:min(100vw, calc(100vh * (var(--stage-w) / var(--stage-h))));position:relative}html[data-pov=black] .stage,html[data-pov=black] .slot--play .card,html[data-pov=black] .slot--momentum.slot--black .card,html[data-pov=black] .slot--momentum.slot--black .momentum-die,html[data-pov=black] .slot--momentum.slot--white .card,html[data-pov=black] .slot--momentum.slot--white .momentum-die,html[data-pov=black] .tactics--black .tactics__heading,html[data-pov=black] .tactics--black .tactics__fan,html[data-pov=black] .tactics--white .tactics__heading,html[data-pov=black] .tactics--white .tactics__fan,html[data-pov=black] .tactics__panel-body,html[data-pov=black] .deck-stack--black,html[data-pov=black] .deck-hud--black,html[data-pov=black] .deck-stack--white,html[data-pov=black] .deck-hud--white,html[data-pov=black] .reserve__showall--black,html[data-pov=black] .reserve__showall--white,html[data-pov=black] .ability-hud{rotate:180deg}html[data-pov] .reserve__slot--white:hover .reserve__peek .reserve__card-wrap{transform:none}html[data-pov] .reserve__slot--black:hover .reserve__peek .reserve__card-wrap{transform:rotate(180deg)}html[data-pov=white] .tactics--black .tactics__fan,html[data-pov=black] .tactics--white .tactics__fan{pointer-events:none;cursor:default}.field{background:var(--field-bg);border-radius:0;position:absolute;inset:0;overflow:visible}.field__bg{pointer-events:none;width:100%;height:100%;filter:var(--field-svg-filter);opacity:var(--field-svg-opacity);position:absolute;inset:0}.field__overlay{position:absolute;inset:0}.frontline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html[data-show-frontline="0"] .frontline{display:none}.frontline__path{transition:d .32s cubic-bezier(.4,.05,.4,.95)}.frontline__path--white{fill:url(#frontline-white);stroke:#f8f1dea6;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.frontline__path--black{fill:url(#frontline-black);stroke:#aa3c4bb3;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.slot{border-radius:4px;position:absolute}.slot--play{background:var(--slot-fill);z-index:1}.slot--play:has(.card){z-index:2}.slot--play[data-momentum-white="1"]{background:linear-gradient(to top, #d4734a6b 0%, #d4734a2e 55%, #d4734a00 100%), var(--slot-fill)}.slot--play[data-momentum-black="1"]{background:linear-gradient(to bottom, #d4734a6b 0%, #d4734a2e 55%, #d4734a00 100%), var(--slot-fill)}.slot--play[data-momentum-white="1"][data-momentum-black="1"]{background:linear-gradient(to top, #d4734a6b 0%, #d4734a2e 55%, #d4734a00 100%), linear-gradient(to bottom, #d4734a6b 0%, #d4734a2e 55%, #d4734a00 100%), var(--slot-fill)}.field__support-overlay{pointer-events:none;position:absolute;inset:0}.field__support-glow{pointer-events:none;opacity:0;--c:248, 241, 222;background:radial-gradient(circle at center, rgba(var(--c), .22) 0%, rgba(var(--c), .1) 32%, rgba(var(--c), .03) 60%, rgba(var(--c), 0) 80%);border-radius:50%;transition:opacity .26s;position:absolute;transform:translate(-50%,-50%)}.field__support-glow[data-side=black]{--c:170, 60, 75;background:radial-gradient(circle at center, rgba(var(--c), .42) 0%, rgba(var(--c), .2) 32%, rgba(var(--c), .06) 60%, rgba(var(--c), 0) 80%)}.field__support-glow[data-active="1"]{opacity:1}@keyframes support-ripple{0%{opacity:0;transform:scale(.05)}15%{opacity:.9}to{opacity:0;transform:scale(1.5)}}.field__support-glow[data-pulsing="1"]:after{content:"";pointer-events:none;background:radial-gradient(circle at center, rgba(var(--c), 0) 0%, rgba(var(--c), 0) 28%, rgba(var(--c), .32) 42%, rgba(var(--c), 0) 56%, rgba(var(--c), 0) 100%);transform-origin:50%;border-radius:50%;animation:.7s ease-out forwards support-ripple;position:absolute;inset:0}.field__support-glow[data-side=black][data-pulsing="1"]:after{background:radial-gradient(circle at center, rgba(var(--c), 0) 0%, rgba(var(--c), 0) 28%, rgba(var(--c), .55) 42%, rgba(var(--c), 0) 56%, rgba(var(--c), 0) 100%)}.field__support-lines{pointer-events:none;z-index:0;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}html[data-support-lines="1"] .field__support-lines{display:block}html[data-support-lines="1"] .field__support-overlay{display:none}.field__support-lines line{stroke-width:4px;stroke-linecap:round;stroke-dasharray:28 16;animation:1.4s linear infinite support-flow}@keyframes support-flow{to{stroke-dashoffset:-44px}}html[data-minimal-animations="1"] .field__support-lines line{animation:none}.slot--play[data-deep-mud="1"]:before{content:"";pointer-events:none;z-index:0;background:#1e120659;border-radius:4px;position:absolute;inset:0}html[data-tutorial-enabled="0"] .slot[data-tooltip]:hover:after{content:none}.slot[data-tooltip]:hover{z-index:20}.slot[data-tooltip]:hover:after{content:attr(data-tooltip);color:var(--ink);border:1px solid var(--border-faint);white-space:pre-line;pointer-events:none;z-index:70;background:#140e08f5;border-radius:4px;width:max-content;max-width:22rem;padding:.5rem .7rem;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:.78rem;line-height:1.35;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px);box-shadow:0 6px 20px #0000008c}html[data-pov=black] .slot[data-tooltip]:hover:after{rotate:180deg}.slot .card{position:absolute;inset:0}.slot--black:not(.slot--momentum) .card{rotate:180deg}.slot--momentum .card[data-filename=card_back]:after{content:"";mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;background:#f771726b;position:absolute;inset:0}html[data-opposing-flipped="1"] .slot--play .card.card--black{rotate:180deg}.card{border-radius:6px;width:100%;height:100%;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.card img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.card .card__support-hand{object-fit:initial;z-index:1;height:auto;position:absolute}.card__stat{white-space:nowrap;-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 1px 2px #00000080;font-family:Pirata One,system-ui,serif;font-weight:400;line-height:1;transition:color .2s}.card__stat[data-damaged="1"]{color:#f5d46a;text-shadow:0 1px 3px #000000b3}.card__morale-boost{white-space:nowrap;-webkit-user-select:none;user-select:none;color:#6ee885;text-shadow:0 0 2px #000000e6,0 1px 2px #000c;font-family:Pirata One,system-ui,serif;font-weight:700;line-height:1}.card__ap-boost{white-space:nowrap;-webkit-user-select:none;user-select:none;color:#ff9d5c;text-shadow:0 0 2px #000000e6,0 1px 2px #000c;font-family:Pirata One,system-ui,serif;font-weight:700;line-height:1}.reserve{pointer-events:none;z-index:10;position:absolute;left:0;right:0}.reserve--black,.reserve--white{height:100%;top:0}.reserve__slot{width:var(--slot-w-pct);height:var(--card-h-pct);pointer-events:none;z-index:1;position:absolute;overflow:visible}.reserve__slot--white{top:var(--bracket-bottom-y)}.reserve__slot--black{top:calc(var(--bracket-top-y) - var(--card-h-pct))}.reserve__slot:hover,.reserve__slot[data-selected="1"],.reserve[data-show-all="1"] .reserve__slot{z-index:6}.reserve__title{letter-spacing:.04em;color:var(--ink);white-space:nowrap;text-shadow:0 1px 2px #0009;pointer-events:none;opacity:.9;z-index:0;font-family:Pirata One,system-ui,serif;font-size:1.4vmin;position:absolute;left:50%}.reserve__slot--white .reserve__title{bottom:calc(100% + .3em);transform:translate(-50%)}.reserve__slot--black .reserve__title{top:calc(100% + .3em);transform:translate(-50%)rotate(180deg)}.reserve__peek{pointer-events:auto;cursor:pointer;z-index:1;border-radius:8px;transition:transform .22s,box-shadow .22s;position:absolute;inset:0}.reserve__card-wrap{transform-origin:50%;width:100%;height:100%;transition:transform .22s;position:relative}.reserve__peek img{pointer-events:auto;border-radius:8px;width:100%;height:100%;display:block}.reserve__slot[data-empty="0"]:hover .reserve__peek{box-shadow:0 10px 14px #0009}.reserve__slot[data-empty="0"][data-selected="1"] .reserve__peek,.reserve[data-show-all="1"] .reserve__slot[data-empty="0"] .reserve__peek{box-shadow:0 18px 22px #000000b3}.reserve__slot--white:hover .reserve__peek{transform:translateY(-50%)}.reserve__slot--white[data-selected="1"] .reserve__peek,.reserve--white[data-show-all="1"] .reserve__slot--white .reserve__peek{transform:translateY(-100%)}.reserve__slot--black .reserve__peek .reserve__card-wrap{transform:rotate(180deg)}.reserve__slot--black:hover .reserve__peek{transform:translateY(50%)}.reserve__slot--black:hover .reserve__peek .reserve__card-wrap{transform:rotate(360deg)}.reserve__slot--black[data-selected="1"] .reserve__peek,.reserve--black[data-show-all="1"] .reserve__slot--black .reserve__peek{transform:translateY(100%)}.reserve__slot--black[data-selected="1"] .reserve__peek .reserve__card-wrap,.reserve--black[data-show-all="1"] .reserve__slot--black .reserve__peek .reserve__card-wrap{transform:rotate(360deg)}.reserve__slot[data-empty="1"]:after{content:"";border:1px dashed var(--border-faint);border-radius:6px;position:absolute;inset:0}.reserve[data-can-deploy="0"] .reserve__slot{opacity:.6;cursor:not-allowed}.reserve[data-can-deploy="0"] .reserve__slot:hover{filter:none}.reserve__showall{background:var(--bg-elevated);color:var(--ink-dim);border:1px solid var(--border-faint);letter-spacing:.06em;cursor:pointer;z-index:12;opacity:.85;pointer-events:auto;white-space:nowrap;border-radius:999px;padding:.2em .8em;font-family:Pirata One,system-ui,serif;font-size:1.2vmin;position:absolute;transform:translate(-50%,-50%)}.reserve__showall--white{top:97.5%;left:84.4%}.reserve__showall--black{top:2.5%;left:15%;transform:translate(-50%,-50%)}.reserve__showall:hover{opacity:1}.deck-hud{z-index:12;pointer-events:auto;flex-direction:column;gap:.35rem;display:flex;position:fixed}.deck-hud--white{bottom:1.6rem;right:1.6rem}.deck-hud--black{top:1.6rem;left:1.6rem}.deck-hud__btn{background:var(--bg-elevated);color:var(--ink-dim);border:1px solid var(--border-faint);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;transition:color .15s,border-color .15s}.deck-hud__btn:hover{color:var(--ink);border-color:var(--ink-dim)}.card-inspector{background:var(--bg-elevated);width:min(20rem,22vw);max-height:80vh;color:var(--ink);border:1px solid var(--border-faint);z-index:230;opacity:0;pointer-events:none;border-radius:10px;padding:1rem 1.1rem;transition:opacity .18s;position:fixed;top:50%;left:1rem;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 32px #0000008c}.card-inspector[data-open="1"]{opacity:1}.card-inspector__header{border-bottom:1px solid var(--border-faint);margin-bottom:.7rem;padding-bottom:.55rem}.card-inspector__name{letter-spacing:.02em;color:var(--ink);margin:0 0 .2rem;font-family:Pirata One,system-ui,serif;font-size:1.5rem}.card-inspector__type{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;font-family:Pirata One,system-ui,serif;font-size:.78rem;display:flex}.card-inspector__type-kind{color:var(--ink)}.card-inspector__type-tag{border:1px solid var(--border-faint);letter-spacing:.06em;background:#ffffff0d;border-radius:999px;padding:.05em .5em;font-size:.68rem}.card-inspector__stats{gap:.45rem;margin:0 0 .8rem;font-family:Pirata One,system-ui,serif;display:grid}.card-inspector__stat{grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.6rem;display:grid}.card-inspector__stat dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:.72rem}.card-inspector__stat dd{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;display:flex}.card-inspector__stat-value{color:var(--ink);letter-spacing:.02em;font-size:1.4rem}.card-inspector__stat-note{color:var(--ink-dim);font-size:.78rem}.card-inspector__delta{color:var(--accent);letter-spacing:.04em;font-size:.75rem}.card-inspector__mods{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.card-inspector__mod{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:8px;padding:.05rem .35rem;font-size:.7rem}.card-inspector__mod--up{color:#6fb27a}.card-inspector__mod--down{color:#d05050}.card-inspector__characteristics{margin-bottom:.4rem}.card-inspector__diagram{margin:0 0 .7rem}.card-inspector__diagram-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.3rem;font-family:Pirata One,system-ui,serif;font-size:.72rem}.card-inspector__diagram-grid-wrap{align-items:center;gap:.5rem;display:flex}.card-inspector__diagram-grid{display:block}.card-inspector__diagram-arrow{letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;font-family:Pirata One,system-ui,serif;font-size:.72rem}.card-inspector__diagram-cell{stroke:#00000059;stroke-width:.6px}.card-inspector__diagram-cell--empty{fill:#ffffff0f}.card-inspector__diagram-cross{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.card-inspector__diagram-cell--supported{fill:#d4734a}.card-inspector__diagram-cell--reachable{fill:#c14a3d}.card-inspector__diagram-cell--movable{fill:#4a8a4a}.card-inspector__diagram-arrow-glyph{fill:var(--ink);pointer-events:none;font-family:Pirata One,system-ui,serif;font-size:14px}.card-inspector__char-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.card-inspector__char{border-left:2px solid var(--border-faint);padding:.1rem 0 .1rem .6rem;font-size:.85rem;line-height:1.35}.card-inspector__char--action{border-left-color:#ff5db1}.card-inspector__char--attachment{border-left-color:var(--accent)}.card-inspector__char--momentum{border-left-color:#d4734a}.card-inspector__char--momentum .card-inspector__char-name{color:#d4734a}.card-inspector__char-name{letter-spacing:.04em;color:var(--ink);margin-bottom:.1rem;font-family:Pirata One,system-ui,serif;font-size:.95rem;display:block}.card-inspector__char-text{color:var(--ink-dim);font-size:.78rem;display:block}.card-inspector__hint{color:var(--ink-dim);font-size:.78rem;font-style:italic}.card-inspector__card-image-wrap{aspect-ratio:176/250;margin-bottom:.8rem;display:none;position:relative;overflow:visible}html[data-inspector-card-image="1"] .card-inspector[data-open="1"] .card-inspector__card-image-wrap{display:block}.card-inspector__card-image{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.card-inspector__card-image-wrap--stacked{margin-bottom:calc(12% + .8rem)}.card-inspector__card-image-wrap .unit-stack{position:absolute;inset:0}.card-inspector__card-image-wrap .unit-stack__crew{z-index:1;pointer-events:none;border-radius:6px;height:100%;position:absolute;inset:0}.card-inspector__card-image-wrap .unit-stack__machine{z-index:2;height:100%;position:absolute;top:12%;left:0;right:0}.card-inspector__card-image-wrap .unit-stack__embolden{z-index:0;pointer-events:none;border-radius:6px;height:100%;position:absolute;inset:0}.card-inspector__card-image-wrap .unit-stack--crewed.unit-stack--emboldened .unit-stack__embolden{top:0}.card-inspector__card-image-wrap .unit-stack--crewed.unit-stack--emboldened .unit-stack__crew{top:8%}.card-inspector__card-image-wrap .unit-stack--crewed.unit-stack--emboldened .unit-stack__machine{top:16%}html[data-inspector-card-image="1"] .card-inspector[data-open="1"]{box-shadow:none;background:0 0;border:none;padding:0}html[data-inspector-card-image="1"] .card-inspector>:not(.card-inspector__card-image-wrap){display:none!important}@media (width<=1180px){.card-inspector{display:none}}.draw-flyer{pointer-events:none;z-index:80;transform-origin:50%;will-change:transform, opacity;position:fixed}.draw-flyer img{object-fit:contain;filter:drop-shadow(0 6px 14px #0000008c);width:100%;height:100%;display:block}.cursor-card{aspect-ratio:176/250;pointer-events:none;opacity:0;z-index:200;width:14vmin;transition:opacity .12s;position:fixed;transform:translate(-50%,-50%)}.cursor-card[data-active="1"]{opacity:1}.cursor-card img{border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 18px 28px #000000b3}.cursor-card__progress{pointer-events:none;gap:.4rem;margin-top:.4rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cursor-card__progress[data-active="1"]{display:inline-flex}.cursor-card__pip{border:2px solid var(--tactic);background:#0000008c;border-radius:50%;width:1.1rem;height:1.1rem;transition:background .18s,border-color .18s,transform .18s;display:inline-block;box-shadow:0 2px 6px #0009}.cursor-card__pip--used{background:var(--tactic);border-color:var(--tactic);box-shadow:0 0 8px var(--tactic-soft), 0 2px 6px #0009;transform:scale(1.08)}body[data-deploy-target=white] .slot--play[data-row="3"]:hover,body[data-deploy-target=black] .slot--play[data-row="0"]:hover{outline:2px solid var(--ink);outline-offset:-2px;background:color-mix(in srgb, var(--ink) 12%, transparent)}.slot--play[data-selected="1"]{z-index:4}.slot--play[data-selected="1"] .card{box-shadow:0 0 0 3px var(--accent), 0 0 14px 2px var(--accent-soft);border-radius:6px}.slot--play[data-itf-picked="1"] .card{box-shadow:0 0 0 3px var(--tactic), 0 0 14px 2px var(--tactic-soft);border-radius:6px}.slot--play[data-march-target="1"]{outline-offset:-3px;cursor:pointer;background:#8cc8822e;outline:2px dashed #8cc88299}.slot--play[data-march-target="1"]:hover{background:#8cc88252;outline-style:solid}.slot--play[data-attack-target="1"]{z-index:3;cursor:crosshair}.slot--play[data-attack-target="1"] .card{border-radius:6px;box-shadow:0 0 0 3px #d05050,0 0 14px 2px #d050508c}.slot--play[data-attack-target="1"]:hover .card{box-shadow:0 0 0 4px #ff7060,0 0 18px 4px #ff7060b3}.slot--play[data-reach-preview="1"]{outline-offset:-3px;background:#d050501f;outline:2px dashed #d0505073}.duel-modal{opacity:0;pointer-events:none;z-index:220;background:#000000c7;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.duel-modal[data-open="1"]{opacity:1;pointer-events:auto}.duel-modal__inner{background:var(--bg-elevated);border:1px solid var(--border-faint);text-align:center;min-width:32rem;max-width:92vw;color:var(--ink);border-radius:14px;padding:1.4rem 2.2rem 1.6rem;position:relative;box-shadow:0 30px 80px #000000d9}.duel-modal__title{letter-spacing:.08em;color:var(--accent);margin-bottom:.8rem;font-family:Pirata One,system-ui,serif;font-size:1.8rem}.duel-modal__row{justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:.4rem;display:flex}.duel-modal__col{flex-direction:column;flex:1;align-items:center;gap:.4rem;display:flex}.duel-modal__name{font-family:Pirata One,system-ui,serif;font-size:1rem}.duel-modal__card{aspect-ratio:176/250;border:1px solid var(--border-faint);background:#0006;border-radius:6px;flex:none;width:9rem;overflow:hidden}.duel-modal__card img{pointer-events:none;width:100%;height:100%;display:block}.duel-modal__card--dying{pointer-events:none;animation:.6s ease-out forwards card-die}.duel-modal__chips{gap:.45rem;font-family:Pirata One,system-ui,serif;font-size:1rem;display:flex}.duel-modal__chip{border:1px solid;border-radius:14px;padding:.22rem .65rem;transition:transform .18s,background .18s,color .18s}.duel-modal__chip--sustain{color:#b13a3a}.duel-modal__chip--morale{color:#4a7caa}.duel-modal__chip--bump{background:currentColor;transform:scale(1.25)}.duel-modal__chip--bump.duel-modal__chip--sustain,.duel-modal__chip--bump.duel-modal__chip--morale{color:#f5e8d8}.duel-modal__die{width:3.6rem;height:3.6rem;color:var(--ink);background:var(--bg);border:1px solid var(--border-faint);border-radius:8px;justify-content:center;align-items:center;font-family:Pirata One,system-ui,serif;font-size:2.2rem;transition:transform .18s,border-color .18s,box-shadow .18s,color .18s;display:flex;box-shadow:inset 0 -3px #0006,0 6px 16px #00000080}.duel-modal__die[data-settled="1"]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -3px 0 #0006, 0 0 22px var(--accent-soft), 0 6px 16px #00000080;transform:scale(1.06)}.duel-modal__die[data-total="1"]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -3px 0 #0006, 0 0 30px var(--accent-soft), 0 6px 18px #0000008c;font-size:2.5rem}.duel-modal__die--bump{transform:scale(1.22)}.duel-modal__vs{color:var(--ink-dim);padding-top:5rem;font-family:Pirata One,system-ui,serif;font-size:1.6rem}.duel-modal__flag{background:var(--accent-faint);border:1px solid var(--accent-soft);color:var(--accent);border-radius:4px;margin:.4rem 0;padding:.4rem .6rem;font-size:.85rem}.duel-modal__result{opacity:0;min-height:1.4rem;margin-top:.4rem;font-family:Pirata One,system-ui,serif;font-size:1.15rem;transition:opacity .25s}.duel-modal__result[data-shown="1"]{opacity:1}.duel-modal__killed{color:#d05050;margin-left:.6rem;font-size:.95rem}.duel-modal__tied{color:var(--accent);font-size:1.05rem}.duel-modal__buttons{justify-content:center;gap:.7rem;margin-top:.9rem;display:flex}.momentum-die{aspect-ratio:1;color:#2d2418;pointer-events:none;opacity:0;z-index:4;background:#f3eadb;border:2px solid #2d2418;border-radius:6px;justify-content:center;align-items:center;width:28%;margin:auto;font-family:Pirata One,system-ui,serif;font-size:2.4vmin;transition:opacity .16s;display:flex;position:absolute;inset:0;box-shadow:0 4px 8px #00000080}.momentum-die[data-active="1"]{opacity:1}@keyframes momentum-flip-flash{0%{filter:brightness(3)saturate(0)}30%{filter:brightness(1.6)saturate()}to{filter:brightness()saturate()}}.card.momentum-flip-flash{animation:.55s ease-out forwards momentum-flip-flash}.momentum-gain{z-index:9000;pointer-events:none;opacity:1;transform-origin:50%;box-shadow:0 0 0 2px var(--accent,#f5d46a), 0 0 34px 8px var(--accent-soft,#f5d46a80), 0 18px 40px #0000008c;border-radius:8px;transition:top .6s cubic-bezier(.5,0,.2,1),left .6s cubic-bezier(.5,0,.2,1),width .6s cubic-bezier(.5,0,.2,1),height .6s cubic-bezier(.5,0,.2,1),opacity .28s .4s;position:fixed;overflow:hidden}.momentum-gain img{object-fit:cover;width:100%;height:100%;display:block}.momentum-gain--pov-black{rotate:180deg}.momentum-gain--flash{animation:.6s ease-out momentum-gain-pop}@keyframes momentum-gain-pop{0%{filter:brightness(2.2)saturate(0);transform:scale(.4)}45%{filter:brightness(1.4);transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.momentum-gain--fly{opacity:0}.slot--play .card[data-tapped="1"]{transition:transform .28s;transform:rotate(12deg)}html[data-opposing-flipped="1"] .slot--play .card.card--black[data-tapped="1"]{transform:rotate(192deg)}.slot--play .unit-stack[data-reloading="1"]:after{content:"";z-index:5;pointer-events:none;background-image:url(/assets/Chips/reload-chip.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;bottom:4px;left:4px}.slot--play .card[data-charge-needed="1"]:after{content:"";z-index:5;pointer-events:none;background-image:url(/assets/Chips/charge-chip.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;bottom:4px;left:4px}.slot--play .card[data-rattled="1"]{animation:rattle calc(.2s + (1 - var(--rattle-intensity,0)) * .4s) infinite alternate ease-in-out}@keyframes rattle{0%{transform:translateX(calc(var(--rattle-intensity,0) * -3px)) rotate(calc(var(--rattle-intensity,0) * -1deg))}to{transform:translateX(calc(var(--rattle-intensity,0) * 3px)) rotate(calc(var(--rattle-intensity,0) * 1deg))}}.slot--play .card[data-tapped="1"][data-rattled="1"]{animation:none;transform:rotate(12deg)}.slot--play .card.bashed{animation:.42s cubic-bezier(.36,.07,.19,.97) both bash}@keyframes bash{10%,90%{transform:translate(-3px)rotate(-1.5deg)}20%,80%{transform:translate(5px)rotate(2deg)}30%,50%,70%{transform:translate(-7px)rotate(-2deg)}40%,60%{transform:translate(7px)rotate(2deg)}to{transform:translate(0)rotate(0)}}.card.fleeing{pointer-events:none;animation:.7s cubic-bezier(.5,0,.8,.5) forwards flee}@keyframes flee{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(140%)rotate(-25deg)scale(.8)}}.card.routing{pointer-events:none;animation:.65s cubic-bezier(.55,0,.85,.35) forwards route-to-pile}@keyframes route-to-pile{0%{opacity:1;transform:translate(0)scale(1)}85%{opacity:.8}to{transform:translate(var(--routed-tx,0), var(--routed-ty,0)) scale(.18);opacity:0}}.slot--black .card.routing,html[data-opposing-flipped="1"] .slot--play .card.card--black.routing{animation:.65s cubic-bezier(.55,0,.85,.35) forwards route-to-pile-black}@keyframes route-to-pile-black{0%{opacity:1;transform:rotate(180deg)translate(0)scale(1)}85%{opacity:.8}to{transform:rotate(180deg) translate(calc(var(--routed-tx,0px) * -1), calc(var(--routed-ty,0px) * -1)) scale(.18);opacity:0}}.slot--black .card.fleeing,html[data-opposing-flipped="1"] .slot--play .card.card--black.fleeing{animation:.7s cubic-bezier(.5,0,.8,.5) forwards flee-black}@keyframes flee-black{0%{opacity:1;transform:rotate(180deg)translateY(0)}to{opacity:0;transform:rotate(155deg)scale(.8)translateY(140%)}}.reference-card{aspect-ratio:1056/760;cursor:grab;z-index:130;-webkit-user-select:none;user-select:none;touch-action:none;filter:drop-shadow(0 14px 24px #0000008c);width:36vmin;position:fixed}.reference-card:active{cursor:grabbing}.reference-card img{pointer-events:none;border-radius:8px;width:100%;height:100%;display:block}.reference-card__close{background:var(--bg-elevated);width:1.6rem;height:1.6rem;color:var(--ink);border:1px solid var(--border-faint);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex;position:absolute;top:-.6rem;right:-.6rem}.reference-card__close:hover{color:#e8a09a;border-color:#b56a64}.card.dying{pointer-events:none;animation:.6s ease-out forwards card-die}@keyframes card-die{0%{opacity:1;transform:rotate(0)scale(1)}35%{opacity:1;transform:rotate(45deg)scale(1)}to{opacity:0;transform:rotate(90deg)scale(.85)}}.slot--black .card.dying,html[data-opposing-flipped="1"] .slot--play .card.card--black.dying{animation:.6s ease-out forwards card-die-black}@keyframes card-die-black{0%{opacity:1;transform:rotate(180deg)scale(1)}35%{opacity:1;transform:rotate(225deg)scale(1)}to{opacity:0;transform:rotate(270deg)scale(.85)}}.unit-stack{width:100%;height:100%;position:relative;overflow:visible}@keyframes unit-deploy-in{0%{opacity:0;transform:scale(1.18)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.unit-stack--deploying{transform-origin:50%;animation:.32s cubic-bezier(.33,1,.4,1) both unit-deploy-in}.unit-stack--crewed{width:100%;height:100%;position:relative;overflow:visible}.slot--play .unit-stack__crew{z-index:1;pointer-events:none;border-radius:6px;height:100%;position:absolute;inset:0 0 auto}.slot--play .unit-stack__machine{z-index:2;height:100%;position:absolute;inset:12% 0 auto}.slot--play .unit-stack__embolden{z-index:1;pointer-events:none;border-radius:6px;height:100%;position:absolute;inset:0 0 auto}.slot--play .unit-stack--crewed.unit-stack--emboldened .unit-stack__embolden{z-index:1;top:0}.slot--play .unit-stack--crewed.unit-stack--emboldened .unit-stack__crew{z-index:2;top:8%}.slot--play .unit-stack--crewed.unit-stack--emboldened .unit-stack__machine{z-index:3;top:16%}html[data-opposing-flipped="1"] .slot--play .card--black.unit-stack--crewed .unit-stack__crew{top:0}html[data-opposing-flipped="1"] .slot--play .card--black.unit-stack--crewed .unit-stack__machine{top:-12%}html[data-opposing-flipped="1"] .slot--play .card--black.unit-stack--crewed .card{transform:none}html[data-pov=black] .slot--play .card--black.unit-stack--crewed .card,html[data-pov=black] .slot--play .card.card--white.unit-stack--crewed{rotate:0deg}html[data-pov=black] .slot--play .card--white.unit-stack--crewed .unit-stack__crew{top:0}html[data-pov=black] .slot--play .card--white.unit-stack--crewed .unit-stack__machine{top:-12%}.slot--play .card[data-idle-wm="1"]{opacity:.85;filter:saturate(.7)brightness(.92);transform:rotate(90deg)scale(.88)}.slot--play.slot--black .card[data-idle-wm="1"]{transform:rotate(270deg)scale(.88)}.corpse-layer{pointer-events:auto;z-index:0;position:absolute;inset:0}.corpse{transform:translate(calc(var(--i) * 2%), calc(var(--i) * -3%)) rotate(90deg);pointer-events:none;justify-content:center;align-items:center;transition:transform .32s;display:flex;position:absolute;inset:0}.corpse img{filter:drop-shadow(0 1px 2px #00000073);border-radius:8px;width:88%;height:88%;display:block}.slot--play:has(.corpse-layer[data-count]:not([data-count="0"])):hover .corpse{transform:translate(calc((var(--i) - var(--corpse-mid,0)) * 8%), calc(var(--i) * -2%)) rotate(90deg)}.corpse-layer[data-count]:not([data-count="0"]):after{content:attr(data-count);color:var(--ink);opacity:0;pointer-events:none;background:#000000bf;border:1px solid #ffffff26;border-radius:999px;padding:.1em .55em;font-family:Pirata One,system-ui,serif;font-size:1.4vmin;transition:opacity .16s;position:absolute;bottom:6%;right:6%}.slot--play:hover .corpse-layer[data-count]:not([data-count="0"]):after{opacity:1}.slot--play[data-ability-target="1"]{outline-offset:-3px;cursor:pointer;z-index:3;background:#78c8dc38;outline:2px dashed #78c8dcb3}.slot--play[data-ability-target="1"]:hover{background:#78c8dc66;outline-style:solid}.slot--play[data-tactic-target="1"]{outline-offset:-3px;cursor:pointer;z-index:3;background:#b482dc38;outline:2px dashed #b482dca6}.slot--play[data-tactic-target="1"]:hover{background:#b482dc66;outline-style:solid}.tactic-banner{color:var(--ink);z-index:60;opacity:0;pointer-events:none;background:#b482dc29;border:1px solid #b482dc8c;border-radius:4px;align-items:center;gap:.8rem;padding:.45rem .9rem;font-size:.9rem;transition:opacity .16s;display:flex;position:fixed;top:.6rem;left:50%;transform:translate(-50%)}.tactic-banner[data-open="1"]{opacity:1;pointer-events:auto}.tactic-banner__msg{letter-spacing:.02em;font-family:Pirata One,system-ui,serif}.tactic-banner__count{color:var(--ink-dim);font-size:.85em}.tactic-banner__pips{align-items:center;gap:.3rem;margin-left:.6rem;display:inline-flex}.tactic-banner__pip{border:1.5px solid var(--tactic);background:0 0;border-radius:50%;width:.8rem;height:.8rem;transition:background .18s,border-color .18s,transform .18s;display:inline-block}.tactic-banner__pip--used{background:var(--tactic);border-color:var(--tactic);box-shadow:0 0 6px var(--tactic-soft);transform:scale(1.06)}.tactic-banner__cancel{color:var(--ink-dim);border:1px solid var(--border-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .55rem;font-size:.75rem}.tactic-banner__cancel:hover{color:var(--ink);border-color:var(--ink-dim)}.ability-hud{box-sizing:border-box;z-index:60;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;padding:0 4%;transition:opacity .16s;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ability-hud[data-open="1"]{opacity:1;pointer-events:auto}.ability-hud__btn{color:#f4ecdc;letter-spacing:.04em;cursor:pointer;white-space:normal;text-align:center;background:#140c1ceb;border:1.5px solid #ff5db1;border-radius:4px;max-width:100%;padding:.32rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.85rem;line-height:1.15;box-shadow:0 0 0 1px #ff5db159,0 4px 12px #00000073}.ability-hud__btn:hover{background:#281432f2;border-color:#ff8acb}.ability-hud__btn--cancel{border-color:var(--ink-dim);box-shadow:0 4px 12px #00000073}.slot--menu-open{z-index:210}.idle-wm-menu{box-sizing:border-box;z-index:80;flex-direction:column;align-items:center;gap:.3rem;padding:0 4%;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}html[data-pov=black] .idle-wm-menu{rotate:180deg}.idle-wm-menu__btn{color:#f4ecdc;border:1.5px solid var(--accent);letter-spacing:.04em;cursor:pointer;white-space:normal;text-align:center;max-width:100%;box-shadow:0 0 0 1px var(--accent-soft), 0 4px 12px #00000080;background:#140c1cf0;border-radius:4px;padding:.3rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.85rem;line-height:1.15}.idle-wm-menu__btn:hover{background:#281e12f5;border-color:#ffe79a}.buried-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.buried-wm{opacity:.92;width:64%;height:64%;position:absolute;top:36%;left:34%}.buried-wm:after{content:"";pointer-events:none;background:#00000047;border-radius:6px;position:absolute;inset:0}.slot--play .card[data-march-available="1"]{border-radius:8px;box-shadow:0 0 0 2px #5dc97a,0 0 10px 2px #5dc97a80}.slot--play .card[data-action-available="1"]{border-radius:8px;box-shadow:0 0 0 2px #ff5db1,0 0 12px 2px #ff5db18c}.slot--play .card[data-march-available="1"][data-action-available="1"]{box-shadow:0 0 0 2px #5dc97a,0 0 0 4px #ff5db1,0 0 14px 3px #ff5db18c}.tactics{aspect-ratio:176/250;z-index:12;width:6vmin;position:absolute}.tactics--white{bottom:6.1rem;right:1.6rem}.tactics--black{top:6.1rem;left:1.6rem}.tactics__fan{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.tactics__fan-slip{width:100%;height:100%;transform:rotate(calc(var(--i) * 6deg));transform-origin:50% 100%;filter:drop-shadow(0 2px 4px #00000073);border-radius:8px;transition:transform .18s,filter .18s;position:absolute;inset:0}.tactics__fan:hover .tactics__fan-slip{filter:drop-shadow(0 5px 8px #0000008c);transform:rotate(calc(var(--i) * 9deg)) translateY(-2%)}.tactics__panel{opacity:0;pointer-events:none;z-index:80;background:#0000008c;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:fixed;inset:0}.tactics[data-open="1"] .tactics__panel{opacity:1;pointer-events:auto}.tactics__panel-body{background:var(--bg-elevated);border:1px solid var(--border-faint);border-radius:10px;max-width:92vw;padding:1.5rem 2.5rem 1.5rem 1.5rem;position:relative;box-shadow:0 22px 60px #000000b3}.tactics__panel-inner{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tactics__close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1.6rem;line-height:1;position:absolute;top:.4rem;right:.5rem}.tactics__close:hover{color:var(--ink);background:#ffffff0f}.tactics__tile{aspect-ratio:176/250;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;width:12vmin;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.tactics__tile img{pointer-events:none;width:100%;height:100%;display:block}.tactics__tile:hover{transform:translateY(-4px);box-shadow:0 10px 18px #0000008c}.tactics__tile[data-highlighted="1"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 12px 22px #0009;transform:translateY(-6px)}@keyframes tactic-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.tactics__tile[data-shake="1"]{animation:.42s cubic-bezier(.36,.07,.19,.97) both tactic-shake}.tactics__toast{color:var(--ink);border:1px solid var(--border-faint);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:4;background:#14120eeb;border-radius:4px;padding:.4rem .9rem;font-family:Pirata One,system-ui,serif;font-size:.85rem;transition:opacity .18s,transform .18s;position:absolute;top:.6rem;left:50%;transform:translate(-50%,-8px)}.tactics__toast[data-shown="1"]{opacity:1;transform:translate(-50%)}.tactics__heading{letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase;text-shadow:0 1px 2px #0009;pointer-events:none;white-space:nowrap;margin-bottom:.35rem;font-family:Pirata One,system-ui,serif;font-size:1rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.splash{z-index:230;opacity:0;pointer-events:none;background:#000000eb;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.splash[data-open="1"]{opacity:1;pointer-events:auto}.splash__inner{background:var(--bg-elevated);border:1px solid var(--border-faint);text-align:center;width:min(40rem,92vw);color:var(--ink);border-radius:14px;padding:1.8rem 3rem 2.2rem;box-shadow:0 30px 80px #000000d9}.splash__title{letter-spacing:.04em;color:var(--accent);text-shadow:0 4px 24px var(--accent-soft);margin:0 0 1.2rem;font-family:Pirata One,system-ui,serif;font-size:3.4rem}.splash__pitch{color:var(--ink);margin:0 0 1rem;font-size:1rem;line-height:1.5}.splash__rule{letter-spacing:.04em;color:var(--ink-dim);margin:0 0 1.6rem;font-family:Pirata One,system-ui,serif;font-size:1rem}:root{--splash-red:#c0262c;--splash-ink:#560000;--splash-cream:#f0e6d8}.splash--hero .splash__inner{background:var(--splash-red);color:var(--splash-ink);aspect-ratio:856/1024;border:2px solid var(--splash-ink);text-align:center;border-radius:14px;flex-direction:column;align-items:center;width:min(34rem,92vw);max-height:92vh;padding:2rem 2rem 1.6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000d9}.splash--hero .splash__art{background-color:var(--splash-ink);pointer-events:none;z-index:0;position:absolute;inset:0;-webkit-mask:url(/assets/Splash%20screen%20art.svg) bottom/cover no-repeat;mask:url(/assets/Splash%20screen%20art.svg) bottom/cover no-repeat}.splash--hero .splash__inner>:not(.splash__art):not(.splash__options-btn){z-index:1;position:relative}.splash--hero .splash__title{letter-spacing:.02em;color:var(--splash-ink);text-shadow:none;flex:none;margin:.2rem 0 0;font-family:Pirata One,system-ui,serif;font-size:clamp(2.6rem,7vw,4.4rem)}.splash--hero .splash__options-btn{z-index:2;width:2.6rem;height:2.6rem;color:var(--splash-cream);border:2px solid var(--splash-cream);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:1rem;right:1rem}.splash--hero .splash__options-btn:hover{background:var(--splash-cream);color:var(--splash-ink);transform:rotate(45deg)}.splash--hero .splash__menu{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:.6rem;width:min(28rem,90%);margin-top:1.2rem;display:grid}.splash--hero .splash__menu .splash__btn{width:100%}.splash--hero .splash__footer{flex-direction:column;align-items:center;gap:.6rem;margin-top:auto;display:flex}.splash--hero .splash__version{letter-spacing:.08em;color:var(--splash-cream);opacity:.55;font-family:Pirata One,system-ui,serif;font-size:.78rem}.splash--hero .splash__btn{letter-spacing:.1em;text-transform:uppercase;color:var(--splash-cream);border:2px solid var(--splash-cream);cursor:pointer;background:0 0;border-radius:4px;padding:.55rem 1.1rem;font-family:Pirata One,system-ui,serif;font-size:1rem;transition:background .15s,color .15s,transform .15s}.splash--hero .splash__btn:hover{background:var(--splash-cream);color:var(--splash-ink);transform:translateY(-2px)}.splash--hero .splash__btn--solid{background:var(--splash-cream);color:var(--splash-ink);border-color:var(--splash-cream)}.splash--hero .splash__btn--solid:hover{background:var(--splash-ink);color:var(--splash-cream);border-color:var(--splash-ink)}.splash--hero .splash__btn--primary{background:var(--splash-cream);color:var(--splash-ink);border-color:var(--splash-cream)}.splash--hero .splash__btn--primary:hover{background:var(--splash-ink);color:var(--splash-cream);border-color:var(--splash-ink)}.splash--hero .splash__btn--ghost{color:var(--splash-cream);border-color:var(--splash-cream);background:0 0}.splash--lobby .splash__inner{width:90vw;max-width:32rem}.online-lobby__username{flex-direction:column;align-items:center;gap:.4rem;margin:.6rem 0 .4rem;display:flex}.online-lobby__username label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.online-lobby__username input{letter-spacing:.04em;text-align:center;border:1px solid var(--border-faint);width:14rem;color:var(--ink);background:#0000004d;border-radius:4px;padding:.4rem .6rem;font-family:Pirata One,system-ui,serif;font-size:1.1rem}.online-lobby__username input:focus{border-color:var(--accent);outline:none}.online-lobby__pane{flex-direction:column;align-items:center;gap:.8rem;padding-top:.6rem;display:flex}.online-lobby__pane[hidden]{display:none}.online-lobby__row{align-items:center;gap:.7rem;display:flex}.online-lobby__row--join{flex-wrap:wrap;justify-content:center}.online-lobby__row--join input{letter-spacing:.18em;text-align:center;border:1px solid var(--border-faint);width:9rem;color:var(--ink);text-transform:uppercase;background:#0000004d;border-radius:4px;padding:.55rem .6rem;font-family:Pirata One,system-ui,serif;font-size:1.4rem}.online-lobby__row--join input:focus{border-color:var(--accent);outline:none}.online-lobby__mode-toggle{color:var(--ink-dim);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.online-lobby__transport{color:var(--ink-dim);flex-flow:wrap;justify-content:center;gap:.4rem 1.4rem;margin-top:.6rem;font-size:.8rem;display:flex}.online-lobby__signed-in{color:var(--ink-dim);justify-content:center;align-items:center;gap:.5rem;margin:.4rem 0 .6rem;font-size:.85rem;display:flex}.online-lobby__signed-in-label{letter-spacing:.06em;text-transform:uppercase}.online-lobby__signed-in-username{color:var(--ink);letter-spacing:.04em;font-family:Pirata One,system-ui,serif}.online-lobby__signout{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.online-lobby__signout:hover{color:var(--accent)}.auth-screen{flex-direction:column;align-items:center;gap:.6rem;padding:.6rem 0;display:flex}.auth-screen__title{letter-spacing:.06em;color:var(--accent);margin:0;font-family:Pirata One,system-ui,serif;font-size:1.5rem}.auth-screen__form{flex-direction:row;gap:.5rem;width:100%;max-width:24rem;margin-top:.4rem;display:flex}.auth-screen__form input{border:1px solid var(--border-faint);color:var(--ink);background:#0000004d;border-radius:4px;flex:1;padding:.55rem .7rem;font-family:Pirata One,system-ui,serif;font-size:1rem}.auth-screen__form input:focus{border-color:var(--accent);outline:none}.auth-screen__status{color:var(--ink-dim);text-align:center;margin:.4rem 0 0;font-size:.85rem}.auth-screen__status--error{color:#d05050}.online-lobby__mode{cursor:pointer;align-items:center;gap:.4rem;display:flex}.online-lobby__mode input[disabled]+span{color:var(--ink-dim);cursor:not-allowed;opacity:.55}.online-lobby__divider{text-align:center;width:100%;color:var(--ink-dim);letter-spacing:.06em;margin:.4rem 0;font-size:.85rem;position:relative}.online-lobby__divider:before,.online-lobby__divider:after{content:"";background:var(--border-faint);width:35%;height:1px;position:absolute;top:50%}.online-lobby__divider:before{left:0}.online-lobby__divider:after{right:0}.online-lobby__divider span{background:var(--bg-elevated);z-index:1;padding:0 .6rem;position:relative}.online-lobby__status{letter-spacing:.06em;color:var(--ink);text-align:center;font-family:Pirata One,system-ui,serif;font-size:1.1rem}.online-lobby__status--error{color:#d05050}.online-lobby__code{letter-spacing:.18em;color:var(--accent);border:1px solid var(--accent-soft);-webkit-user-select:all;user-select:all;background:#00000059;border-radius:6px;margin:.2rem 0;padding:.5rem 1rem .4rem;font-family:ui-monospace,SF Mono,Menlo,Roboto Mono,monospace;font-size:2.4rem;font-weight:600}.splash--hero .splash__options{flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;display:flex}.splash--hero .splash__tutorial{color:var(--splash-cream);letter-spacing:.06em;margin:0;font-size:.82rem}.splash--hero .splash__tutorial input{accent-color:var(--splash-cream)}.splash--hero .splash__tutorial:hover{color:var(--splash-cream);text-underline-offset:2px;text-decoration:underline}.splash__buttons{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.splash__btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--border-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 1.4rem;font-family:Pirata One,system-ui,serif;font-size:1rem;transition:background .15s,transform .15s,border-color .15s,color .15s}.splash__btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.splash__btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.splash__btn--primary:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.splash__tutorial{letter-spacing:.06em;color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;margin-top:.4rem;font-family:Pirata One,system-ui,serif;font-size:.9rem;display:inline-flex}.splash__tutorial input{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.splash__tutorial:hover{color:var(--ink)}.rolloff__inner{position:relative}.rolloff__title{margin-bottom:.3rem;font-size:2.2rem}.rolloff__dice{justify-content:center;align-items:center;gap:1.4rem;margin:1.4rem 0 1rem;display:flex}.rolloff__die{flex-direction:column;align-items:center;gap:.5rem;display:flex}.rolloff__die-side{letter-spacing:.1em;font-family:Pirata One,system-ui,serif;font-size:.85rem}.rolloff__die-face{width:5rem;height:5rem;color:var(--ink);background:var(--bg);border:1px solid var(--border-faint);border-radius:12px;justify-content:center;align-items:center;font-family:Pirata One,system-ui,serif;font-size:3.4rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 -4px #0006,0 8px 22px #00000080}.rolloff__die-face[data-settled="1"]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -4px 0 #0006, 0 0 28px var(--accent-soft), 0 8px 22px #00000080;transform:scale(1.06)}.rolloff__vs{color:var(--ink-dim);letter-spacing:.08em;padding-top:1.6rem;font-family:Pirata One,system-ui,serif;font-size:1.4rem}.rolloff__result{letter-spacing:.06em;min-height:1.4rem;color:var(--ink);opacity:0;margin:.4rem 0 1rem;font-family:Pirata One,system-ui,serif;font-size:.95rem;transition:opacity .25s 50ms}.rolloff__result[data-shown="1"]{opacity:1}.splash__btn-numeric{letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:.9em}.tutorial-bubble{color:var(--ink);border:1px solid var(--accent);z-index:250;opacity:0;pointer-events:none;background:#140e08f5;border-radius:8px;width:min(22rem,90vw);padding:.85rem 1rem .7rem;font-size:.92rem;line-height:1.4;transition:opacity .18s;position:fixed;box-shadow:0 14px 32px #0009,0 0 0 4px #f5d46a2e}.tutorial-bubble[data-open="1"]{opacity:1;pointer-events:auto}.tutorial-bubble__text{color:#f8f1de;margin-bottom:.55rem}.tutorial-bubble__dismiss{background:var(--accent);color:#1a1108;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;padding:.35rem .8rem;font-family:Pirata One,system-ui,serif;font-size:.8rem;transition:background .15s,transform .15s}.tutorial-bubble__dismiss:hover{background:#ffe48a;transform:translateY(-1px)}.tutorial-bubble__actions{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.tutorial-bubble__disable{color:#ff6b6b;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #ff6b6b;border-radius:4px;padding:.28rem .6rem;font-family:Pirata One,system-ui,serif;font-size:.72rem;transition:background .15s,color .15s}.tutorial-bubble__disable:hover{background:#ff6b6b29}.tutorial-spotlight{pointer-events:none;z-index:248;opacity:0;border-radius:14px;transition:opacity .2s;position:fixed;box-shadow:0 0 40px 9999px #0000008c}.tutorial-spotlight[data-open="1"]{opacity:1}.tutorial-bubble:after{content:"";border:10px solid #0000;width:0;height:0;position:absolute}.tutorial-bubble[data-side=top]:after{border-top-color:var(--accent);bottom:-20px;left:50%;transform:translate(-50%)}.tutorial-bubble[data-side=bottom]:after{border-bottom-color:var(--accent);top:-20px;left:50%;transform:translate(-50%)}.tutorial-bubble[data-side=left]:after{border-left-color:var(--accent);top:50%;right:-20px;transform:translateY(-50%)}.tutorial-bubble[data-side=right]:after{border-right-color:var(--accent);top:50%;left:-20px;transform:translateY(-50%)}.pregame{z-index:220;opacity:0;pointer-events:none;background:#000000d1;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.pregame[data-open="1"]{opacity:1;pointer-events:auto}.pregame__inner{background:var(--bg-elevated);border:1px solid var(--border-faint);width:min(96rem,98vw);max-height:92vh;color:var(--ink);border-radius:12px;flex-direction:column;gap:1rem;padding:1.4rem 1.8rem 1.6rem;display:flex;position:relative;box-shadow:0 30px 80px #000000d9}.pregame__back{color:var(--ink-dim);border:1px solid var(--border-faint);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.78rem;transition:color .15s,border-color .15s,background .15s;position:absolute;top:.9rem;left:1.1rem}.pregame__back:hover{color:var(--ink);border-color:var(--ink-dim);background:#ffffff0a}.pregame__my-side{color:var(--ink-dim);border:1px solid var(--border-faint);background:#0003;border-radius:4px;padding:.3rem .7rem;font-size:.85rem;position:absolute;top:.9rem;right:1.1rem}.pregame__title{letter-spacing:.05em;color:var(--accent);text-align:center;margin:0;font-family:Pirata One,system-ui,serif;font-size:2rem}.pregame__subtitle{text-align:center;color:var(--ink-dim);letter-spacing:.04em;font-family:Pirata One,system-ui,serif;font-size:1rem}.pregame__subtitle strong{color:var(--ink);font-weight:400}.pregame__opp-status{text-align:center;color:var(--ink-faint);letter-spacing:.04em;margin-top:.15rem;font-family:Pirata One,system-ui,serif;font-size:.85rem}.chat-panel{z-index:80;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:fixed;bottom:1.2rem;left:1.2rem}.chat-panel__toggle{color:var(--ink,#f4ecdc);border:1px solid var(--border-faint,#ffffff2e);letter-spacing:.04em;cursor:pointer;background:#140e08eb;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;display:inline-flex;box-shadow:0 4px 12px #00000059}.chat-panel__toggle:hover{background:#281c12f2}.chat-panel__unread{color:#f4ecdc;text-align:center;background:#8b1a1a;border-radius:999px;min-width:1.2rem;padding:0 .35rem;font-size:.72rem;display:inline-block}.chat-panel__body{width:22rem;max-width:calc(100vw - 2.4rem);height:18rem;color:var(--ink,#f4ecdc);border:1px solid var(--border-faint,#ffffff2e);background:#140e08f5;border-radius:8px;flex-direction:column;display:none;overflow:hidden;box-shadow:0 8px 24px #0000008c}.chat-panel[data-open="1"] .chat-panel__body{display:flex}.chat-panel[data-open="1"] .chat-panel__toggle{display:none}.chat-panel__header{border-bottom:1px solid var(--border-faint,#ffffff1f);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.chat-panel__close{color:var(--ink-dim,#c8b89a);cursor:pointer;background:0 0;border:none;padding:0 .4rem;font-size:1.2rem;line-height:1}.chat-panel__close:hover{color:var(--ink,#f4ecdc)}.chat-panel__messages{flex-direction:column;flex:1;gap:.35rem;padding:.5rem .75rem;font-size:.84rem;line-height:1.35;display:flex;overflow-y:auto}.chat-panel__msg{flex-direction:column;gap:.05rem;display:flex}.chat-panel__msg--self{text-align:right;align-items:flex-end}.chat-panel__author{letter-spacing:.04em;color:var(--ink-faint,#f8f0de99);font-size:.7rem}.chat-panel__msg--white .chat-panel__author{color:#d8c8a8}.chat-panel__msg--black .chat-panel__author{color:#b8a4d8}.chat-panel__text{word-wrap:break-word;white-space:pre-wrap;background:#ffffff0f;border-radius:6px;max-width:90%;padding:.3rem .55rem}.chat-panel__msg--self .chat-panel__text{background:#6a1a1a8c}.chat-panel__form{border-top:1px solid var(--border-faint,#ffffff1f);gap:.4rem;padding:.5rem .75rem;display:flex}.chat-panel__input{border:1px solid var(--border-faint,#ffffff24);color:var(--ink,#f4ecdc);background:#ffffff0f;border-radius:4px;outline:none;flex:1;padding:.35rem .55rem;font-family:inherit;font-size:.85rem}.chat-panel__input:focus{border-color:var(--accent-soft,#6a1a1a99)}.chat-panel__send{background:var(--accent,#6a1a1a);color:#f4ecdc;border:1px solid var(--accent,#6a1a1a);cursor:pointer;border-radius:4px;padding:.35rem .7rem;font-size:.82rem}.chat-panel__send:hover{background:#821f1f}.pregame__body{flex:1;grid-template-columns:1fr 16rem;gap:1.4rem;min-height:0;display:grid}.pregame__body--no-sidebar{grid-template-columns:1fr}.pregame__grid{flex-wrap:wrap;place-content:flex-start center;gap:.8rem;padding:.6rem .4rem .6rem 0;display:flex;overflow:visible}.pregame__grid--heroes{flex-wrap:nowrap;align-items:center;gap:.5rem;overflow:visible}.pregame__grid--heroes .pregame__tile{flex:none;width:11rem}.pregame__grid--mercs{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,1fr);align-content:start;justify-items:center;gap:.7rem .8rem;display:grid}.pregame__grid--mercs .pregame__tile{width:11rem}.pregame__sidebar{border-left:1px solid var(--border-faint);flex-direction:column;gap:.8rem;padding-left:1.4rem;display:flex;overflow:visible}.pregame__sidebar-col{flex-direction:column;gap:.5rem;display:flex}.pregame__sidebar-row{flex-wrap:wrap;gap:.5rem;display:flex}.pregame__fan{width:100%;height:11rem;margin-bottom:.4rem;position:relative;overflow:visible}.pregame__tile.pregame__tile--fan{--offset:calc(var(--i,0) - (var(--n,1) - 1) / 2);transform-origin:50% 100%;width:6rem;transform:translateX(calc(-50% + var(--offset) * 1.4rem)) rotate(calc(var(--offset) * 6deg));cursor:pointer;z-index:1;transition:transform .18s,box-shadow .18s,z-index 0s linear .18s;position:absolute;bottom:0;left:50%}.pregame__tile.pregame__tile--fan:hover{z-index:5;transition:transform .18s,box-shadow .18s,z-index;transform:translate(-50%)translateY(-.6rem)rotate(0)scale(1.08);box-shadow:0 12px 24px #0009}.pregame__tile.pregame__tile--fan .pregame__caption{font-size:.6rem}.pregame__tile--ai-picked{animation:.5s pregame-ai-pick;transform:translateY(-4px)scale(1.04);border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent), 0 0 16px 4px var(--accent-soft)!important}@keyframes pregame-ai-pick{0%{box-shadow:0 0 0 0 var(--accent-soft);transform:translateY(0)scale(1)}35%{box-shadow:0 0 0 4px var(--accent), 0 0 22px 6px var(--accent-soft);transform:translateY(-6px)scale(1.07)}to{box-shadow:0 0 0 3px var(--accent), 0 0 16px 4px var(--accent-soft);transform:translateY(-4px)scale(1.04)}}.pregame__sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-family:Pirata One,system-ui,serif;font-size:.85rem}.pregame__side{letter-spacing:.06em;padding:0 .1em;font-family:Pirata One,system-ui,serif;font-weight:400}.pregame__side--white{color:#f8f1de;text-shadow:0 0 1px #000000b3,0 1px 2px #0000008c}.pregame__side--black{color:#0a0a0a;-webkit-text-stroke:2px #f8f1de;paint-order:stroke fill;text-shadow:-1px -1px #f8f1de,1px -1px #f8f1de,-1px 1px #f8f1de,1px 1px #f8f1de,0 -1px #f8f1de,0 1px #f8f1de,-1px 0 #f8f1de,1px 0 #f8f1de}.pregame__tile{aspect-ratio:176/250;cursor:default;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;width:8.4rem;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000073}button.pregame__tile{cursor:pointer}button.pregame__tile:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 12px 22px #0009;transform:translateY(-4px)}.pregame__tile[data-selected="1"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 6px 16px #0000008c}.pregame__tile img{object-fit:contain;width:100%;height:100%;display:block}.pregame__caption{text-align:center;color:#f4ecdc;letter-spacing:.04em;pointer-events:none;background:#0009;padding:.2rem;font-family:Pirata One,system-ui,serif;font-size:.7rem;position:absolute;bottom:0;left:0;right:0}.pregame__footer{justify-content:center;display:flex}.pregame__inner--review{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.pregame__review{grid-template-columns:1fr 1fr;gap:2.4rem;padding:1rem 1.4rem;display:grid}.pregame__review-side{flex-direction:column;align-items:center;gap:.6rem;display:flex}.pregame__review-fan{width:100%;height:11rem;position:relative}.pregame__confirm{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--bg);cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.4rem;font-family:Pirata One,system-ui,serif;font-size:1rem;transition:background .15s,transform .15s,opacity .15s}.pregame__confirm:hover:not(:disabled){background:var(--accent);transform:translateY(-2px)}.pregame__confirm:disabled{opacity:.5;cursor:not-allowed}.pregame__footer{gap:.6rem}.pregame__random{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--ink-dim);cursor:pointer;background:0 0;border-radius:4px;padding:.6rem 1.4rem;font-family:Pirata One,system-ui,serif;font-size:1rem;transition:border-color .15s,color .15s,transform .15s}.pregame__random:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}.victory-modal{opacity:0;pointer-events:none;z-index:200;background:#000000bf;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.victory-modal[data-open="1"]{opacity:1;pointer-events:auto}.victory-modal__inner{background:var(--bg-elevated);border:1px solid var(--border-faint);text-align:center;min-width:24rem;max-width:90vw;color:var(--ink);border-radius:12px;padding:2rem 2.5rem;box-shadow:0 30px 80px #000000d9}.victory-modal__title{letter-spacing:.05em;color:var(--accent);text-shadow:0 4px 20px var(--accent-soft);margin-bottom:.6rem;font-family:Pirata One,system-ui,serif;font-size:3.2rem}.victory-modal__subtitle{color:var(--ink-dim);max-width:32rem;margin-bottom:1rem;font-size:.95rem;line-height:1.4}.victory-modal__rematch{justify-content:center;align-items:center;gap:.8rem;display:flex}.victory-modal__quick{color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.victory-modal__quick input[type=checkbox]{cursor:pointer}.victory-modal__rematch--online{flex-direction:column;gap:.35rem}.victory-modal__rematch--online .victory-modal__btn--rematch[disabled]{opacity:.55;cursor:not-allowed}.victory-modal__online-note{color:var(--ink-dim);text-align:center;max-width:28rem;font-size:.78rem;line-height:1.3}.victory-modal__meta{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1.4rem;font-family:Pirata One,system-ui,serif;display:flex}.victory-modal__meta>div{border:1px solid var(--border-faint);background:#0000002e;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;min-width:6.5rem;padding:.7rem 1.1rem;display:flex}.victory-modal__meta span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.68rem}.victory-modal__meta strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:400;line-height:1}.victory-modal__score{flex-direction:column;align-items:center;gap:.1rem;margin:.2rem 0 1.3rem;display:flex}.victory-modal__score-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-family:Pirata One,system-ui,serif;font-size:.8rem}.victory-modal__score-value{color:var(--accent);text-shadow:0 2px 24px #0009;font-variant-numeric:tabular-nums;font-family:Pirata One,system-ui,serif;font-size:clamp(3rem,11vw,5.5rem);line-height:1}.victory-modal__stats{border-collapse:collapse;margin:0 auto 1.6rem;font-family:Pirata One,system-ui,serif}.victory-modal__stats th,.victory-modal__stats td{text-align:center;padding:.4rem 1.4rem;font-weight:400}.victory-modal__stats thead th{letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;border-bottom:1px solid var(--border-faint);font-size:.75rem}.victory-modal__stats tbody td{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.05rem}.victory-modal__stats tbody td:first-child{text-align:right;color:var(--ink-dim);letter-spacing:.04em;font-size:.95rem}.victory-modal__actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.victory-modal__btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:1px solid var(--border-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.6rem 1.4rem;font-family:Pirata One,system-ui,serif;font-size:1rem;transition:background .15s,color .15s,transform .15s,border-color .15s}.victory-modal__btn:hover{border-color:var(--ink);color:var(--accent);transform:translateY(-2px)}.victory-modal__btn--rematch{background:var(--ink);color:var(--bg);border-color:var(--ink)}.victory-modal__btn--rematch:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.routed-panel{opacity:0;pointer-events:none;z-index:80;background:#0000008c;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:fixed;inset:0}.routed-panel[data-open="1"]{opacity:1;pointer-events:auto}.routed-panel__body{background:var(--bg-elevated);border:1px solid var(--border-faint);border-radius:10px;flex-direction:column;max-width:92vw;max-height:86vh;padding:1rem 1.5rem 1.5rem;display:flex;position:relative;box-shadow:0 22px 60px #000000b3}.routed-panel__header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding-right:1rem;display:flex}.routed-panel__title{letter-spacing:.06em;color:var(--ink);margin:0;font-family:Pirata One,system-ui,serif;font-size:1.4rem}.routed-panel__close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:1.6rem;line-height:1}.routed-panel__close:hover{color:var(--ink);background:#ffffff0f}.routed-panel__grid{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex;overflow-y:auto}.routed-panel__tile{aspect-ratio:176/250;background:0 0;border:2px solid #0000;border-radius:8px;height:21vh;padding:0;overflow:hidden;box-shadow:0 4px 10px #00000080}.routed-panel__tile--pickable{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.routed-panel__tile--pickable:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 12px 22px #0000008c;transform:translateY(-4px)}.routed-panel__empty{color:var(--ink-dim);text-align:center;padding:2rem 1rem;font-family:Pirata One,system-ui,serif;font-size:1.1rem}.deck-stack{cursor:default;z-index:5;position:absolute;inset:0}.deck-stack__layer{width:100%;height:100%;transform:translate(calc(var(--i) * -1.4%), calc(var(--i) * -1.4%));pointer-events:none;border-radius:8px;position:absolute;inset:0}.deck-stack__tooltip{color:var(--ink);border:1px solid var(--border-faint);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:25;background:#000000b3;border-radius:999px;padding:.2em .7em;font-family:Pirata One,system-ui,serif;font-size:1.6vmin;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-stack:hover .deck-stack__tooltip{opacity:1}.hud{z-index:50;gap:.5rem;display:flex;position:fixed;top:.6rem;right:.6rem}.hud__btn{background:var(--bg-elevated);color:var(--ink-dim);border:1px solid var(--border-faint);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:.4rem .75rem;font-size:.75rem;transition:color .15s,border-color .15s}.hud__btn:hover{color:var(--ink);border-color:var(--ink-dim)}.hud__btn:disabled{opacity:.5;cursor:not-allowed}.hud__btn--end-turn{background:var(--ink);color:var(--bg);border-color:var(--ink)}.hud__btn--end-turn:hover{color:var(--bg);background:#fff;border-color:#fff}.hud__turn{background:var(--hud-wash,#00000059);border:1px solid var(--border-faint);color:var(--ink);letter-spacing:.04em;border-radius:4px;align-items:center;padding:.4rem .6rem;font-family:Pirata One,system-ui,serif;font-size:.95rem;display:flex}.hud__turn strong{color:var(--accent);margin-left:.3em;font-weight:400}.hud__turn-num{opacity:.6;letter-spacing:.02em;margin-right:.5em;font-family:system-ui,sans-serif;font-size:.78em}.options-panel{background:var(--bg-elevated);width:min(440px,90vw);color:var(--ink);border:1px solid var(--border-faint);z-index:250;opacity:0;pointer-events:none;border-radius:8px;padding:1rem 1.2rem;transition:opacity .16s,transform .16s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 20px 60px #0009}.options-panel[data-open="1"]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.options-panel__header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.options-panel__header h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1rem}.options-panel__close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.options-panel__close:hover{color:var(--ink)}.options-panel__body{gap:.75rem;display:grid}.options-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.options-row select,.options-row input[type=checkbox],.options-row input[type=range]{background:var(--bg);color:var(--ink);border:1px solid var(--border-faint);border-radius:4px;padding:.25rem .4rem;font-family:inherit}.options-row input[type=range]{flex:1;margin-left:.6rem;padding:0}.options-row__hint{color:var(--ink-dim);margin-left:.4rem;font-size:.75em;font-style:italic}.replay-viewer{opacity:0;pointer-events:none;z-index:260;background:#000000c7;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.replay-viewer[data-open="1"]{opacity:1;pointer-events:auto}.replay-viewer__inner{background:var(--bg-elevated);box-shadow:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;color:var(--ink);border:none;border-radius:0;flex-direction:column;padding:.7rem 1.2rem .9rem;display:flex;position:relative}.replay-viewer__header{align-items:baseline;gap:.8rem;margin-bottom:.7rem;display:flex}.replay-viewer__title{letter-spacing:.04em;color:var(--accent);font-family:Pirata One,system-ui,serif;font-size:1.4rem}.replay-viewer__meta{color:var(--ink-dim);flex:1;font-size:.85rem}.replay-viewer__close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .5rem;font-size:1.4rem;line-height:1}.replay-viewer__close:hover{color:var(--ink);background:#ffffff0f}.replay-viewer__body{flex:auto;gap:1rem;min-height:0;display:flex}.replay-viewer__board-col{flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.replay-viewer__board-side{flex-direction:column;flex:none;justify-content:space-between;align-items:stretch;gap:.5rem;min-width:0;display:flex}.replay-viewer__board-side-spacer{flex:auto}.replay-viewer__strip{color:var(--ink-dim);border:1px solid var(--border-faint);background:#0000004d;border-radius:6px;flex-direction:column;gap:.35rem;padding:.45rem .6rem;font-size:.8rem;display:flex}.replay-viewer__strip[data-active="1"]{color:var(--ink);background:#f5d46a14;border-color:#f5d46a4d}.replay-viewer__strip-label{letter-spacing:.08em;color:var(--ink);font-family:Pirata One,system-ui,serif;font-size:.95rem}.replay-viewer__strip-stats{flex-wrap:wrap;gap:.5rem .8rem;font-size:.72rem;display:flex}.replay-viewer__reserves{gap:.25rem;display:flex}.replay-viewer__reserve{aspect-ratio:176/250;border:1px solid var(--border-faint);border-radius:3px;width:2.4rem;overflow:hidden}.replay-viewer__reserve--empty{background:#ffffff0a}.replay-viewer__reserve img{width:100%;height:100%;display:block}.replay-viewer__reserves-strip{border:1px solid var(--border-faint);background:#0000004d;border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:.4rem;padding:.45rem .5rem;display:flex}.replay-viewer__reserves-strip[data-active="1"]{background:#f5d46a14;border-color:#f5d46a4d}.replay-viewer__reserves-strip .replay-viewer__strip-label{letter-spacing:.08em;color:var(--ink);font-family:Pirata One,system-ui,serif;font-size:.85rem}.replay-viewer__reserves-strip .replay-viewer__reserves{flex-direction:column;gap:.2rem}.replay-viewer__grid{background:var(--bg);border:1px solid var(--border-faint);border-radius:8px;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;gap:.4rem;width:min(100%,86vh - 7.74rem);max-height:100%;padding:.5rem;display:grid}.replay-viewer__cell{aspect-ratio:176/250;border:1px solid var(--border-faint);background:#ffffff08;border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.replay-viewer__unit{border-radius:4px;width:100%;height:100%;position:relative;overflow:visible}:is(.replay-viewer__unit--crewed,.replay-viewer__unit:has(.replay-viewer__unit-layer--embolden)){overflow:visible}.replay-viewer__unit--idle-wm{transform:rotate(90deg)scale(.85)}.replay-viewer__unit--buried{z-index:0;opacity:.7;filter:brightness(.7);pointer-events:none;position:absolute;inset:0;transform:rotate(90deg)scale(.6)translate(22%,22%)}.replay-viewer__unit-layer{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block;position:absolute;inset:0}.replay-viewer__unit-layer--embolden{z-index:1;top:0}.replay-viewer__unit-layer--crew{z-index:2;top:8%}.replay-viewer__unit-layer--top{z-index:3;top:16%}.replay-viewer__unit:not(.replay-viewer__unit--crewed) .replay-viewer__unit-layer--top{top:0}.replay-viewer__unit--crewed:not(:has(.replay-viewer__unit-layer--embolden)) .replay-viewer__unit-layer--crew{top:0}.replay-viewer__unit--crewed:not(:has(.replay-viewer__unit-layer--embolden)) .replay-viewer__unit-layer--top{top:12%}.replay-viewer__badge{aspect-ratio:1;color:#fff;z-index:6;background:#1a1612;border:1px solid #fff9;border-radius:2px;justify-content:center;align-items:center;width:22%;font-family:Pirata One,system-ui,serif;font-size:.8vmin;display:flex;position:absolute;top:4%}.replay-viewer__badge--sustain{left:8%}.replay-viewer__badge--morale{right:8%}.replay-viewer__corpse{color:var(--ink-dim);border:1px solid var(--border-faint);z-index:5;background:#000000b3;border-radius:4px;padding:.05rem .3rem;font-size:.7rem;position:absolute;bottom:4%;right:4%}.replay-viewer__sidebar{flex-direction:column;flex:0 0 22rem;gap:.6rem;min-height:0;display:flex;overflow-y:auto}.replay-viewer__event{border:1px solid var(--border-faint);background:#0000004d;border-radius:6px;padding:.6rem .8rem;font-size:.85rem}.replay-viewer__turn{letter-spacing:.06em;color:var(--ink-dim);margin-bottom:.3rem;font-family:Pirata One,system-ui,serif;font-size:.8rem}.replay-viewer__action{color:var(--ink);line-height:1.4}.replay-viewer__rationale{flex-direction:column;gap:.4rem;display:flex}.replay-viewer__rationale-card{background:#f5d46a0d;border:1px solid #f5d46a40;border-radius:6px;padding:.5rem .7rem;font-size:.8rem}.replay-viewer__rationale-head{letter-spacing:.04em;color:var(--accent);text-transform:capitalize;margin-bottom:.25rem;font-family:Pirata One,system-ui,serif}.replay-viewer__rationale-meta{color:var(--ink-dim);letter-spacing:0;text-transform:none;margin-left:.3rem;font-size:.72rem}.replay-viewer__rationale-body{color:var(--ink);line-height:1.4}.replay-viewer__rationale-alts{color:var(--ink-dim);margin-top:.4rem;font-size:.74rem}.replay-viewer__rationale-alts-title{margin-bottom:.15rem;font-style:italic}.replay-viewer__rationale-alts ul{margin:0;padding-left:1.1rem}.replay-viewer__transport{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.7rem;display:flex}.replay-viewer__btn{color:var(--ink);border:1px solid var(--border-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .55rem;font-size:1rem;transition:background .15s,border-color .15s,color .15s}.replay-viewer__btn:hover{border-color:var(--ink);color:var(--accent);background:#ffffff0d}.replay-viewer__slider{flex:1;min-width:12rem}.replay-viewer__counter{color:var(--ink-dim);text-align:right;min-width:5rem;font-size:.78rem}.replay-viewer__speed{background:var(--bg);color:var(--ink);border:1px solid var(--border-faint);border-radius:4px;padding:.18rem .35rem;font-family:inherit;font-size:.78rem}.replay-viewer__toggle{color:var(--ink-dim);cursor:pointer;align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.replay-viewer__toggle input{cursor:pointer}.ai-tactic-announce{pointer-events:none;opacity:0;z-index:200;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.ai-tactic-announce[data-open="1"]{opacity:1}.ai-tactic-announce__inner{border:2px solid var(--accent);background:#14100ceb;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.4rem 1.2rem;animation:.32s cubic-bezier(.4,1.4,.6,1) backwards ai-tactic-pop;display:flex;box-shadow:0 24px 60px #000000bf,0 0 0 6px #f5d46a1f}@keyframes ai-tactic-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ai-tactic-announce__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-family:Pirata One,system-ui,serif;font-size:.85rem}.ai-tactic-announce__name{letter-spacing:.04em;color:var(--accent);text-shadow:0 2px 12px #000000b3;margin-bottom:.2rem;font-family:Pirata One,system-ui,serif;font-size:1.4rem}.ai-tactic-announce__card{aspect-ratio:176/250;border-radius:8px;width:14rem;display:block;box-shadow:0 12px 30px #0009}.log-panel{opacity:0;pointer-events:none;z-index:240;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.log-panel[data-open="1"]{opacity:1;pointer-events:auto}.log-panel__inner{background:var(--bg-elevated);border:1px solid var(--border-faint);width:min(56rem,92vw);max-height:88vh;color:var(--ink);border-radius:12px;flex-direction:column;padding:1.2rem 1.4rem 1.4rem;display:flex;position:relative;box-shadow:0 26px 60px #000000b3}.log-panel__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.log-panel__header h2{letter-spacing:.04em;color:var(--accent);margin:0;font-family:Pirata One,system-ui,serif;font-size:1.4rem}.log-panel__close{color:var(--ink-dim);cursor:pointer;z-index:2;background:0 0;border:1px solid #0000;border-radius:4px;padding:.35rem .7rem;font-size:1.6rem;line-height:1;position:relative}.log-panel__close:hover{border-color:var(--border-faint);color:var(--ink);background:#ffffff0f}.log-panel__toolbar{border-bottom:1px solid var(--border-faint);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.7rem;padding-bottom:.6rem;display:flex}.log-panel__import-msg{color:var(--ink);border:1px solid var(--accent-soft);background:#f5d46a1f;border-radius:4px;margin:-.3rem 0 .5rem;padding:.35rem .6rem;font-size:.82rem}.log-panel__import-msg[data-error="1"]{color:#ff8a8a;background:#d050501f;border-color:#d0505073}.log-panel__count{color:var(--ink-dim);flex:1;font-size:.85rem}.log-panel__action{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--border-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.32rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.8rem;transition:background .15s,border-color .15s,color .15s}.log-panel__action:hover{border-color:var(--ink);background:#ffffff0f}.log-panel__action--danger{color:#d05050;border-color:#d0505073}.log-panel__action--danger:hover{color:#ff7a7a;background:#d050501f;border-color:#d05050}.log-panel__action--primary{color:var(--accent);border-color:#f5d46a80}.log-panel__action--primary:hover{border-color:var(--accent);color:var(--accent);background:#f5d46a1f}.log-panel__list{flex-direction:column;flex:auto;gap:.4rem;padding-right:.3rem;display:flex;overflow-y:auto}.log-panel__row{border:1px solid var(--border-faint);background:#ffffff05;border-radius:6px;align-items:center;gap:.8rem;padding:.55rem .75rem;display:flex}.log-panel__row-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;font-size:.85rem;display:flex}.log-panel__row-date{color:var(--ink);letter-spacing:.03em;font-family:Pirata One,system-ui,serif}.log-panel__row-result{font-size:.82rem}.log-panel__row-info{color:var(--ink-dim);font-size:.78rem}.log-panel__row-actions{flex-shrink:0;gap:.35rem;display:flex}.log-panel__viewer{background:var(--bg);border-radius:12px;flex-direction:column;padding:1rem 1.2rem 1.2rem;display:flex;position:absolute;inset:0}.log-panel__viewer[hidden]{display:none}.log-panel__viewer-header{letter-spacing:.04em;color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-family:Pirata One,system-ui,serif;display:flex}.log-panel__json{border:1px solid var(--border-faint);color:var(--ink);white-space:pre;background:#0006;border-radius:6px;flex:1;margin:0;padding:.8rem 1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.options-action{color:var(--ink-dim);border:1px solid var(--border-faint);cursor:pointer;text-align:left;background:0 0;border-radius:4px;padding:.45rem .6rem;font-size:.8rem}.options-action:hover{color:var(--ink);border-color:var(--ink-dim)}.options-action[disabled]{cursor:not-allowed;opacity:.4}.options-action[disabled]:hover{color:var(--ink-dim);border-color:var(--border-faint)}.options-action--resign{color:#f5e8d8;text-align:center;letter-spacing:.06em;background:#8b1a1a;border:1px solid #a82a2a;padding:.55rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.95rem}.options-action--resign:hover:not([disabled]){color:#fff;background:#a82a2a;border-color:#c43c3c}.options-action--resign[disabled]{color:#c9a8a8;background:#4a2424;border-color:#5a3030}.options-action--exit{color:#1a1a1a;text-align:center;letter-spacing:.06em;background:#f5d46a;border:1px solid #d9b54f;margin-top:.6rem;padding:.55rem .7rem;font-family:Pirata One,system-ui,serif;font-size:.95rem}.options-action--exit:hover{color:#000;background:#ffe28a;border-color:#f0c860}.options-shortcuts{border:1px solid var(--border-faint);color:var(--ink-dim);background:#ffffff05;border-radius:4px;padding:.4rem .6rem;font-size:.78rem}.options-shortcuts>summary{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.04em;color:var(--ink);font-family:Pirata One,system-ui,serif;font-size:.85rem;list-style:none}.options-shortcuts>summary:before{content:"▸";margin-right:.4rem;transition:transform .12s;display:inline-block}.options-shortcuts[open]>summary:before{transform:rotate(90deg)}.options-shortcuts__list{gap:.25rem;margin:.5rem 0 .1rem;padding:0 0 0 .2rem;list-style:none;display:grid}.options-shortcuts__list li{align-items:center;gap:.5rem;display:flex}.options-shortcuts__list kbd{border:1px solid var(--border-faint);color:var(--ink);background:#ffffff0a;border-radius:3px;padding:.05rem .35rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;line-height:1.2;display:inline-block}.desync-overlay{z-index:600;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.desync-overlay__inner{background:var(--bg-elevated);text-align:center;border:2px solid #c0392b;border-radius:8px;flex-direction:column;gap:1rem;max-width:480px;padding:2rem 2.5rem;display:flex}.desync-overlay__title{font-family:var(--font-display);color:#e74c3c;font-size:1.6rem}.desync-overlay__body{color:var(--ink);font-size:.95rem;line-height:1.5}.desync-overlay__detail{color:var(--ink-faint);background:#0000004d;border-radius:4px;padding:.5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}.desync-overlay__buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.online-side-chip{font-size:.75rem;font-family:var(--font-display);letter-spacing:.03em;pointer-events:none;z-index:180;color:var(--ink);white-space:nowrap;background:#0000008c;border:1px solid #ffffff26;border-radius:999px;padding:.2rem .75rem;position:fixed;top:.55rem;left:50%;transform:translate(-50%)}.online-side-chip--white strong{color:#f0ece0}.online-side-chip--black strong{color:#333;text-shadow:0 0 4px #ffffff80}.online-side-chip__opp{opacity:.7}.pregame__conn-error{color:#fff;z-index:700;text-align:center;background:#c0392b;border-radius:6px;max-width:480px;padding:.6rem 1.2rem;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.menu-tip{z-index:600;pointer-events:none;color:#f3ead4;letter-spacing:.01em;text-align:center;opacity:0;background:#160e0bf5;border:1px solid #ffffff29;border-radius:6px;max-width:16rem;padding:.35rem .6rem;font-family:system-ui,-apple-system,sans-serif;font-size:.78rem;line-height:1.25;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(3px);box-shadow:0 6px 20px #00000080}.menu-tip[data-show="1"]{opacity:1;transform:translateY(0)}.sfx-flash{pointer-events:none;z-index:400;opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;transition:opacity .35s;display:flex;position:fixed;inset:0}.sfx-flash[data-show="1"]{opacity:1}.sfx-flash__big{color:var(--accent,#f5d46a);text-shadow:0 2px 18px #000000e6,0 0 40px #0009;letter-spacing:.04em;font-family:Pirata One,system-ui,serif;font-size:clamp(2.5rem,9vw,6rem)}.sfx-flash__small{color:#fff;text-shadow:0 2px 10px #000000e6;letter-spacing:.1em;font-family:Pirata One,system-ui,serif;font-size:clamp(1.1rem,3vw,1.8rem)}