@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");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}:root{font-family:DM Sans,sans-serif;color:#eeeae0;background:#101314;font-synthesis:none;font-weight:400;--ink: #101314;--panel: #171b1b;--line: #ffffff13;--muted: #b4bdb6;--orange: #ec8756;--cream: #eeeae0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:focus:not(:focus-visible){outline:none}a{color:var(--orange)}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:background .18s,color .18s,transform .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}.hidden{display:none!important}.app-shell{max-width:1800px;margin:auto;padding:0 44px}.site-header{height:111px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:80px}.brand{display:flex;align-items:center;gap:12px;background:none;padding:0;text-align:left}.brand>span:last-child{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:800;line-height:.85;letter-spacing:-.6px}.brand>span:last-child>span{display:block;color:var(--orange)}.brand-mark{position:relative;width:37px;height:42px;transform:skewY(-11deg)}.brand-mark i{position:absolute;background:var(--orange);height:33px;width:8px;top:5px;left:0}.brand-mark i:nth-child(2){height:8px;width:25px;top:30px}.brand-mark b{position:absolute;width:12px;height:12px;background:var(--cream);left:24px;top:5px}.site-header nav{display:flex;align-self:stretch;gap:36px}.nav-button{position:relative;background:none;color:#9a9e98;font-size:12px;font-weight:600;letter-spacing:1.2px;padding:3px 0 0}.nav-button span{font-size:12px;color:#646c64;vertical-align:super;margin-left:5px}.nav-button.active{color:var(--cream)}.nav-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--orange)}.header-right{display:flex;align-items:center;gap:14px;margin-left:auto}.edition{font-size:12px;letter-spacing:1.6px;color:#878d86;margin-right:20px}.icon-button{width:36px;height:36px;border:1px solid #ffffff16;background:transparent;display:inline-grid;place-items:center;font-size:20px;border-radius:2px}.icon-button:hover{background:#ffffff09}.main-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:36px;padding-top:35px}.control-panel{padding:15px 0 0;min-height:650px;display:flex;flex-direction:column}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.65px;line-height:1.6;color:#a4aaa1}.intro-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.25px;color:#b4b7ab}.small-line{height:1px;width:21px;background:var(--orange)}h1,h2,h3,p{margin:0}h1{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:88px;letter-spacing:-1.3px;line-height:.94;margin:23px 0}h1>span,h2>span{color:var(--orange)}.intro-copy{font-size:12px;line-height:1.85;color:#a6aaa2}.game-tags{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:1px;margin:21px 0 30px;color:#c3c3b8}.game-tags i{width:3px;height:3px;border-radius:50%;background:#585e55}.section-label{display:flex;justify-content:space-between;align-items:center;color:#8f978d;font-size:12px;font-weight:600;letter-spacing:1.15px;line-height:1.6}.section-label>span:last-child:not(:first-child){font-size:12px;color:#636d65}.play-block>.section-label{margin-bottom:11px}.arena-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.arena-choice{height:45px;border:1px solid #ffffff14;color:#7e8980;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:1px;background:#171c1b;border-radius:2px}.arena-choice>span{font-size:19px;font-weight:400}.arena-choice.selected{border-color:#ec87566b;color:var(--orange);background:#ec875608}.button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:14px 19px;font-size:12px;letter-spacing:1.3px;font-weight:600;border-radius:2px;text-align:left}.button>span:last-child{font-size:21px;line-height:1}.button.primary{background:var(--orange);color:#151b17;border:1px solid var(--orange);width:100%;box-shadow:inset 0 1px #ffffff20}.button.primary:hover:not(:disabled){background:#f49b70}.button.large{min-height:64px}.button.large>span:first-child{font-size:13px;letter-spacing:1px;line-height:1.2}.button small{display:block;font-size:12px;font-weight:500;letter-spacing:.8px;margin-top:7px;opacity:.65}.button.secondary{background:#1c211f;border:1px solid #ffffff14;color:#c3c9bc}.button.secondary>span:last-child{font-size:17px}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.room-actions .button{font-size:12px;padding:12px 14px;letter-spacing:.6px}.play-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#7e8a7c;line-height:1.6;margin:13px 0}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#96b58d;box-shadow:0 0 8px #96b58d30;flex-shrink:0}.controls-hint{display:flex;align-items:center;gap:12px;text-align:left;background:none;padding:20px 0 8px;margin-top:auto;border-top:1px solid var(--line);color:#9ca294;font-size:12px}.controls-hint small{display:block;font-size:12px;letter-spacing:1px;color:#646f63;margin-top:7px}.key-pair{display:flex;gap:3px}kbd{display:inline-grid;min-width:22px;height:22px;padding:0 5px;place-items:center;font-family:DM Sans,sans-serif;font-size:12px;line-height:1;border:1px solid #ffffff22;border-bottom:2px solid #ffffff22;background:#ffffff03;border-radius:3px;color:#a8b29f}.arena-panel{position:relative;min-width:0;min-height:650px;border:1px solid #ffffff14;background:#111718;border-radius:3px;overflow:hidden}.arena-panel canvas{display:block;position:absolute;width:100%;height:100%;inset:0}.arena-top{position:absolute;top:23px;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:1.25px;color:#a0a99c;pointer-events:none}.arena-top>div{display:flex;align-items:center;gap:7px}.arena-top>span{color:#c7cbb9;font-size:12px}.arena-top i{color:#687660;padding:0 7px;font-style:normal}.arena-caption{position:absolute;top:63px;left:25px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.arena-caption .eyebrow{font-size:12px;letter-spacing:1.7px;color:#d5d7c4}.arena-caption>span:last-child{color:#798875;font-size:12px}.arena-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;color:#809079;pointer-events:none}.tiny-cross{font-size:12px;margin-right:6px;color:#d2d2b2;vertical-align:middle}.telemetry{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;letter-spacing:.6px}.telemetry i{height:7px;width:1px;background:#fff2}.corner{position:absolute;width:8px;height:8px;pointer-events:none;border-color:#8b947f66}.corner-tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.corner-tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}.corner-bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}.corner-br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}.principles{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);margin-top:27px;border-radius:2px}.principles article{display:flex;align-items:center;gap:18px;padding:25px 23px;position:relative}.principles article+article{border-left:1px solid var(--line)}.step-number{font-family:Barlow Condensed,sans-serif;font-size:31px;font-weight:700;color:#626a5e}.principles h3{font-size:12px;letter-spacing:1.2px;font-weight:600;color:#d4d6c8;margin-bottom:7px}.principles p{font-size:12px;color:#7f8979}.principle-icon{font-size:28px;color:#7b866c;margin-left:auto;padding-left:6px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:63px;font-size:12px;color:#626d60;letter-spacing:1.3px}footer>span:nth-child(2){display:flex;align-items:center;gap:7px}footer .live-dot{width:3px;height:3px;background:#748869}footer button{padding:8px 0;background:none;font-size:12px;letter-spacing:1px;color:#9ba48c}h2{font-family:Barlow Condensed,sans-serif;font-size:57px;line-height:.97;letter-spacing:-.5px;font-weight:700;margin:13px 0 23px}.back-link{background:none;text-align:left;font-size:12px;letter-spacing:1.3px;color:#979f8f;padding:0 0 24px}.room-code{display:flex;align-items:center;justify-content:space-between;border:1px solid #ec87563a;background:#ec875606;padding:16px 18px;margin-bottom:14px}.room-code strong{display:block;letter-spacing:7px;font-size:25px;color:var(--orange);margin-top:6px;font-weight:500}.room-code .section-label{font-size:12px}.lobby-list{display:flex;flex-direction:column;gap:1px;margin-bottom:15px}.lobby-player{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.player-symbol{display:grid;place-items:center;flex:0 0 28px;height:28px;font-size:17px;color:var(--player);background:color-mix(in srgb,var(--player) 7%,transparent);border:1px solid color-mix(in srgb,var(--player) 20%,transparent);border-radius:3px}.lobby-player>div{display:flex;flex-direction:column;gap:5px;min-width:0}.lobby-player strong{font-size:12px;color:#d6d9cb;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.lobby-player small{font-size:12px;letter-spacing:1px;color:#788370}.lobby-player strong>small{font-size:12px;margin-left:4px;color:var(--orange)}.lobby-player.empty{opacity:.5}.ready-state{margin-left:auto;font-size:12px;letter-spacing:.5px;color:#7e8976}.ready-state.is-ready{color:#9aba8c}.lobby-settings{display:flex;flex-direction:column;gap:13px;margin:0 0 20px}.lobby-settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.6px;color:#a4ac99}.lobby-settings select{font-size:12px;padding:6px 10px;width:102px;margin:0}select,input:not([type=checkbox],[type=range]){width:100%;padding:13px 14px;background:#111715;border:1px solid #ffffff25;color:#e4e7d8;border-radius:2px;outline-offset:3px;font-size:13px}input[type=checkbox]{accent-color:var(--orange);width:17px;height:17px;cursor:pointer}input[type=range]{accent-color:var(--orange);width:100%;cursor:pointer}select{cursor:pointer}.is-playing .control-panel{min-height:650px}.is-playing .main-layout{grid-template-columns:300px minmax(0,1fr);gap:28px}.is-playing .arena-panel{min-height:700px}.match-panel-heading{display:flex;justify-content:space-between;align-items:center}.match-panel-heading .eyebrow{font-size:12px}.match-panel-heading .icon-button{width:29px;height:29px;font-size:14px}.your-status{border-top:1px solid var(--line);padding-top:21px}.shields{display:flex;gap:14px;margin:7px 0 9px}.shield{font-size:38px;line-height:1.1;color:var(--player);text-shadow:0 0 20px color-mix(in srgb,var(--player) 20%,transparent)}.shield.broken{color:#3f493f;text-shadow:none}.your-status p{font-size:12px;line-height:1.7;color:#8d9985;min-height:30px}.roster-label{margin:24px 0 12px}.roster{display:flex;flex-direction:column;gap:1px}.roster-player{display:flex;align-items:center;gap:10px;background:transparent;width:100%;padding:8px 0;border-bottom:1px solid var(--line);text-align:left}.roster-player:disabled:not(.eliminated){opacity:1}.roster-player .player-symbol{flex-basis:24px;height:24px;font-size:14px}.player-name{font-size:12px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name small{font-size:12px;color:#747f6f;margin-left:4px}.mini-shields{font-size:12px;letter-spacing:3px;color:#b6c2a6}.roster-player.eliminated{opacity:.35}.roster-player.targeted{background:#ec87560d;box-shadow:inset 2px 0 var(--orange)}.power-card{margin-top:24px;padding:15px;border:1px solid #ffffff1c;background:#1b221e;border-radius:2px}.power-card.charged{border-color:#ec87566b;background:#ec875609}.power-card .section-label kbd{height:17px;font-size:12px}.power-card>button{background:transparent;width:100%;padding:14px 0 0;display:flex;gap:12px;align-items:center;text-align:left}.power-card>button:disabled{opacity:.6}.power-icon{font-size:29px;color:var(--orange);flex:0 0 30px}.power-card strong{display:block;font-size:12px;letter-spacing:.5px;font-weight:500}.power-card small{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#a0aa95}.power-card>button>span:last-child{margin-left:auto;color:#99a38c}.target-label{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:14px;color:#b5bea7}.target-label select{font-size:12px;padding:7px 9px}.effect-timer{position:relative;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.6px;padding:10px 0 7px;color:var(--orange)}.effect-timer i{position:absolute;left:0;bottom:0;height:2px;background:var(--orange)}.match-controls{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.6px;color:#7f8b74;margin:20px 0 0}.match-controls kbd{font-size:12px;min-width:17px;height:18px;margin-right:3px}.match-top{position:absolute;z-index:1;top:58px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.2px;color:#afbaa1;pointer-events:none}.match-clock{font-family:Barlow Condensed,sans-serif;font-size:36px;color:#e0e4ce;letter-spacing:2px;line-height:1}.match-clock.sudden{color:var(--orange)}.announcement{position:absolute;z-index:5;top:114px;left:50%;transform:translate(-50%,-7px);max-width:90%;padding:9px 14px;border:1px solid #e2bb7950;background:#18211fed;color:#e6c18c;text-align:center;font-size:12px;letter-spacing:1.2px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:normal}.announcement.visible{opacity:1;transform:translate(-50%)}.arena-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.countdown{display:flex;align-items:center;flex-direction:column;background:#111918d9;border:1px solid #ffffff13;padding:29px 37px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center}.countdown strong{font-family:Barlow Condensed,sans-serif;font-size:110px;line-height:1.1;color:var(--cream)}.countdown>span:last-child{font-size:12px;letter-spacing:1.4px;color:#bdc5ad}.victory-card{background:#121a18ed;border:1px solid #ec875654;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:410px;width:88%;padding:32px;text-align:center;pointer-events:auto;box-shadow:0 20px 80px #0006}.victory-symbol{font-size:43px;color:var(--player);margin-bottom:17px;text-shadow:0 0 35px var(--player)}.victory-card h2{font-size:72px;margin:15px 0}.victory-card>p{font-size:12px;color:#a7b29c}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:25px 0;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats span{font-size:12px;letter-spacing:.6px;color:#899780}.result-stats b{display:block;font-family:Barlow Condensed,sans-serif;font-size:27px;color:#e0e5ce;margin-bottom:6px;font-weight:700}.text-button{background:none;padding:15px 8px 2px;color:#94a087;font-size:12px;letter-spacing:1px}.touch-controls{display:none}dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:30px;background:#1a211e;border:1px solid #65745a70;border-radius:4px;color:var(--cream);box-shadow:0 25px 100px #0009}dialog.wide{width:min(740px,calc(100vw - 32px))}dialog::backdrop{background:#080d0de0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-heading h2{font-size:44px;margin:13px 0 22px}.dialog-heading .eyebrow{font-size:12px}.dialog-heading .icon-button{flex-shrink:0;width:29px;height:29px;font-size:23px}.dialog-lead{font-size:12px;color:#adb7a3;line-height:1.8;margin-bottom:24px}form{display:flex;flex-direction:column;gap:20px}form label,.settings-list>label{display:flex;flex-direction:column;gap:9px;font-size:12px;letter-spacing:1px;color:#afb9a3}.toggle-label{flex-direction:row!important;align-items:center;justify-content:space-between}.guide-note{font-size:12px;color:#87967d;line-height:1.85;margin:15px 0 23px}.code-input{font-size:23px!important;letter-spacing:6px;text-transform:uppercase}.settings-list{display:flex;flex-direction:column;gap:20px}.settings-list>label>span{float:right;color:var(--orange);font-size:12px}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-controls>div{padding:18px;border:1px solid var(--line);background:#111814}.guide-controls>div>span{font-size:12px;letter-spacing:1px;color:var(--orange)}.guide-controls p{font-size:12px;color:#9eac90;margin:16px 0}.guide-controls kbd{margin-right:3px}.guide-controls small{font-size:12px;line-height:1.8;color:#9dab8f}.power-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;border-top:1px solid var(--line);padding-top:20px}.power-guide article{display:flex;gap:15px}.power-guide article>span{color:var(--orange);font-size:28px;width:30px;flex-shrink:0;text-align:center}.power-guide h3{font-size:12px;font-weight:500;margin-bottom:6px}.power-guide p{font-size:12px;line-height:1.7;color:#96a588}.pause-actions{display:flex;flex-direction:column;gap:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,14px);padding:14px 20px;background:#263123;border:1px solid #81936970;box-shadow:0 10px 50px #0007;font-size:12px;color:#d4dec5;z-index:30;max-width:calc(100vw - 36px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.reduced-motion *{transition:none!important;animation:none!important}button:hover .brand-mark{filter:brightness(1.2)}@media(min-width:1500px){.app-shell{padding:0 65px}.site-header{height:120px}.main-layout{grid-template-columns:400px minmax(0,1fr);gap:50px;padding-top:40px}.control-panel,.arena-panel{min-height:740px}.control-panel{padding-top:20px}h1{font-size:103px;margin:25px 0}.intro-copy{font-size:14px}.game-tags{font-size:12px;margin:25px 0 34px}.intro-eyebrow{font-size:12px}.arena-choices{margin-bottom:14px}.arena-choice{height:49px;font-size:12px}.button.large{min-height:70px}.room-actions .button{min-height:51px}.controls-hint{padding-top:24px;padding-bottom:13px}.principles article{padding:30px}.principles h3,.principles p{font-size:12px}.arena-caption{top:75px;left:31px}.arena-top{top:29px;left:31px;right:31px}.is-playing .main-layout{grid-template-columns:340px minmax(0,1fr);gap:40px}.is-playing .arena-panel,.is-playing .control-panel{min-height:790px}.roster-player{padding:11px 0}.is-playing h2{font-size:70px}.power-card{margin-top:auto}}@media(max-width:1150px){.app-shell{padding:0 25px}.site-header{height:92px;gap:60px}.edition{display:none}.main-layout{grid-template-columns:300px minmax(0,1fr);gap:24px;padding-top:25px}h1{font-size:76px}.control-panel,.arena-panel{min-height:634px}.intro-eyebrow{font-size:12px}.game-tags{font-size:12px;gap:8px}.section-label{font-size:12px}.arena-choice{gap:7px;font-size:12px}.room-actions .button{padding:11px;font-size:12px}.principles article{padding:20px 15px;gap:12px}.principles h3,.principles p{font-size:12px}.principle-icon{font-size:23px}.arena-bottom{left:18px;right:18px;font-size:12px}.telemetry{font-size:12px}.is-playing .main-layout{grid-template-columns:260px minmax(0,1fr);gap:22px}.is-playing .arena-panel{min-height:670px}.arena-top{left:19px;right:19px;font-size:12px}.arena-caption{left:19px}.arena-top>span{font-size:12px}.is-playing h2{font-size:51px}.roster-label{margin-top:18px}}@media(max-width:900px){.main-layout{grid-template-columns:275px minmax(0,1fr);gap:18px}.app-shell{padding:0 20px}.site-header{gap:45px}.site-header nav{gap:26px}.header-right{gap:8px}.arena-caption .eyebrow{font-size:12px}.arena-caption>span:last-child{font-size:12px}.arena-top>span{display:none}.arena-bottom>span:first-child{max-width:155px;line-height:1.7}.telemetry{flex-direction:column;gap:4px;align-items:end;justify-content:end}.telemetry i,.principle-icon{display:none}.principles article{gap:10px}.principles h3{letter-spacing:.7px}.is-playing .main-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}.match-controls{gap:3px;font-size:12px}.is-playing h2{font-size:48px}.match-top{left:18px;right:18px;font-size:12px}.match-clock{font-size:31px}.victory-card{padding:23px}.victory-card h2{font-size:58px}.power-card{padding:12px}.power-card small{font-size:12px}}@media(max-width:720px){.app-shell{padding:0 20px}.site-header{height:83px;gap:28px}.brand>span:last-child{font-size:26px}.brand-mark{transform:scale(.85) skewY(-11deg);width:31px;margin-left:-2px}.brand{gap:7px}.site-header nav{gap:20px}.nav-button{font-size:12px;letter-spacing:1px}.nav-button span{display:none}.header-right{gap:8px}.header-right .icon-button{width:31px;height:31px;font-size:17px}.main-layout{grid-template-columns:1fr;gap:25px;padding-top:24px}.control-panel{min-height:0;padding:4px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-content:start}.intro-eyebrow{grid-column:1/-1;font-size:12px}h1{font-size:73px;margin:20px 0 15px}.intro-copy{font-size:12px;grid-column:1}.game-tags{grid-column:1;font-size:12px;margin:18px 0}.play-block{grid-column:2;grid-row:2/6;align-self:center}.play-block>.section-label>span:last-child{display:none}.arena-choice{gap:5px;font-size:12px;height:41px}.arena-choice>span{font-size:15px}.button.large>span:first-child{font-size:12px}.button.small,.button small{font-size:12px}.room-actions{grid-template-columns:1fr}.controls-hint{grid-column:1/-1;margin-top:17px;padding:18px 0 0}.arena-panel{min-height:540px}.arena-top>span{display:block}.arena-bottom>span:first-child{max-width:none}.telemetry{flex-direction:row;gap:7px;align-items:center}.arena-caption .eyebrow{font-size:12px}.principles{margin-top:22px}.principles article{padding:16px 12px;display:block}.step-number{font-size:26px;display:block;margin-bottom:13px}.principles h3{font-size:12px;line-height:1.6}.principles p{font-size:12px;line-height:1.7}footer{font-size:12px;letter-spacing:.8px}footer>span:nth-child(2){display:none}.is-playing .main-layout{display:flex;flex-direction:column;gap:12px;padding-top:16px}.is-playing .control-panel{min-height:0;display:block;order:2}.is-playing .arena-panel{min-height:0;height:min(70dvh,640px);order:0}.is-playing .control-panel h2,.is-playing .match-panel-heading,.is-playing .your-status,.is-playing .roster-label,.is-playing .match-controls{display:none}.is-playing .touch-controls{display:flex;order:1;gap:13px;align-items:stretch;margin-top:3px}.touch-controls>label{display:flex;flex-direction:column;justify-content:center;flex:1;padding:12px 17px 10px;border:1px solid #ffffff19;background:#1a221d;border-radius:3px;touch-action:none}.touch-controls>label>span{text-align:center;font-size:12px;letter-spacing:2px;color:#939f85}.touch-controls input{height:31px;margin:2px 0 0;touch-action:none}.touch-power{border:1px solid #ec87565c;background:#ec875618;color:var(--orange);width:76px;font-size:26px;border-radius:3px}.touch-power small{display:block;font-size:12px;letter-spacing:.5px;margin:3px 0}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.roster-player{padding:10px 0;gap:7px}.roster-player .player-symbol{height:19px;flex-basis:19px;font-size:12px}.player-name{font-size:12px}.player-name small{display:none}.mini-shields{font-size:12px;letter-spacing:1px}.power-card{margin-top:15px;margin-bottom:0}.power-card>button{padding-top:8px}.power-card small,.power-card strong{font-size:12px}.power-card>button>span:nth-child(2){flex:1}.is-playing footer{min-height:55px}.match-top{top:52px}.announcement{top:99px}.room-code{grid-column:1/-1}.control-panel:has(.lobby-list){display:flex}.control-panel:has(.lobby-list) h2{font-size:63px}.control-panel:has(.lobby-list) .back-link{padding-bottom:20px}.lobby-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lobby-player strong{max-width:140px}.control-panel:has(.lobby-list) .lobby-settings{margin-top:6px}.control-panel:has(.lobby-list)+.arena-panel{min-height:400px}.victory-card{max-width:340px;padding:22px}.victory-card h2{font-size:62px}.victory-symbol{font-size:32px;margin-bottom:13px}}@media(max-width:480px){.app-shell{padding:0 18px}.site-header{height:76px;gap:24px}.brand>span:last-child{font-size:24px}.brand-mark{width:30px}.site-header nav{gap:18px}.nav-button{font-size:12px}.header-right{gap:6px}.header-right .icon-button{width:29px;height:29px}.site-header nav .nav-button:nth-child(2){display:none}.main-layout{padding-top:25px}.control-panel{display:flex}.intro-eyebrow{font-size:12px;letter-spacing:1.4px}h1{font-size:86px;line-height:.91;margin:23px 0 21px}.intro-copy{font-size:12px;line-height:1.8}.game-tags{margin:20px 0 27px;font-size:12px;gap:12px}.play-block{align-self:auto}.play-block>.section-label{font-size:12px}.play-block>.section-label>span:last-child{display:block;font-size:12px}.arena-choice{height:46px;font-size:12px;gap:9px}.arena-choice>span{font-size:20px}.button.large{min-height:65px}.button.large>span:first-child{font-size:13px}.button small{font-size:12px}.room-actions{grid-template-columns:1fr 1fr;gap:9px}.room-actions .button{font-size:12px;padding:13px 15px;min-height:48px}.controls-hint{margin-top:16px;padding-top:20px}.arena-panel{min-height:435px}.arena-caption{top:58px}.arena-caption .eyebrow{font-size:12px}.arena-top{top:19px;left:17px;right:17px;font-size:12px}.arena-top>span{font-size:12px}.arena-bottom{bottom:17px;left:17px;right:17px;font-size:12px}.arena-bottom .telemetry{font-size:12px}.arena-bottom>span:first-child{max-width:155px}.principles{grid-template-columns:1fr;margin-top:22px}.principles article{display:flex;align-items:center;padding:19px 17px;gap:20px}.principles article+article{border-left:0;border-top:1px solid var(--line)}.step-number{font-size:31px;margin:0}.principles h3{font-size:12px;margin:0 0 5px;letter-spacing:1px}.principles p{font-size:12px}.principle-icon{display:block;font-size:28px}.is-playing .arena-panel{height:56dvh;min-height:350px;max-height:570px}.is-playing .main-layout{padding-top:12px}.is-playing .arena-top{font-size:12px;top:15px}.is-playing .arena-bottom{bottom:13px;font-size:12px}.match-top{top:42px;font-size:12px}.match-clock{font-size:27px}.announcement{top:81px;font-size:12px;padding:8px 11px}.countdown{padding:24px}.countdown strong{font-size:85px}.countdown .eyebrow{font-size:12px}.roster{gap:0 10px}.roster-player{gap:5px}.player-name,.mini-shields{font-size:12px}.power-card{padding:13px;margin-top:12px}.roster-player .player-symbol{flex-basis:17px;height:17px;font-size:12px}.power-card small{font-size:12px}.lobby-list{display:flex;gap:0}.lobby-player strong{font-size:12px;max-width:200px}.lobby-player small{font-size:12px}.lobby-player{padding:11px 0}.ready-state,.lobby-settings label{font-size:12px}.control-panel:has(.lobby-list)+.arena-panel{min-height:370px}.victory-card{padding:17px;width:86%}.victory-symbol{font-size:25px;margin-bottom:7px}.victory-card .eyebrow{font-size:12px}.victory-card h2{font-size:48px;margin:8px 0}.victory-card p{font-size:12px}.result-stats{margin:15px 0;padding:12px 0}.result-stats b{font-size:22px}.result-stats span{font-size:12px}.victory-card .button{min-height:41px;font-size:12px}.victory-card .text-button{font-size:12px;padding-top:13px}dialog{padding:23px;max-height:calc(100dvh - 32px)}.dialog-heading h2{font-size:38px}.dialog-lead{font-size:12px;margin-bottom:20px}.guide-controls{grid-template-columns:1fr;gap:12px}.guide-controls>div{padding:15px}.guide-controls p{margin:12px 0}.power-guide{gap:19px 15px}.power-guide article{gap:9px}.power-guide article>span{width:24px;font-size:23px}.power-guide h3,.power-guide p,.guide-note{font-size:12px}.touch-controls>label{padding:10px 14px 7px}.touch-power{width:68px}footer{padding-bottom:env(safe-area-inset-bottom);min-height:63px}.toast{font-size:12px;text-align:center;bottom:calc(18px + env(safe-area-inset-bottom))}}@media(max-height:550px)and (orientation:landscape)and (max-width:1000px){.site-header{height:65px}.is-playing .main-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:17px}.is-playing .arena-panel{height:calc(100dvh - 95px);min-height:280px;grid-column:2;grid-row:1/3}.is-playing .control-panel{grid-column:1;grid-row:1;min-height:0}.is-playing .control-panel h2,.is-playing .your-status,.is-playing .match-panel-heading,.is-playing .roster-label,.is-playing .match-controls{display:none}.is-playing .roster{display:flex}.roster-player{padding:4px 0}.is-playing .power-card{margin-top:10px;padding:9px}.is-playing .touch-controls{display:flex;grid-column:1;grid-row:2}.is-playing footer{display:none}.announcement{top:75px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:480px){h1{font-size:clamp(60px,20vw,86px)}}body{font-size:14px}.app-shell{padding-top:env(safe-area-inset-top);padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}button,select,input:not([type=checkbox]),summary{min-height:44px}summary{cursor:pointer;padding:14px 0;color:var(--cream)}input[type=checkbox]{width:24px;height:24px;accent-color:var(--orange)}.icon-button,.match-panel-heading .icon-button{min-width:44px;height:44px}.eyebrow,.section-label,.arena-top,.arena-bottom,.game-tags,.play-note,.guide-note,.player-name small,.lobby-player small,.controls-hint small,.your-status p,.edition,.match-controls,.touch-controls>label>span{color:#b4bdb6}.intro-copy,.dialog-lead,.guide-note,.power-guide p,.guide-controls small{font-size:14px;line-height:1.65}.section-label,.game-tags,.arena-top,.arena-bottom,.eyebrow{letter-spacing:.8px}.section-label{gap:12px;flex-wrap:wrap}.arena-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-choice{width:auto;min-height:56px;font-size:12px}.arena-choice span{margin-right:6px}.rules-choice{display:grid;gap:10px;margin:18px 0;font-size:12px;color:#b4bdb6}.rules-choice select{width:100%;font-size:13px;background:#1a2220;border:1px solid #424b42;padding:10px;color:var(--cream)}.profile-actions{display:flex;gap:10px;margin:18px 0}.profile-actions>*{flex:1;min-width:0}.mode-explainer{font-size:13px;color:#c4c9ba;line-height:1.6;padding:16px 0;border-bottom:1px solid var(--line)}.lobby-list{max-height:360px;overflow:auto;scrollbar-width:thin}.lobby-player{min-height:60px}.lobby-player strong{font-size:14px}.roster{max-height:290px;overflow:auto;scrollbar-width:thin;padding:0 6px}.roster-player{min-height:44px;flex-shrink:0}.player-name{font-size:13px}.mini-shields{letter-spacing:1px}.power-card{margin-top:20px}.power-card small{font-size:13px;line-height:1.5}.power-card>button{min-height:88px}.match-top{top:62px}.match-clock{font-size:30px}.announcement{max-width:calc(100% - 32px);font-size:13px;top:108px;line-height:1.5}.court-transition{padding:28px;background:#101818e8;border:1px solid #93ac8866;text-align:center;max-width:95%}.court-transition strong{display:block;font:800 clamp(30px,5vw,64px) "Barlow Condensed",sans-serif;margin:12px 0}.court-transition p{color:#c4c9ba}.victory-card{max-height:100%;overflow:auto}.reward-receipt{margin:16px 0;padding:12px;border:1px solid #ffffff22;font-size:13px;line-height:1.5;color:#d8d8c5}.result-stats{gap:10px}.result-stats span{font-size:12px;line-height:1.4}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.profile-stats>div{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line)}.profile-stats strong{font:700 56px Barlow Condensed,sans-serif;color:var(--orange)}.profile-stats span,.profile-stats small{font-size:12px;color:#bbc4b5}.mastery-progress{width:100%;height:8px;accent-color:var(--orange);margin-bottom:16px}.history-title{font-size:16px;margin-top:32px;letter-spacing:1px}.match-history,.leaderboard{padding:0;list-style:none;margin:16px 0;max-height:360px;overflow:auto}.match-history li,.leaderboard li{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.match-history li>div,.leaderboard li>span{flex:1}.match-history small,.leaderboard small{display:block;margin-top:5px;font-size:12px;color:#b5beb4}.match-history strong{font-size:14px}.match-history li>span{font-size:13px;text-align:right;color:var(--orange)}.leaderboard li>strong{font:700 32px Barlow Condensed,sans-serif;color:var(--orange)}.leaderboard b{font-size:24px}.empty-state{padding:30px 20px;border:1px dashed #63705e;margin:20px 0;line-height:1.8;color:#c6cebc}.recovery-code{font-family:monospace;font-size:13px}.queue-orbit{font-size:90px;color:var(--orange);text-align:center;margin:20px;animation:queue-breathe 2s ease-in-out infinite alternate}@keyframes queue-breathe{to{opacity:.35;transform:scale(.92)}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:1150px)and (min-width:721px){.main-layout{grid-template-columns:320px minmax(0,1fr);gap:20px}.is-playing .main-layout{grid-template-columns:280px minmax(0,1fr)}.header-right .edition{display:none}.principles{gap:20px}.arena-bottom .telemetry{display:none}}@media(max-width:720px){.app-shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.site-header{gap:16px;min-height:84px;height:auto;padding:14px 0}.site-header nav{margin:0;gap:14px;align-self:center}.nav-button{font-size:12px;letter-spacing:.5px}.nav-button span,.edition{display:none}.header-right{gap:6px}.brand{gap:8px}.main-layout{display:flex;flex-direction:column;gap:24px;padding-top:24px}.control-panel{display:flex;min-height:0;padding:0}.intro-copy{font-size:15px}.intro-eyebrow{font-size:12px}.game-tags{font-size:12px;gap:10px;flex-wrap:wrap}.play-block{margin-top:28px}.button{font-size:13px}.button small{font-size:12px;line-height:1.5}.arena-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-choice{font-size:12px;padding:10px 2px}.arena-choice span{display:block;margin:0 0 4px}.arena-panel{min-height:430px}.arena-top{top:16px;left:16px;right:16px;font-size:12px;gap:10px}.arena-top>div{gap:6px}.arena-caption{top:54px;left:16px}.arena-bottom{left:16px;right:16px;bottom:14px;font-size:12px}.arena-bottom .telemetry{display:none}.principles{display:flex;flex-direction:column}.principles p{font-size:14px}.principles h3{font-size:25px}.principles article{padding:20px 0}.is-playing .main-layout{gap:10px;padding-top:12px}.is-playing .arena-panel{height:min(65dvh,540px);min-height:400px}.is-playing .arena-top,.is-playing .arena-bottom{font-size:12px}.is-playing .arena-bottom{bottom:12px}.is-playing .match-panel-heading{display:flex;margin:14px 0}.is-playing .match-panel-heading .eyebrow{font-size:12px}.is-playing .your-status{display:block;padding-top:12px}.your-status .shields{margin:6px 0}.shield{font-size:26px}.your-status p{font-size:13px}.roster{display:grid;grid-template-columns:1fr 1fr;max-height:176px;gap:0 12px}.roster-player{min-height:44px;padding:8px 0;gap:6px}.roster-player .player-symbol{flex-basis:22px;font-size:14px}.player-name,.mini-shields{font-size:12px}.touch-controls{position:sticky;bottom:0;z-index:10;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#101314}.touch-controls>label{padding:8px 14px}.touch-controls>label>span{font-size:12px;letter-spacing:1px}.touch-controls input{min-height:44px}.touch-power{width:86px}.touch-power small{font-size:12px}.lobby-list{grid-template-columns:1fr;max-height:360px}.lobby-player strong{font-size:14px;max-width:190px}.ready-state,.lobby-player small{font-size:12px}.lobby-settings{display:grid;gap:16px}.lobby-settings label{font-size:12px}.lobby-settings select{font-size:14px}.control-panel:has(.lobby-list)+.arena-panel{display:none}.victory-card{padding:18px;max-width:94%}.victory-card h2{font-size:44px}.victory-symbol{font-size:28px;margin-bottom:8px}.victory-card p,.result-stats span{font-size:12px}.result-stats{margin:14px 0}.result-stats b{font-size:24px}.reward-receipt{padding:8px;margin:8px 0}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:22px}dialog h2{font-size:38px}dialog label,dialog input,dialog select{font-size:14px}.dialog-heading{gap:12px}.profile-stats{gap:10px}.profile-stats>div{padding:12px}.profile-stats strong{font-size:42px}.power-guide{grid-template-columns:1fr}.guide-controls{grid-template-columns:1fr;gap:16px}footer{font-size:12px;gap:12px}}@media(max-width:390px){.brand-mark{display:none}.site-header nav{gap:10px}.nav-button{font-size:12px;max-width:65px}.header-right{gap:4px}.icon-button{min-width:44px}.arena-top #arena-name{display:none}.arena-bottom{letter-spacing:0}.roster{grid-template-columns:1fr}}@media(max-height:550px)and (orientation:landscape)and (max-width:1000px){.is-playing .site-header{min-height:60px;height:60px;padding:6px 0}.is-playing .main-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:8px 16px;padding-top:8px}.is-playing .arena-panel{grid-column:1;grid-row:1;height:calc(100dvh - 156px);min-height:220px}.is-playing .control-panel{grid-column:2;grid-row:1/3;display:block;max-height:calc(100dvh - 80px);overflow:auto}.is-playing .match-panel-heading{display:flex;margin:0 0 8px}.is-playing .your-status{display:block;padding:0}.is-playing .your-status .shields,.is-playing .your-status p{display:none}.is-playing .roster{max-height:132px;overflow:auto}.is-playing .touch-controls{display:flex;grid-column:1;grid-row:2;position:static;margin:0;padding-bottom:env(safe-area-inset-bottom)}.is-playing .touch-controls>label{padding:4px 12px}.is-playing .touch-controls>label>span{font-size:12px}.is-playing .touch-controls input{height:44px;min-height:44px}.is-playing .touch-controls>label{flex:1;display:block;border:1px solid #566252}.is-playing .touch-controls input{display:block;width:100%}.is-playing .touch-power{min-width:84px;background:#253022;color:#eeeae0;border:1px solid #647753;font-size:24px}.is-playing .touch-power small{display:block;font-size:12px}.is-playing .arena-top{top:10px}.is-playing .arena-top #arena-name,.is-playing .arena-bottom{display:none}.is-playing .match-top{top:27px}.is-playing .match-clock{font-size:22px}.toast{bottom:auto;top:8px}.is-playing .arena-overlay{overflow-y:auto;align-items:start}.is-playing .victory-card{margin:8px auto;padding:14px}.is-playing .victory-card h2{font-size:36px}}.nav-button span,.section-label>span:nth-child(2),footer>span{color:#b4bdb6}.button.primary small{color:#3d271b}.section-label>span:last-child:not(:first-child){color:#b4bdb6}.button.primary small{opacity:1}@media(min-width:721px)and (min-height:551px){.is-playing .main-layout{align-items:start}.is-playing .arena-panel{height:calc(100dvh - 215px);min-height:500px}.is-playing .control-panel{max-height:calc(100dvh - 215px);overflow-y:auto;scrollbar-width:thin}.is-playing .control-panel>*{flex-shrink:0}.is-playing .control-panel h2{font-size:42px;margin-bottom:18px}.is-playing .your-status{padding-top:18px}.is-playing .roster{max-height:176px}}.touch-controls>label{flex:1;min-width:0;border:1px solid #566252;padding:8px 12px}.touch-controls>label>span{display:block;font-size:12px}.touch-controls input{display:block;width:100%;height:44px}.touch-power{min-width:84px;background:#253022;color:#eeeae0;border:1px solid #647753;font-size:24px}.touch-power small{display:block;font-size:12px}@media(pointer:coarse)and (min-width:721px)and (min-height:551px){.is-playing .touch-controls{display:flex;grid-column:1/-1}.is-playing .arena-panel{height:calc(100dvh - 300px);min-height:440px}.is-playing .control-panel{max-height:calc(100dvh - 300px)}}