@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/oswald-cyrillic-ext-wght-normal-DLWmRmaW.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/oswald-cyrillic-wght-normal-C8sJyxwB.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/oswald-vietnamese-wght-normal-Tdf5mmdl.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/oswald-latin-ext-wght-normal-Dj_1K-Kw.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/oswald-latin-wght-normal-CzS3kehr.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.app-in-match{height:100dvh;min-height:0;overflow:hidden}.connection-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.55rem;color:var(--orange);height:26px;flex-shrink:0;background:#26231a;border-bottom:1px solid var(--line)}.connection-ready{color:var(--muted);background:var(--ink)}.connection-bar .text-button{padding:0 .2rem}.connection-metrics{position:relative}.connection-metrics summary{cursor:pointer;white-space:nowrap}.connection-metrics>div{position:fixed;left:50%;top:2rem;transform:translate(-50%);z-index:110;display:grid;gap:.5rem;width:max-content;max-width:min(26rem,calc(100vw - 2rem));padding:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:.75rem;color:var(--paper);overflow-wrap:anywhere}.connection-metrics small{color:var(--muted)}.fullscreen-metrics{display:none}.match-root:fullscreen .fullscreen-metrics{display:flex;flex-shrink:0;justify-content:center;padding:.3rem;font-size:.65rem}.match-root:fullscreen .fullscreen-metrics:empty{display:none}.card-dragging .board-area{outline:2px dashed var(--lime);outline-offset:-2px}.hand-heading{flex-wrap:wrap}.game-notices{position:fixed;left:50%;top:2rem;transform:translate(-50%);width:min(650px,calc(100vw - 2rem));z-index:100;background:var(--surface);box-shadow:0 12px 40px #0009;border-radius:4px;padding:.3rem .8rem .7rem}.game-notices:empty{display:none}.match-root{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--ink);position:relative;width:100%;height:calc(100dvh - 26px);overflow:hidden}.match-root:fullscreen{height:100dvh}.match-top{display:flex;gap:.7rem;align-items:center;padding:.6rem .9rem;border-bottom:1px solid var(--line);flex-shrink:0;background:var(--surface)}.match-players{display:flex;justify-content:center;gap:.7rem;flex:1;min-width:0}.player-panel{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;min-width:0;flex:0 1 245px;max-width:280px;border:1px solid var(--line);border-radius:3px;text-align:left;background:var(--ink);position:relative}.player-panel:hover{background:var(--surface-2)}.player-panel.player-active{border-color:var(--orange)}.player-panel.player-active.player-me{border-color:var(--lime)}.player-panel>.artwork{width:42px;height:42px;border-radius:50%;flex-shrink:0}.player-panel-main{min-width:0;display:flex;flex-direction:column;gap:.25rem;flex:1}.player-name{font-size:.58rem;display:flex;align-items:center;gap:.4rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name small{font-size:.4rem;color:var(--lime);border:1px solid var(--line);padding:.12rem .2rem}.player-panel-main>strong{font-size:.7rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.player-hp{display:flex;gap:.5rem}.player-hp>span{display:inline-flex;align-items:center;gap:.2rem;font-size:.6rem}.player-hp svg{color:var(--orange)}.player-me .player-hp svg{color:var(--lime)}.player-hp small{color:var(--muted);font-size:.5rem}.player-card-counts{display:flex;flex-direction:column;font-size:.51rem;gap:.3rem;color:var(--muted);font-variant-numeric:tabular-nums}.player-card-counts>span{display:inline-flex;align-items:center;gap:.3rem}.connection-dot{height:4px;width:4px;border-radius:50%;background:var(--orange);display:inline-block;margin-left:auto;flex-shrink:0}.connection-dot.connected{background:var(--lime)}.match-utility{display:flex;gap:.15rem}.match-turn-strip{display:flex;align-items:center;gap:1.5rem;padding:.55rem 1.2rem;border-bottom:1px solid var(--line);font-size:.59rem;color:var(--muted);min-height:40px;flex-shrink:0;overflow-x:auto;white-space:nowrap}.turn-badge{display:flex;align-items:center;gap:.5rem;font-size:.58rem;font-weight:700;color:var(--orange)}.turn-badge .live-dot{background:var(--orange)}.turn-badge.my-turn{color:var(--lime)}.turn-badge.my-turn .live-dot{background:var(--lime)}.match-turn-strip b{color:var(--paper);margin-left:.2rem;font-size:.7rem}.action-pips{display:flex;align-items:center;gap:.35rem}.action-pips>i{height:10px;width:7px;transform:skew(-12deg);background:var(--lime)}.action-pips small{margin-left:.5rem;font-size:.5rem;color:var(--orange)}.seat-switch{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.55rem}.seat-switch select{font-size:.6rem;padding:.3rem .5rem;width:auto;max-width:180px}.match-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,290px);min-height:0;flex:1}.board-area{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 50%,#242c1c 0%,var(--ink) 75%);position:relative}.board-viewport{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;isolation:isolate}.board-viewport:before{position:absolute;inset:0;content:"";background-image:radial-gradient(var(--line) .6px,transparent .6px);background-size:16px 16px;opacity:.28;pointer-events:none}.battlefield-svg{display:block;width:100%;height:100%;max-width:100%;transform-origin:center;transition:transform .08s linear;overflow:visible;filter:drop-shadow(0 8px 24px #0004)}.battlefield-svg image{pointer-events:none}.board-cell{fill:transparent;stroke:transparent;cursor:default}.board-cell.cell-available{fill:#d7fa5244;stroke:var(--lime);stroke-width:3;cursor:pointer;filter:drop-shadow(0 0 8px #d7fa5244)}.board-cell.cell-available:hover,.board-cell.cell-available:focus-visible{fill:#d7fa5299;stroke-width:5}.board-cell-number{fill:var(--paper);font-family:var(--font);font-weight:800;paint-order:stroke;stroke:var(--ink);stroke-width:3}.board-route{stroke:var(--lime);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 6;pointer-events:none;filter:drop-shadow(0 1px 4px #0007)}.fighter-token{cursor:pointer;filter:drop-shadow(0 3px 5px #0008);transition:filter .15s}.fighter-token:hover,.fighter-selected,.fighter-available{filter:drop-shadow(0 0 10px #d7fa5277)}.fighter-selected>circle{stroke-width:7}.fighter-available>circle{stroke-dasharray:10 5;stroke:var(--lime)}.board-label{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.3rem;background:#111310c7;padding:.65rem .85rem;border-left:2px solid var(--line);pointer-events:none}.board-label .eyebrow{font-size:.45rem;color:var(--muted)}.board-label strong{font-family:var(--display);font-size:.9rem;font-weight:500;line-height:1.15}.board-toolbar{position:absolute;bottom:.9rem;right:1rem;display:flex;align-items:center;background:#111310ec;border:1px solid var(--line);border-radius:3px;z-index:2}.board-toolbar>span{font-size:.54rem;font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}.board-toolbar>.icon-button{padding:.5rem}.board-pan-hint{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.4rem;font-size:.48rem;color:var(--muted);background:#111310ad;padding:.3rem .4rem;pointer-events:none}.board-corner{position:absolute;z-index:1;width:22px;height:22px;pointer-events:none;border-color:var(--line);border-style:solid}.board-corner-tl{top:.5rem;left:.5rem;border-width:1px 0 0 1px}.board-corner-br{bottom:.5rem;right:.5rem;border-width:0 1px 1px 0}.board-task{position:absolute;top:1rem;left:50%;transform:translate(-50%);max-width:70%;border:1px solid var(--lime);background:#111310eb;padding:.65rem 1rem;font-size:.65rem;line-height:1.4;display:flex;align-items:center;gap:.6rem;text-align:center;box-shadow:0 4px 20px #0005;z-index:3}.match-sidebar{background:var(--surface);border-left:1px solid var(--line);padding:1rem;overflow-y:auto;min-width:0;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.match-sidebar>.text-button{color:var(--muted);margin-top:.7rem;font-size:.6rem}.selected-fighter{display:flex;gap:.6rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.85rem;margin-bottom:1rem}.selected-fighter>.artwork{width:38px;height:38px;border-radius:50%;flex-shrink:0}.selected-fighter>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.selected-fighter .eyebrow{font-size:.4rem;color:var(--muted)}.selected-fighter strong{font-size:.73rem;line-height:1.25;overflow-wrap:anywhere}.selected-fighter small{font-size:.53rem;color:var(--muted)}.selected-fighter>.icon-button{padding:.3rem}.action-panel>.eyebrow,.decision-panel>.eyebrow{font-size:.48rem;color:var(--lime)}.action-panel>h3,.decision-panel>h3{font-size:1.45rem;line-height:1.2;margin:.6rem 0 .7rem;letter-spacing:.01em}.action-panel>p,.decision-panel>p,.movement-choice>p{font-size:.67rem;color:var(--muted);margin-bottom:1rem;line-height:1.6}.primary-actions{display:flex;flex-direction:column;gap:.5rem;margin:1.2rem 0}.primary-actions>.button{justify-content:flex-start;gap:.7rem;flex-wrap:wrap;min-height:54px;padding:.7rem .8rem;font-size:.74rem;border:1px solid var(--line);background:var(--ink)}.primary-actions>.button>small{width:100%;margin-left:1.8rem;font-weight:400;font-size:.54rem;color:var(--muted);margin-top:-.5rem}.primary-actions>.button.button-primary{background:var(--lime);color:var(--ink)}.primary-actions>.button.button-primary>small{color:var(--ink)}.action-panel>.button-block,.maneuver-panel>.button-block{font-size:.66rem;margin-top:.8rem}.decision-panel{padding-bottom:1rem}.decision-panel .form-field{margin-bottom:.8rem}.decision-panel select,.decision-panel input{font-size:.7rem;padding:.65rem .7rem}.decision-panel .form-field>span{font-size:.6rem}.choice-options{display:flex;flex-direction:column;gap:.4rem;max-height:270px;overflow:auto;scrollbar-width:thin}.choice-option{display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-align:left;padding:.7rem .75rem;background:var(--ink);border:1px solid var(--line);border-radius:3px;font-size:.68rem;line-height:1.45;min-width:0}.choice-option:hover{border-color:var(--muted)}.choice-option.is-selected{border-color:var(--lime);background:#d7fa5210}.choice-option>span:not(.choice-check){flex:1}.choice-option small{display:block;font-size:.56rem;color:var(--muted);margin-top:.25rem}.choice-check{width:17px;height:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);border-radius:2px}.is-selected>.choice-check{background:var(--lime);color:var(--ink);border-color:var(--lime)}.decision-submit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:1rem 0 .1rem}.decision-submit .muted{font-size:.58rem}.decision-submit .button{font-size:.59rem;gap:.3rem;min-height:34px}.decision-submit .text-button{font-size:.58rem}.compact-options{flex-direction:row;flex-wrap:wrap;max-height:150px;gap:.3rem;margin:.5rem 0}.compact-options>.button{font-size:.55rem;padding:.4rem .6rem;min-height:28px}.path-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.path-chips>span{display:flex;align-items:center;gap:.2rem;color:var(--lime);font-size:.65rem;font-variant-numeric:tabular-nums}.maneuver-panel>.text-button{font-size:.59rem;color:var(--muted)}.boost-row{display:flex;align-items:flex-end;gap:.5rem;margin:1rem 0}.boost-row .form-field{flex:1;min-width:0;margin:0}.boost-row .button{font-size:.59rem;padding:.65rem .5rem}.movement-order{font-size:.62rem;margin:1rem 0}.movement-order .eyebrow{color:var(--muted);font-size:.44rem}.movement-order>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.2rem 0}.movement-order .icon-button{padding:.3rem}.attack-boost{padding:.8rem 0;border-top:1px solid var(--line)}.attack-boost select{font-size:.62rem;padding:.6rem}.attack-boost>span{font-size:.56rem!important}.combat-panel{padding:1rem 0;border-top:1px solid var(--line);margin-top:.5rem}.combat-panel>.eyebrow{font-size:.46rem;color:var(--muted)}.combat-faceoff{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.7rem}.combat-faceoff>div{min-width:0;text-align:center}.combat-faceoff .artwork{aspect-ratio:5/7;height:auto;object-fit:contain}.combat-faceoff strong{display:block;font-family:var(--display);font-size:1.7rem;margin-top:.4rem}.hidden-combat-card{aspect-ratio:5/7;background:repeating-linear-gradient(-30deg,var(--surface-3) 0,var(--surface-3) 1px,var(--ink) 1px,var(--ink) 8px);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;font-family:var(--display);font-size:.9rem;color:var(--muted)}.combat-panel>p{font-size:.65rem;text-align:center;color:var(--muted)}.resource-panel{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.resource-panel>.eyebrow{font-size:.46rem;color:var(--muted)}.resource-panel>div{display:flex;justify-content:space-between;font-size:.65rem;margin:.6rem 0}.resource-panel strong{color:var(--lime)}.hand-area{border-top:1px solid var(--line);background:var(--ink);flex-shrink:0;position:relative;min-width:0}.hand-heading{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.65rem 1.2rem .35rem}.hand-heading>.eyebrow{font-size:.48rem}.hand-heading>.eyebrow b{color:var(--lime);margin-left:.2rem}.hand-heading>.muted{font-size:.5rem}.deck-indicator{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.5rem}.hand-cards{display:flex;align-items:flex-end;justify-content:safe center;overflow-x:auto;gap:.65rem;padding:1rem 1.5rem .7rem;min-height:170px;height:clamp(170px,23dvh,230px);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.hand-card-shell{position:relative;height:100%;flex:0 0 auto;aspect-ratio:5/7;max-height:190px;min-width:0;transition:transform .18s;transform-origin:bottom center}.hand-card-shell:hover{transform:translateY(-9px)!important;z-index:3}.hand-card{position:relative;display:block;width:100%;height:100%;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;text-align:left;background:var(--surface)}.hand-card:before{content:"";position:absolute;inset:0;z-index:1;border-bottom:3px solid var(--card-color, var(--lime));border-radius:4px;pointer-events:none}.hand-card>.artwork{height:100%;object-fit:contain;object-position:top}.hand-card-footer{position:absolute;bottom:0;left:0;right:0;padding:1.2rem .5rem .45rem;background:linear-gradient(transparent,#111310f5 40%);display:flex;flex-direction:column;gap:.2rem;z-index:2}.hand-card-footer>strong{font-size:.53rem;line-height:1.25;text-shadow:0 1px 6px #000}.hand-card-footer>small{font-size:.39rem;line-height:1.1;color:var(--muted)}.card-selected .hand-card{border:2px solid var(--lime);box-shadow:0 0 18px #d7fa5222}.card-selected{transform:translateY(-7px)}.card-inspect{position:absolute;right:.2rem;top:.2rem;z-index:3;background:#111310d9;color:var(--paper);padding:.4rem}.empty-hand{display:flex;align-items:center;justify-content:center;gap:.8rem;align-self:center;color:var(--muted);font-size:.75rem;min-height:80px}.zone-summary{display:flex;gap:1.5rem;font-size:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;color:var(--muted)}.zone-summary b{color:var(--paper);margin-left:.4rem}.public-zone{margin:1.3rem 0;border-top:1px solid var(--line);padding-top:1rem}.public-zone h3{margin-bottom:.7rem}.public-zone .choice-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:300px}.event-log{margin-top:1rem}.event-log>div{display:flex;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.event-log>div>span{font-size:.6rem;color:var(--muted);min-width:2rem}.event-log p{font-size:.7rem}.result-overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#111310f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:auto}.combat-feedback{position:absolute;bottom:3.5rem;left:50%;translate:-50% 0;max-width:calc(100% - 2rem);padding:1rem 1.5rem;background:var(--ink);border:1px solid var(--lime);box-shadow:0 10px 35px #0008;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;z-index:5;pointer-events:none}.combat-feedback .eyebrow{color:var(--lime);font-size:.5rem}.combat-feedback>strong{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;font-size:.8rem}.combat-feedback>span:last-child{font-size:.65rem;color:var(--muted)}.combat-feedback b{color:var(--orange)}.result-overlay:before{content:"";position:absolute;left:0;right:0;top:35%;height:28%;background:var(--orange);transform:skewY(-5deg);opacity:.08;pointer-events:none}.result-overlay>.eyebrow{font-size:.57rem;color:var(--muted)}.result-overlay h1{font-size:clamp(3.5rem,12vw,10rem);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:var(--orange);margin:1rem 0;z-index:1}.result-victory h1{color:var(--lime)}.result-victory:before{background:var(--lime)}.result-overlay p{font-size:.9rem;color:var(--muted)}.result-overlay>.button-row{margin-top:2rem}.result-overlay .button{font-size:.75rem}@media(min-width:1700px){.match-stage{grid-template-columns:minmax(0,1fr) 330px}.match-sidebar{padding:1.3rem}.hand-cards{max-height:250px}}@media(max-width:1050px){.match-stage{grid-template-columns:minmax(0,1fr) 250px}.match-top{padding:.45rem .5rem;gap:.4rem}.match-players{gap:.4rem}.player-panel{padding:.45rem .5rem;gap:.5rem}.player-panel>.artwork{width:33px;height:33px}.player-card-counts{display:none}.match-sidebar{padding:.8rem}.board-task{font-size:.57rem;top:.6rem;padding:.5rem .7rem}.board-label{top:.6rem;left:.6rem}.board-pan-hint{font-size:.4rem;bottom:.7rem;left:.6rem}.board-toolbar{right:.6rem;bottom:.6rem}.hand-cards{height:clamp(160px,23dvh,200px);min-height:160px}}@media(max-width:760px){.match-top{padding:.4rem;gap:.25rem}.match-top>.icon-button{padding:.5rem .3rem}.match-players{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.player-panel{flex:1 0 140px;max-width:220px;padding:.4rem}.player-panel>.artwork{width:29px;height:29px}.player-panel-main>strong{font-size:.58rem}.player-name{font-size:.48rem;gap:.2rem}.player-name small{font-size:.34rem}.player-hp>span{font-size:.52rem}.player-hp small{font-size:.43rem}.player-hp svg{width:10px;height:10px}.match-utility{flex-direction:column}.match-utility>.icon-button{padding:.25rem}.match-utility svg{width:15px;height:15px}.match-turn-strip{padding:.45rem .7rem;min-height:34px;font-size:.5rem;gap:1rem}.turn-badge{font-size:.48rem}.match-turn-strip b{font-size:.6rem}.action-pips>i{height:9px;width:6px}.seat-switch{margin-left:0}.seat-switch>span{display:none}.seat-switch select{max-width:120px;font-size:.5rem}.match-stage{grid-template-columns:1fr;grid-template-rows:minmax(230px,1fr) auto;overflow-y:auto;display:grid}.board-area{min-height:230px}.match-sidebar{border-left:0;border-top:1px solid var(--line);padding:.75rem;max-height:34dvh;overflow-y:auto}.action-panel>h3{font-size:1.1rem;margin:.3rem 0}.action-panel>p{font-size:.6rem;margin-bottom:.5rem}.action-panel>.eyebrow{font-size:.42rem}.primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.7rem 0}.primary-actions>.button{justify-content:center;text-align:center;padding:.6rem .3rem;min-height:38px;gap:.4rem;font-size:.64rem}.primary-actions>.button>small{display:none}.primary-actions>.button>svg{width:14px;height:14px}.action-panel>.button-block{width:auto;min-height:31px;padding:.45rem .8rem;margin:0;font-size:.6rem}.action-panel{position:relative}.match-sidebar>.text-button{font-size:.54rem;margin-top:.3rem}.selected-fighter{padding-bottom:.5rem;margin-bottom:.6rem}.selected-fighter>.artwork{width:29px;height:29px}.selected-fighter .eyebrow{font-size:.35rem}.selected-fighter strong{font-size:.65rem}.selected-fighter small{font-size:.48rem}.decision-panel>h3{font-size:1.25rem;margin:.4rem 0}.decision-panel>p{font-size:.64rem;margin-bottom:.65rem}.decision-panel{padding-bottom:.3rem}.choice-options{max-height:170px}.choice-option{padding:.55rem .65rem;font-size:.62rem}.decision-submit{margin-top:.6rem}.compact-options{max-height:80px}.decision-panel>.button-row{margin-top:.6rem}.board-label{padding:.4rem .6rem;left:.5rem;top:.5rem}.board-label .eyebrow{font-size:.35rem}.board-label strong{font-size:.7rem}.board-pan-hint{display:none}.board-task{max-width:calc(100% - 2rem);top:auto;bottom:.6rem;left:.6rem;transform:none;font-size:.5rem;padding:.4rem .5rem}.board-toolbar{bottom:.5rem;right:.5rem}.board-toolbar>.icon-button{padding:.45rem}.board-toolbar>span{font-size:.45rem;min-width:1.8rem}.board-toolbar svg{width:13px;height:13px}.hand-heading{padding:.45rem .7rem .2rem;gap:.5rem}.hand-heading>.muted{display:none}.hand-heading>.eyebrow{font-size:.43rem}.deck-indicator{font-size:.43rem}.hand-cards{height:145px;min-height:145px;gap:.45rem;padding:.7rem .7rem .5rem;justify-content:flex-start}.hand-card-footer>strong{font-size:.47rem}.hand-card-footer>small{font-size:.34rem}.card-inspect{padding:.3rem}.card-inspect svg{width:12px;height:12px}.resource-panel{margin-top:.6rem;padding-top:.6rem}.resource-panel>div{font-size:.58rem;margin:.35rem 0}.combat-panel{max-width:220px;margin:1rem auto 0}.game-notices{top:1.7rem;width:calc(100vw - 1rem);padding:.2rem .5rem .5rem}.game-notices .notice{font-size:.65rem;padding:.6rem}.connection-bar{font-size:.48rem}.result-overlay{padding:1rem}.result-overlay>.eyebrow{font-size:.47rem}.result-overlay h1{font-size:clamp(2.5rem,14vw,6rem)}.result-overlay p{font-size:.72rem}.result-overlay .button{font-size:.65rem}.match-root:fullscreen .match-stage{grid-template-rows:minmax(250px,1fr) auto}}@media(max-width:380px){.player-panel{flex-basis:125px}.player-panel>.artwork{width:25px;height:25px}.hand-cards{height:125px;min-height:125px}.match-sidebar{max-height:30dvh}.match-turn-strip{gap:.65rem}.board-toolbar>.icon-button{padding:.35rem}.board-label{max-width:42%}}:root{color-scheme:dark;--ink: #111310;--surface: #181b16;--surface-2: #22261f;--surface-3: #30362b;--paper: #f0f2e6;--muted: #969f8a;--line: #333b2d;--lime: #d7fa52;--lime-dim: #adcb3c;--orange: #ff7959;--danger: #ff8f83;--font: "Onest Variable", sans-serif;--display: "Oswald Variable", sans-serif;--gap: clamp(1rem, 2.2vw, 2.25rem);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}p{line-height:1.65}input,select{min-width:0;color:var(--paper);background:var(--ink);border:1px solid var(--line);border-radius:3px;padding:.85rem 1rem;width:100%;outline:none}input:focus,select:focus{border-color:var(--lime)}input::placeholder{color:#747d68}select{padding-right:2rem}input[type=checkbox]{accent-color:var(--lime);width:17px;height:17px;flex-shrink:0;padding:0}input[type=number]{font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:.63rem;font-weight:650;letter-spacing:.14em;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;line-height:1.5}.accent-dot{color:var(--lime)}.artwork{width:100%;height:100%;object-fit:cover;display:block}.artwork-missing{background:var(--surface-2);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);gap:.4rem;font-size:.6rem}.artwork-missing small{padding:.25rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;min-height:44px;padding:.8rem 1.2rem;font-weight:650;font-size:.8rem;background:var(--surface-3);border:1px solid transparent;border-radius:3px;transition:background .16s,transform .16s,border-color .16s;position:relative;max-width:100%}.button:not(:disabled):hover{background:#424c37;transform:translateY(-1px)}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:not(:disabled):hover{background:#e6ff83}.button-outline{background:transparent;border-color:var(--line)}.button-danger{background:var(--orange);color:var(--ink)}.button-small{min-height:34px;padding:.5rem .8rem;font-size:.72rem}.button-block{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.35rem 0;font-size:.74rem;font-weight:600}.text-button:hover{color:var(--lime)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem;border-radius:3px;flex-shrink:0;transition:background .15s}.icon-button:hover{background:var(--surface-3);color:var(--lime)}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.1rem;font-size:.76rem}.form-field>span:first-child{font-size:.68rem;font-weight:600;letter-spacing:.03em}.check-row{display:flex;align-items:center;gap:.65rem;font-size:.8rem;margin:1rem 0}.notice{display:flex;align-items:flex-start;gap:.6rem;padding:.8rem;border:1px solid #744136;background:#3a241c;font-size:.75rem;line-height:1.55;border-radius:3px;margin:.7rem 0;overflow-wrap:anywhere}.notice>svg{flex-shrink:0;margin-top:.1rem}.notice-error{color:#ffb4a4}.notice .text-button{margin-left:auto;white-space:nowrap}.notice-inline{color:var(--orange);font-size:.74rem;margin:.6rem 0}.spinner-wrap{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-size:.8rem;color:var(--muted);padding:.8rem}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.button-primary .spinner-wrap{color:var(--ink);padding:0}@keyframes spin{to{transform:rotate(360deg)}}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #d7fa5233;display:inline-block;flex-shrink:0}.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-size:1.4rem;font-weight:650;letter-spacing:-.02em;white-space:nowrap}.brand-mark{font-family:var(--display);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:1.9rem;font-weight:700;line-height:1;background:var(--lime);color:var(--ink);font-style:italic;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}.brand-small{font-family:var(--font);font-size:.45rem;letter-spacing:.18em;align-self:flex-start;margin-top:.4rem}.app{min-height:100dvh;display:flex;flex-direction:column}.app-header{height:80px;border-bottom:1px solid var(--line);padding:0 var(--gap);display:flex;align-items:center;gap:2.5rem;max-width:1680px;width:100%;margin:auto}.app-header nav{display:flex;align-self:stretch;gap:1.8rem;margin-left:2rem}.app-header nav button{display:flex;gap:.55rem;align-items:center;font-size:.75rem;color:var(--muted);position:relative;padding:0 .15rem}.app-header nav button:hover,.app-header nav button.active{color:var(--paper)}.app-header nav button.active:after{position:absolute;content:"";height:3px;background:var(--lime);bottom:0;left:0;right:0}.header-account{margin-left:auto;display:flex;align-items:center;gap:1rem}.header-divider{height:22px;width:1px;background:var(--line)}.profile-button{display:flex;align-items:center;gap:.65rem;font-size:.72rem}.profile-initial{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--line);border-radius:50%;font-weight:600;color:var(--lime)}.page-content{max-width:1440px;width:100%;padding:var(--gap);margin:0 auto;flex:1}.app-footer{max-width:1440px;width:100%;padding:1.5rem var(--gap);margin:0 auto;display:flex;align-items:center;gap:2rem;border-top:1px solid var(--line);font-size:.56rem;letter-spacing:.08em;color:var(--muted)}.app-footer>span:nth-child(2){margin-left:auto}.footer-cross{font-size:1.6rem}.page-title{padding:2.8rem 0 2.4rem}.page-title h1{font-size:clamp(2.7rem,5.5vw,5.3rem);line-height:1.07;letter-spacing:-.03em;margin:.6rem 0 1rem}.page-title p{color:var(--muted);font-size:.85rem}.compact-title{padding:1.5rem 0 2rem}.compact-title h1{font-size:clamp(2.5rem,4vw,3.9rem);margin-bottom:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-heading h2{font-size:1.6rem;letter-spacing:.015em}.section-heading h3{font-size:1.3rem}.section-heading h2 sup{font-family:var(--font);font-size:.7rem;vertical-align:super;color:var(--muted);margin-left:.5rem}.empty-state{padding:clamp(2rem,8vw,7rem) 1rem;display:flex;align-items:center;flex-direction:column;gap:1.3rem;text-align:center}.empty-state h2{font-size:clamp(2rem,5vw,4rem)}.empty-state p{max-width:40rem;color:var(--muted)}.restore-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.dialog{background:var(--surface);color:var(--paper);border:1px solid var(--line);border-top:3px solid var(--lime);border-radius:4px;max-width:min(620px,calc(100vw - 2rem));width:100%;max-height:calc(100dvh - 3rem);padding:1.5rem;overflow:auto;box-shadow:0 20px 120px #0009}.dialog::backdrop{background:#070a07c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-wide{max-width:min(1000px,calc(100vw - 2rem))}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.dialog-head h2{font-size:1.75rem}.dialog h3{font-size:1.4rem}.dialog p{font-size:.85rem}.dialog .hero-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.dialog .roster{margin-top:.8rem}.profile-identity{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile-identity p{color:var(--muted);margin-top:.4rem}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr}.auth-poster{min-height:100dvh;background:var(--lime);color:var(--ink);padding:clamp(1.4rem,3vw,3rem);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-poster:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#11131024 .65px,transparent .65px);background-size:5px 5px;opacity:.35}.auth-poster .brand-mark{background:var(--ink);color:var(--lime)}.auth-poster .wordmark{position:relative;z-index:2}.poster-title{z-index:2;margin-top:4rem;max-width:100%}.poster-title .live-dot{background:var(--ink)}.poster-title h1{font-size:clamp(4rem,9.6vw,10rem);font-weight:700;line-height:.95;letter-spacing:-.055em;transform:rotate(-3deg);transform-origin:left center;margin:1.7rem 0 2rem;position:relative}.poster-title h1>span{color:var(--lime);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.poster-title p{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:500;margin-top:2.3rem}.poster-symbol{position:absolute;width:28vw;height:28vw;right:-9vw;bottom:5vw;display:flex;align-items:center;justify-content:center;opacity:.85;transform:rotate(-15deg);pointer-events:none}.poster-symbol>svg{width:70%;height:70%}.orbit{position:absolute;inset:0;border:1px solid var(--ink);border-radius:50%}.orbit-two{inset:-12%;border-style:dashed}.poster-coordinate{position:absolute;bottom:-2rem;font-size:.7rem;right:6rem;letter-spacing:.2em}.poster-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:.6rem;letter-spacing:.12em;margin-top:6rem;border-top:1px solid #11131055;padding-top:1.2rem}.auth-side{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem clamp(1.6rem,5vw,6rem);min-width:0}.auth-top,.auth-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.53rem;letter-spacing:.12em;color:var(--muted)}.crosshair{font-size:1.5rem}.auth-form-wrap{max-width:390px;width:100%;margin:clamp(1rem,3dvh,2.5rem) auto}.auth-form-wrap>.eyebrow{color:var(--lime);font-size:.56rem}.auth-form-wrap h2{white-space:pre-line;font-size:clamp(2.3rem,3.4vw,3.6rem);line-height:1.12;letter-spacing:-.02em;margin:.9rem 0 1rem}.auth-form-wrap>p{font-size:.76rem;max-width:23rem}.auth-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);margin:2rem 0 1.5rem}.auth-tabs button{color:var(--muted);font-size:.8rem;padding:.8rem 0;position:relative}.auth-tabs button.selected{color:var(--paper)}.auth-tabs button.selected:after{content:"";height:2px;background:var(--lime);position:absolute;bottom:-1px;left:0;right:0}.auth-form-wrap input{font-size:.8rem;padding:1rem;background:var(--surface)}.auth-form-wrap .button-block{margin-top:.65rem;min-height:49px}.password-field{position:relative;display:flex}.password-field input{padding-right:3.2rem}.password-field .icon-button{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);color:var(--muted)}.auth-trust{display:flex;align-items:flex-start;gap:.65rem;color:var(--muted);font-size:.62rem;line-height:1.7;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.7rem}.auth-trust>svg{margin-top:.15rem;flex-shrink:0}.home-page{padding-top:1.7rem}.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:390px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface);border:1px solid var(--line)}.home-hero-copy{padding:clamp(1.5rem,3vw,3rem);z-index:2}.home-hero-copy>.eyebrow{font-size:.55rem;color:var(--muted)}.home-hero h1{font-size:clamp(3rem,5.2vw,5.5rem);line-height:1.03;letter-spacing:-.04em;margin:1.4rem 0 1rem;white-space:nowrap}.home-hero h1>span{color:var(--lime)}.home-hero-copy>p{font-size:.78rem;color:var(--muted);margin-bottom:1.5rem}.home-hero-copy>.button{font-size:.75rem}.hero-caption{display:flex;gap:1rem;flex-wrap:wrap;font-size:.47rem;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-top:2rem}.hero-caption>span+span:before{content:"+";margin-right:1rem;color:var(--lime)}.home-hero-art{position:relative;min-width:0;overflow:hidden;margin-left:-3rem}.home-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface),transparent 30%),linear-gradient(0deg,#181b16bb,transparent 30%);pointer-events:none}.hero-shard{position:absolute;width:48%;height:102%;clip-path:polygon(24% 0,100% 0,76% 100%,0% 100%);filter:saturate(.75);transition:filter .25s}.hero-shard .artwork{object-position:center}.hero-shard>span{position:absolute;bottom:2rem;left:12%;font-family:var(--display);font-size:.8rem;color:var(--paper);transform:rotate(-12deg);text-shadow:0 2px 12px #000}.shard-0{left:0}.shard-1{left:28%}.shard-2{left:56%}.hero-art-cross{position:absolute;font-family:var(--display);font-size:13rem;line-height:1;left:40%;top:30%;color:var(--lime);transform:rotate(-12deg);z-index:1;mix-blend-mode:screen}.art-label{position:absolute;top:1rem;right:1rem;font-size:.5rem;letter-spacing:.2em;z-index:2;color:var(--lime)}.home-section-heading{margin-top:2.7rem}.home-section-heading .eyebrow{color:var(--muted);font-size:.52rem;margin-bottom:.3rem}.home-section-heading h2{font-size:1.65rem}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mode-card{background:var(--surface);border:1px solid var(--line);padding:1.5rem;text-align:left;position:relative;transition:background .2s,border-color .2s;overflow:hidden;min-height:180px}.mode-card:hover{background:var(--surface-2);border-color:var(--lime)}.mode-card:hover .mode-arrow{transform:translate(3px,-3px)}.mode-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:1.6rem}.mode-card-top>span{font-size:.6rem;font-variant-numeric:tabular-nums}.mode-card h3{font-size:1.45rem;margin-bottom:.5rem}.mode-card p{font-size:.69rem;color:var(--muted);max-width:85%}.mode-arrow{position:absolute;bottom:1.5rem;right:1.4rem;transition:transform .2s}.mode-matchmaking .mode-card-top>svg{color:var(--lime)}.mode-friend .mode-card-top>svg{color:var(--orange)}.home-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;margin:2.5rem 0 1.5rem}.home-bottom h2{font-size:1.4rem}.no-matches{border:1px dashed var(--line);min-height:150px;padding:2rem;display:flex;flex-direction:column;justify-content:center;color:var(--muted);font-size:.8rem}.no-matches p{font-size:.7rem;margin-top:.5rem}.catalog-promo{padding:1.5rem;text-align:left;position:relative;overflow:hidden;background:var(--surface);border-left:3px solid var(--lime)}.catalog-promo h3{font-size:2rem;line-height:1.1;letter-spacing:-.02em;margin:.8rem 0}.catalog-promo>.eyebrow{font-size:.5rem;color:var(--muted)}.catalog-promo>p{font-size:.68rem;color:var(--muted);max-width:70%}.catalog-promo .text-button{margin-top:.8rem;font-size:.7rem;color:var(--lime)}.promo-arrow{position:absolute;right:1rem;top:20%;width:8rem;height:8rem;color:var(--line);stroke-width:.6}.recent-games>button{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:1rem .3rem;border-bottom:1px solid var(--line)}.recent-games>button>svg{margin-left:auto}.recent-icon{width:35px;height:35px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--lime)}.recent-games strong{font-size:.76rem}.recent-games small{display:block;color:var(--muted);font-size:.6rem;margin-top:.3rem}.roster{min-width:0}.roster .section-heading{align-items:flex-end}.search-field{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);padding:0 .8rem;max-width:240px;width:42%;border-radius:3px;color:var(--muted)}.search-field input{padding:.65rem .6rem;border:0;background:none;font-size:.7rem}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.filter-tabs button{font-size:.63rem;color:var(--muted);padding:.45rem .75rem;border:1px solid var(--line);border-radius:2px}.filter-tabs button.selected{color:var(--ink);background:var(--lime);border-color:var(--lime)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.8rem}.hero-tile{position:relative;aspect-ratio:3/4;overflow:hidden;text-align:left;border:1px solid var(--line);padding:0;isolation:isolate;background:var(--surface);transition:border-color .2s,transform .2s}.hero-tile:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,#0003,transparent 35%,#000a 70%,#000e);z-index:0;pointer-events:none}.hero-tile>.artwork{position:absolute;inset:0;transition:transform .4s;filter:saturate(.75)}.hero-tile:hover{border-color:var(--lime);transform:translateY(-3px)}.hero-tile:hover>.artwork{transform:scale(1.045);filter:saturate(1)}.hero-tile.is-selected{border:2px solid var(--lime)}.hero-tile-top{position:absolute;left:.65rem;top:.65rem;right:.65rem;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:.4rem;letter-spacing:.1em;text-shadow:0 1px 5px #000}.hero-tile-bottom{position:absolute;bottom:.8rem;left:.75rem;right:.75rem;z-index:1}.hero-tile-bottom>strong{font-family:var(--display);font-size:1.15rem;line-height:1.2;display:block;overflow-wrap:anywhere}.hero-tile-bottom>span{display:flex;font-size:.5rem;align-items:center;justify-content:space-between;color:#bec6b5;margin-top:.45rem}.tile-health{display:flex;align-items:center;gap:.2rem}.hero-tile-check{position:absolute;z-index:2;top:2.1rem;left:0;background:var(--lime);color:var(--ink);font-size:.48rem;font-weight:800;padding:.3rem .65rem}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:2rem;align-items:start}.setup-sidebar{background:var(--surface);border:1px solid var(--line);min-width:0;position:sticky;top:1rem}.setup-sidebar>.hero-details{padding:1.3rem;border-bottom:1px solid var(--line)}.setup-options{padding:1.3rem}.setup-options .form-field{margin-bottom:.9rem}.setup-options input,.setup-options select{font-size:.72rem;padding:.7rem .75rem}.setup-field-preview{height:150px;margin:1rem 0}.pick-prompt{padding:2rem 1.5rem;text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}.pick-prompt h3{font-size:1.4rem;color:var(--paper);margin:.8rem 0 .5rem}.pick-prompt p{font-size:.72rem}.join-section{margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid var(--line)}.join-section>.eyebrow{font-size:.52rem;margin-bottom:.8rem;color:var(--muted)}.hero-identity{display:flex;gap:1rem;align-items:center}.hero-identity>.artwork{width:68px;height:68px;object-fit:cover;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.hero-identity h2{font-size:1.8rem;line-height:1.1;margin-top:.3rem}.hero-identity .eyebrow{font-size:.5rem;color:var(--muted)}.hero-stat-line{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.hero-stat-line>span{display:inline-flex;align-items:center;gap:.35rem;font-size:.67rem;color:var(--muted)}.hero-stat-line strong{color:var(--paper);font-size:.8rem}.ability{border-left:2px solid var(--lime);padding:.3rem 0 .3rem .9rem;margin:1.2rem 0}.ability .eyebrow{font-size:.5rem;color:var(--lime)}.ability h3{font-size:1.1rem;margin:.35rem 0}.ability p{font-size:.72rem;color:var(--muted);white-space:pre-line}.sidekick-list{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}.hero-voice{margin:1rem 0}.hero-voice>.eyebrow{color:var(--muted);font-size:.5rem;margin-bottom:.5rem}.hero-voice audio{display:block;max-width:100%;width:100%;height:34px}.sidekick-list>span{display:flex;gap:.6rem;align-items:center;font-size:.7rem}.sidekick-list .artwork{width:38px;height:38px;border-radius:50%}.sidekick-list small{display:block;font-size:.55rem;color:var(--muted);margin-top:.2rem}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.catalog-card{padding:0;text-align:left;min-width:0}.catalog-card>.artwork{aspect-ratio:5/7;height:auto;border-radius:4px}.catalog-card>span{display:flex;justify-content:space-between;font-size:.62rem;gap:.3rem;margin-top:.5rem;line-height:1.4}.catalog-card small{color:var(--muted);white-space:nowrap}.card-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.card-detail>.artwork{height:auto;aspect-ratio:5/7;border-radius:4px}.card-detail h3{margin:.9rem 0}.card-detail p{white-space:pre-line;font-size:.76rem;color:var(--muted)}.card-type{font-size:.6rem;border-bottom:2px solid var(--lime);padding-bottom:.35rem;display:inline-block}.type-attack{--card-color: var(--orange)}.type-defense{--card-color: #81bcdd}.type-versatile{--card-color: #b6a4e8}.type-scheme{--card-color: var(--lime)}.card-type{border-color:var(--card-color)}.fields-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-list-item{display:flex;align-items:center;text-align:left;padding:1.8rem;background:var(--surface);border:1px solid var(--line);gap:1.2rem}.field-list-item:hover{border-color:var(--lime)}.field-index{font-family:var(--display);font-size:2.2rem;color:var(--line)}.field-list-item strong{display:block;font-family:var(--display);font-size:1.5rem}.field-list-item small{display:block;font-size:.65rem;color:var(--muted);margin-top:.4rem}.field-list-item>svg{margin-left:auto;flex-shrink:0}.field-preview{max-height:65dvh;object-fit:contain;height:auto}.roster-compact .hero-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.invite-strip{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--line);font-size:.7rem;margin-bottom:1.5rem}.invite-strip>span{display:flex;gap:.6rem;align-items:center}.invite-strip code{color:var(--muted);overflow-wrap:anywhere;font-size:.65rem}.invite-strip .button{margin-left:auto}.lobby-contenders{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}.lobby-player{position:relative;min-height:300px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.lobby-player>.artwork{position:absolute;inset:0}.lobby-player:after{position:absolute;content:"";inset:0;background:linear-gradient(0deg,#111310fa,transparent)}.lobby-player.is-me{border-color:var(--lime)}.lobby-player-content{position:relative;padding:1.5rem;z-index:1;margin-top:8rem;display:flex;flex-direction:column;align-items:flex-start}.lobby-player-content>.eyebrow{color:var(--lime);font-size:.55rem}.lobby-player-content h2{font-size:2.5rem;line-height:1.1;margin:.5rem 0}.lobby-player-content>span:not(.eyebrow){font-size:.7rem}.ready-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.35rem .6rem;border:1px solid var(--line);background:#11131077;color:var(--muted);border-radius:3px}.ready-badge.is-ready{color:var(--lime);border-color:var(--lime)}.contender-number{position:absolute;right:1rem;top:.5rem;font-family:var(--display);font-size:3rem;z-index:1;opacity:.5}.lobby-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;border:1px dashed var(--line);background:var(--surface);padding:2rem;text-align:center;min-height:300px}.lobby-waiting>svg{color:var(--muted)}.lobby-waiting h3{font-size:1.5rem}.lobby-waiting p{font-size:.75rem;color:var(--muted)}.lobby-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.lobby-controls>div{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.lobby-controls>.form-field{margin:0;max-width:260px}.lobby-map{position:relative;max-height:280px;overflow:hidden;margin-top:2rem}.lobby-map>.artwork{max-height:280px;object-fit:cover;opacity:.4}.lobby-map>span{position:absolute;bottom:1.5rem;left:1.5rem;font-family:var(--display);font-size:1.8rem}.draft-panel{padding:1.5rem;background:var(--surface);border:1px solid var(--line);margin-top:1.5rem}.draft-panel h2{font-size:1.8rem;margin:.8rem 0}.draft-actions h3{margin:1rem 0;font-size:1.3rem}.draft-options{display:flex;flex-wrap:wrap;gap:.6rem}.draft-panel>.eyebrow{color:var(--lime)}@media(min-width:1600px){.hero-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.home-hero{min-height:430px}}@media(max-width:1050px){.app-header{gap:1rem;height:70px}.app-header nav{margin-left:1rem;gap:1.2rem}.home-hero h1{font-size:4.6vw}.setup-layout{gap:1.2rem;grid-template-columns:minmax(0,1fr) 300px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.hero-stat-line{gap:.65rem}.hero-stat-line>span{font-size:.58rem}.auth-poster{min-height:100dvh}.auth-side{padding:1.5rem 2.5rem}.poster-title h1{font-size:9.6vw}}@media(max-width:760px){.app-header{padding:0 1rem;height:auto;min-height:66px;flex-wrap:wrap;gap:.6rem}.app-header>.wordmark{font-size:1.15rem}.app-header nav{order:3;width:100%;height:40px;margin:0;justify-content:center;gap:2rem}.app-header nav button{font-size:.68rem}.header-account{gap:.5rem}.profile-button>span:not(.profile-initial){display:none}.page-content{padding:1rem}.home-hero{grid-template-columns:1fr;min-height:380px}.home-hero-copy{padding:1.7rem 1.4rem}.home-hero h1{font-size:clamp(2.9rem,9vw,4.5rem);white-space:normal}.home-hero-art{position:absolute;inset:0 0 0 32%;opacity:.23;z-index:-1;margin:0}.home-hero-art:after{background:linear-gradient(90deg,var(--surface),transparent)}.hero-caption{font-size:.43rem;gap:.6rem}.hero-caption>span+span:before{margin-right:.6rem}.home-hero-copy>p{color:#b2baa6}.home-section-heading{margin-top:2rem}.home-section-heading>.muted{display:none}.mode-grid{grid-template-columns:1fr;gap:.65rem}.mode-card{min-height:110px;padding:1.2rem 1.3rem 1.2rem 4.8rem;display:flex;flex-direction:column;justify-content:center}.mode-card-top{margin:0}.mode-card-top>svg{position:absolute;left:1.3rem;top:2rem}.mode-card-top>span{position:absolute;top:1.3rem;right:1.3rem}.mode-card h3{font-size:1.35rem}.mode-card p{font-size:.65rem}.mode-arrow{bottom:1.2rem;right:1.2rem}.home-bottom{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.home-bottom>section .section-heading{margin-bottom:.8rem}.catalog-promo{min-height:190px}.setup-layout{grid-template-columns:1fr}.setup-sidebar{position:static;order:-1}.setup-sidebar>.hero-details{padding:1rem}.setup-options{padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.setup-options>.form-field{margin:0}.setup-options>.button,.setup-options>.join-section,.setup-options>.notice,.setup-options>.check-row,.setup-options>.setup-field-preview{grid-column:1/-1}.setup-field-preview{height:100px;margin:0}.setup-options>.join-section{margin-top:.5rem;padding-top:1rem}.pick-prompt{padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.pick-prompt h3{margin:0;font-size:1.2rem}.pick-prompt p{display:none}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.6rem}.hero-tile-bottom{left:.6rem;right:.6rem;bottom:.6rem}.hero-tile-bottom>strong{font-size:1rem}.page-title{padding:1.4rem 0 1.8rem}.page-title h1{font-size:2.8rem}.section-heading h2{font-size:1.5rem}.search-field{max-width:190px}.filter-tabs button{font-size:.58rem}.fields-list{grid-template-columns:1fr}.field-list-item{padding:1.2rem}.field-list-item strong{font-size:1.25rem}.app-footer{gap:1rem;padding:1rem;font-size:.45rem}.app-footer>span:nth-child(2){max-width:100px;text-align:right}.auth-page{grid-template-columns:1fr}.auth-poster{min-height:310px;padding:1.2rem}.auth-poster .wordmark{font-size:1.2rem}.poster-title{margin:1.4rem 0 0}.poster-title h1{font-size:clamp(3rem,15vw,5rem);line-height:.9;margin:.8rem 0 .5rem}.poster-title h1 br{display:block}.poster-title h1>span{margin-left:0}.poster-title p{margin-top:1rem;font-size:.7rem}.poster-title .eyebrow{font-size:.5rem}.poster-symbol{width:180px;height:180px;bottom:-25px;right:-45px;opacity:.6}.poster-footer{display:none}.auth-side{padding:1.2rem 1.5rem}.auth-top{display:none}.auth-form-wrap{margin:1.3rem auto 2rem;max-width:440px}.auth-form-wrap h2{font-size:2.2rem;white-space:normal}.auth-form-wrap .eyebrow{font-size:.5rem}.auth-tabs{margin:1.4rem 0}.auth-bottom{font-size:.45rem}.dialog{padding:1rem}.dialog-wide{max-width:calc(100vw - 1rem)}.card-detail{gap:1rem}.card-detail p{font-size:.7rem}.lobby-contenders{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.lobby-player{min-height:230px}.lobby-player-content{padding:1rem;margin-top:5rem}.lobby-player-content h2{font-size:1.7rem}.lobby-player-content>.eyebrow{font-size:.45rem}.lobby-player-content>span:not(.eyebrow){font-size:.62rem}.lobby-waiting{min-height:230px;padding:1rem}.lobby-waiting h3{font-size:1.2rem}.lobby-waiting p{font-size:.66rem}.contender-number{font-size:2rem}.invite-strip{gap:.6rem}.invite-strip code{font-size:.6rem}.invite-strip .button{margin-left:0}.lobby-controls{gap:.7rem}.lobby-controls>.button{flex:1}.lobby-controls>.form-field{max-width:none;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}