.skill-button>.skill-keycap{display:none}@media (hover:hover) and (pointer:fine){.skill-button>.skill-keycap{z-index:1;color:#f3dfba;pointer-events:none;background:#151b24;border:1px solid #c9ad77;border-radius:4px;place-items:center;width:19px;height:19px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-3px;right:3px;box-shadow:0 2px 4px #0007}.skill-button[aria-disabled=true]>.skill-keycap{color:#b1aca1;border-color:#797367}}.online-matchmaking{gap:8px;display:grid}.online-rating-caption{color:var(--muted);padding-inline:2px;font-size:11px;line-height:1.6}.online-twitch-filter{cursor:pointer;min-height:44px;color:var(--paper);align-items:center;gap:10px;padding:4px 2px;font-size:12px;font-weight:600;display:flex}.online-twitch-filter input{width:18px;height:18px;accent-color:var(--gold);cursor:inherit;flex:none;margin:0}.online-twitch-filter:has(input:disabled){color:var(--muted);cursor:default}.online-twitch-hint{color:var(--muted);margin-top:-8px;padding-left:30px;font-size:11px;line-height:1.5}.queue-twitch-filter{border:1px solid var(--line);color:var(--gold-bright);background:#d9b77a0b;border-radius:5px;margin-top:10px;padding:4px 10px;font-size:11px;display:inline-block}@media (width<=700px) and (height<=700px){.online-matchmaking{gap:5px}.online-rating-caption{line-height:1.5}.online-twitch-hint{margin-top:-4px}}.online-menu .online-duel{padding:0;display:block}.online-duel>summary{cursor:pointer;outline-offset:3px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:18px 20px;list-style:none;display:flex}.online-duel>summary::-webkit-details-marker{display:none}.online-duel>summary:focus-visible{outline:2px solid var(--gold-bright)}.online-duel>summary:hover{background:#d9b77a08}.online-duel>summary .online-duel-heading{min-width:0;font-family:var(--font-ui);letter-spacing:-.2px;color:var(--paper);font-size:16px;font-weight:700;line-height:24px}.online-duel-heading>svg{color:var(--gold);flex:none}.online-duel-chevron{color:var(--gold);flex:none;display:flex}.online-duel[open] .online-duel-chevron{transform:rotate(90deg)}.online-duel-content{gap:15px;padding:0 20px 20px;display:grid}.online-duel-content>.secondary-button{min-height:50px;font-size:14px}@media (width<=700px){.online-duel>summary{min-height:60px;padding:17px}.online-duel>summary .online-duel-heading{font-size:15px}.online-duel-content{gap:14px;padding:0 17px 17px}}@media (width<=700px) and (height<=700px){.online-duel>summary{padding:14px}.online-duel-content{gap:12px;padding:0 14px 14px}.online-duel-content>.secondary-button{min-height:48px}}.match-reward{border:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#d9b77a10,#12182175);border-radius:9px;flex:none;gap:9px;width:100%;margin-top:14px;padding:12px 13px;font-size:12px;line-height:1.5;display:grid}.match-reward-line{align-items:center;gap:10px;min-width:0;display:flex}.match-reward-line>div{min-width:0}.match-reward-symbol{width:32px;height:32px;color:var(--gold);background:#d9b77a0a;border:1px solid #d9b77a35;border-radius:8px;flex:none;place-items:center;display:grid}.match-reward h3{font-family:var(--font-ui);letter-spacing:0;color:var(--muted);margin:0;font-size:11px;font-weight:600;line-height:1.5}.match-reward p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.match-reward-amount{letter-spacing:-.4px;color:var(--gold-bright);font-variant-numeric:tabular-nums;margin-top:1px;font-size:19px;font-weight:800;line-height:1.4;display:block}.match-reward .match-reward-balance{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-top:8px;display:flex}.match-reward-balance strong{color:var(--paper);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.match-reward form{margin:0}.match-reward-login,.match-reward-retry{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--paper);background:#d9b77a10;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:700;line-height:18px;display:flex}.match-reward-login:hover,.match-reward-retry:hover{border-color:var(--gold);background:#d9b77a22}.match-reward-retry{border-color:var(--line);background:0 0;font-weight:600}.match-reward.is-pending,.match-reward.is-neutral{align-items:center;gap:10px;padding-block:11px;display:flex}.match-reward.is-neutral{background:#11172255}.match-reward.is-neutral .match-reward-symbol{color:var(--muted);background:0 0;border-color:#b0ada52b}.match-reward.is-error{background:#211d1b65;border-color:#c7956b40}.match-reward.is-error h3{color:var(--paper);font-size:12px}.match-reward.is-error .match-reward-line{align-items:flex-start}.match-reward.is-error .match-reward-symbol{color:var(--amber)}.match-reward.is-error p{margin-top:3px}@media (height<=700px){.match-reward{gap:7px;margin-top:11px;padding:10px 11px}.match-reward-amount{font-size:17px}}.match-reward-amount.is-zero{color:var(--muted);font-size:14px;font-weight:600}.match-reward-rating{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;align-items:baseline;gap:3px 12px;padding-top:8px;font-size:11px;display:grid}.match-reward-rating>strong{color:var(--paper);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:16px;font-weight:700;display:flex}.match-reward-rating em{color:var(--muted);font-size:12px;font-style:normal}.match-reward-rating em[data-direction=up]{color:var(--lime)}.match-reward-rating em[data-direction=down]{color:var(--danger)}.match-reward-rating small{grid-column:1/-1;font-size:10px;line-height:1.6}.leaderboard-screen{width:min(660px,100%);padding:28px 0 max(24px,var(--safe-bottom));flex-direction:column;flex:1;gap:20px;min-width:0;margin-inline:auto;display:flex}.leaderboard-heading{align-items:center;gap:20px;min-height:44px;display:flex}.leaderboard-heading h1{font-family:var(--font-ui);letter-spacing:-.6px;font-size:28px;line-height:1.25}.leaderboard-back{flex:none;gap:7px;font-size:13px}.leaderboard-back svg{transform:rotate(180deg)}.leaderboard-intro{color:var(--muted);max-width:480px;font-size:12px;line-height:1.7}.leaderboard-self{border:1px solid var(--line-strong);background:linear-gradient(135deg,#b08b491f,#191e28df);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.leaderboard-self-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--gold);border-radius:9px;flex:none;place-items:center;display:grid}.leaderboard-self>div{flex:1;min-width:0}.leaderboard-self h2{font-family:var(--font-ui);letter-spacing:0;font-size:13px;line-height:1.5}.leaderboard-self p{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.6}.leaderboard-self>strong{letter-spacing:-.7px;color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.leaderboard-table-scroll{border:1px solid var(--line);background:#161c25a8;border-radius:10px;max-width:100%;overflow-x:auto}.leaderboard-table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.leaderboard-table caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leaderboard-table th,.leaderboard-table td{text-align:right;border-bottom:1px solid var(--line);padding:13px 14px}.leaderboard-table th{color:var(--muted);background:#d9b77a05;font-size:10px;font-weight:600}.leaderboard-table th:first-child,.leaderboard-table td:first-child{text-align:left;width:63%}.leaderboard-table th:nth-child(2){width:17%}.leaderboard-table th:last-child{width:20%}.leaderboard-table tr:last-child td{border-bottom:0}.leaderboard-player{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard-rank{width:21px;color:var(--muted);flex:none;font-size:12px}.leaderboard-rank[data-podium=true]{color:var(--gold-bright);font-weight:800}.leaderboard-avatar{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#252635;border-radius:7px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.leaderboard-avatar img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;line-height:1.6;overflow:hidden}.leaderboard-name small{color:var(--muted);white-space:normal;font-size:10px;font-weight:400;display:block}.leaderboard-rating{color:var(--gold-bright);font-size:14px;font-weight:700}.leaderboard-feedback{border:1px solid var(--line);text-align:center;min-height:230px;color:var(--gold);background:#161c2570;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:26px 18px;display:flex}.leaderboard-feedback h2{font-family:var(--font-ui);color:var(--paper);font-size:18px;line-height:1.4}.leaderboard-feedback p{color:var(--muted);max-width:340px;font-size:13px;line-height:1.7}.leaderboard-feedback .secondary-button{width:min(240px,100%);min-height:46px;font-size:13px}@media (width<=700px){.leaderboard-screen{padding:18px 0 max(18px,var(--safe-bottom));gap:16px}.leaderboard-heading{gap:17px}.leaderboard-heading h1{font-size:24px}.leaderboard-table th,.leaderboard-table td{padding:12px 9px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:58%}.leaderboard-table th:nth-child(2){width:18%}.leaderboard-table th:last-child{width:24%}.leaderboard-player{gap:7px}.leaderboard-rank{width:16px;font-size:11px}.leaderboard-name{font-size:11px}.leaderboard-avatar{width:28px;height:28px}.leaderboard-self{padding:12px}.leaderboard-self>strong{font-size:24px}.leaderboard-feedback{min-height:210px}}.leaderboard-avatar img[hidden]{display:none}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/arena-font-0.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/arena-font-1.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/arena-font-2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/arena-font-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/arena-font-4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-7.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/arena-font-10.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#11141a;--surface:#1a1e26;--surface-raised:#232833;--paper:#f2eadc;--muted:#b0ada5;--faint:#898c93;--gold:#d9b77a;--gold-bright:#f0d7a4;--bronze:#8a6b43;--line:#d2b27a3b;--line-strong:#d2b27a7d;--lime:#b9df8b;--amber:#efa971;--danger:#e5a38e;--font-ui:"Manrope",Arial,sans-serif;--font-display:"Cormorant Garamond",Georgia,serif;--radius-sm:6px;--radius:12px;--radius-lg:18px;--ease:cubic-bezier(.2,.7,.25,1);--space:8px;--safe-top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:calc(max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));--app-height:100vh;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--paper);background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (height:100svh){:root{--app-height:100svh}}@supports (height:100dvh){:root{--app-height:100dvh}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}html.arena-open,html.arena-open body,html.arena-open #root{height:var(--app-height);overscroll-behavior:none;min-height:0;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#11141af7,#11141ad9 50%,#11141af7),url(/assets/maps/throne-arena.webp) 50% 35%/cover;position:fixed;inset:0}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:4px}body,.action-hint{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app input,.app textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button[aria-disabled=true]{cursor:default}.action-hint{z-index:1000;border:1px solid var(--line-strong);pointer-events:none;background:linear-gradient(145deg,#292c30fa,#151d26fc);border-radius:10px;flex-direction:column;gap:7px;width:min(280px,100vw - 24px);padding:13px 15px;font-size:12px;line-height:1.5;display:flex;position:fixed;box-shadow:0 8px 30px #0008}.action-hint strong{color:var(--gold-bright);font-size:14px}.action-hint small{color:var(--muted);font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright)}button{transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease),opacity .16s}button:active:not(:disabled){transform:translateY(1px)}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}svg{flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.02}a{color:inherit}.app{width:min(1360px,100%);min-height:var(--app-height);flex-direction:column;margin:auto;padding:0 5%;display:flex}.site-header{min-height:calc(88px + var(--safe-top));padding-top:var(--safe-top);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{text-align:left;letter-spacing:2.5px;align-items:center;gap:12px;min-height:48px;padding:0;font-size:10px;font-weight:800;line-height:1.1;display:flex}.brand-mark{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:46px;height:46px;color:var(--gold);background:linear-gradient(145deg,#3b3226,#191d25);flex:none;place-items:center;display:grid}.brand-wordmark{flex-direction:column;gap:4px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.7px;color:var(--paper);font-size:34px;font-weight:700;line-height:.95}.brand-title>span{color:var(--gold-bright)}.brand-domain{letter-spacing:2.6px;color:var(--muted);font-size:9px;font-weight:700;line-height:1}.back-mark svg{transform:rotate(180deg)}.header-right{align-items:center;gap:10px;display:flex}.build-tag{color:var(--muted);letter-spacing:1.5px;align-items:center;gap:8px;margin-right:18px;font-size:10px;font-weight:600;display:flex}.build-tag i{background:var(--gold);width:5px;height:5px;transform:rotate(45deg)}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--gold-bright);background:#181d24b3;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);background:#34302a}.rules-trigger{font-family:var(--font-display);font-size:26px}.music-toggle{position:relative}.music-off{color:var(--faint)}.music-off:after{content:"";background:currentColor;width:24px;height:1.5px;position:absolute;transform:rotate(-45deg);box-shadow:0 0 0 2px #181d24}@media (width<=360px){.app:not(.arena-mode) .brand-mark{display:none}.app:not(.arena-mode) .brand-title{font-size:25px}}.eyebrow{color:var(--gold);letter-spacing:1.9px;align-items:center;gap:9px;font-size:11px;font-weight:700;line-height:1.5;display:flex}.eyebrow i{background:var(--gold);width:5px;height:5px;display:inline-block;transform:rotate(45deg)}.primary-button,.secondary-button{border-radius:var(--radius-sm);text-align:left;justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:13px 20px;font-size:14px;font-weight:800;display:flex}.primary-button{color:#211b14;background:linear-gradient(110deg,#efd9ae,#d2ad70);border:1px solid #f3dcb2;box-shadow:inset 0 1px #fff4d8aa,0 5px 16px #0002}.primary-button:hover:not(:disabled){background:linear-gradient(110deg,#f5e5c8,#e2c28d);border-color:#ffeac4}.primary-button:disabled{color:#a7a39a;box-shadow:none;background:#303039;border-color:#494743}.primary-button>span,.secondary-button>span{align-items:center;gap:12px;display:flex}.primary-button small{opacity:.8;margin-top:5px;font-size:11px;font-weight:500;display:block}.secondary-button{border:1px solid var(--line-strong);color:var(--paper);background:linear-gradient(125deg,#28282a,#1b2028)}.secondary-button:hover:not(:disabled){border-color:var(--gold);background:#343132}.secondary-button:disabled{opacity:.55}.text-button{min-height:44px;color:var(--muted);text-underline-offset:5px;justify-content:center;align-items:center;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--gold-bright);text-decoration:underline}.danger-button{color:var(--danger);border-color:#c782674d}.lobby{flex:1;grid-template-columns:1fr 1.12fr;align-content:center;gap:32px 6%;padding:44px 0 28px;display:grid}.intro{flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 0;display:flex}.intro h1{letter-spacing:-1.5px;white-space:nowrap;margin:20px 0;font-size:clamp(43px,4.9vw,70px);line-height:.96}.intro h1 span{color:var(--gold-bright)}.intro-copy{color:var(--muted);font-size:15px;line-height:1.8}.match-tags{letter-spacing:1.5px;color:#d2c8b6;align-items:center;gap:12px;margin:22px 0;font-size:10px;font-weight:700;display:flex}.match-tags b{color:var(--bronze);font-weight:400}.mode-actions{gap:10px;width:100%;max-width:390px;display:grid}.mode-actions .primary-button{min-height:70px}.how-button{margin-top:10px}.hero-showcase{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(#13182033,#1519223b 50%,#11151df7 90%),url(/assets/maps/throne-arena.webp) 50% 14%/100%;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #070a10aa,0 24px 70px #0003}.hero-showcase:after{content:"";pointer-events:none;z-index:3;border:1px solid #d5b57a1f;border-radius:12px;position:absolute;inset:8px}.showcase-top,.showcase-bottom{z-index:4;letter-spacing:1.1px;color:#d8c6a6;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;display:flex;position:absolute;left:24px;right:24px}.showcase-top{top:23px}.showcase-bottom{color:#aea595;letter-spacing:.7px;font-size:9px;bottom:22px}.showcase-bottom span:first-child{align-items:center;gap:7px;display:flex}.showcase-bottom i{background:var(--gold);width:4px;height:4px;display:block;transform:rotate(45deg)}.showcase-orbit{display:none}.hero-display{z-index:2;width:52%;position:absolute;top:53px;bottom:55px}.archidos-display{left:-2%}.rasengan-display{right:-2%}.hero-display>img{object-fit:contain;filter:drop-shadow(0 12px 12px #0008);width:310px;max-width:none;height:310px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hero-ground{z-index:-1;background:#07090d66;border:1px solid #c5af6e33;border-radius:50%;width:112px;height:24px;position:absolute;top:300px;left:50%;transform:translate(-50%)}.display-label{text-align:center;justify-items:center;gap:7px;width:100%;display:grid;position:absolute;top:330px}.tiny-label{letter-spacing:.8px;color:#c9c3b4;font-size:8px;font-weight:600}.display-label strong{font-family:var(--font-display);letter-spacing:-.5px;white-space:nowrap;font-size:27px}.display-label>span:last-child{color:var(--gold-bright);align-items:center;gap:5px;font-size:11px;display:flex}.display-label svg{color:var(--muted)}.versus-stamp{z-index:1;border:1px solid var(--line-strong);width:51px;height:51px;font-family:var(--font-display);color:var(--gold);background:#171b23e6;border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.lobby-footer{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:30px;padding:24px 0 4px;display:flex}.footer-note{align-items:center;gap:15px;display:flex}.footer-number{font-family:var(--font-display);color:var(--bronze);font-size:32px}.footer-note p{gap:7px;display:grid}.footer-note strong{font-size:12px;font-weight:700}.footer-note p>span{color:var(--muted);font-size:12px}.join-form{align-items:center;gap:18px;display:flex}.join-form label{font-size:12px;font-weight:600}.join-form label small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.join-form>div{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#1b1f27;align-items:center;display:flex;overflow:hidden}.join-form input{width:115px;min-height:48px;color:var(--gold-bright);letter-spacing:2px;outline-offset:-2px;background:0 0;border:0;border-radius:0;padding:0 13px;font-size:16px;font-weight:700}.join-form input::placeholder{color:#95928a;letter-spacing:2px;font-size:13px}.join-form button{border-left:1px solid var(--line);width:48px;height:48px;color:var(--gold);place-items:center;display:grid}.join-form button:disabled{color:#73767b}.site-footer{padding:17px 0 max(17px,var(--safe-bottom));border-top:1px solid var(--line);letter-spacing:1px;color:#93928e;flex:none;justify-content:space-between;align-items:center;gap:14px;font-size:9px;display:flex}.waiting-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,480px);min-height:660px;margin:auto;padding:40px 0;display:flex}.waiting-emblem,.result-emblem{border:1px solid var(--line-strong);width:90px;height:90px;color:var(--gold);background:radial-gradient(circle at 40% 30%,#453a28,#20242b 70%);border-radius:50%;place-items:center;margin:26px 0;display:grid}.waiting-screen h1{letter-spacing:-.7px;font-size:46px}.waiting-screen>p{color:var(--muted);margin:20px 0 24px;font-size:14px;line-height:1.8}.waiting-screen>.primary-button{width:100%;margin-top:14px}.waiting-screen>.text-button{margin-top:12px}.invite-panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(135deg,#2b2823,#1a1e26);width:100%;padding:23px 15px}.invite-panel>small{letter-spacing:1.8px;color:var(--gold);font-size:10px;font-weight:700}.invite-code{letter-spacing:7px;color:var(--paper);margin:10px 0;padding-left:7px;font-size:45px;font-weight:700}.invite-panel>span{color:var(--muted);font-size:12px}.invite-link-field{text-align:left;width:100%;margin-top:20px}.invite-link-field label{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.invite-link-field input{border:1px solid var(--line);border-radius:var(--radius-sm);color:#c5c4be;background:#151922;width:100%;min-height:44px;padding:10px;font-size:12px;display:block}.invite-link-field small{color:var(--muted);min-height:35px;margin-top:9px;font-size:11px;line-height:1.6;display:block}.waiting-screen[data-status=connecting] .waiting-emblem{animation:1.6s ease-in-out infinite connection-breathe}.draft-screen{flex:1;padding:32px 0;position:relative}.draft-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.draft-heading h1{margin:12px 0;font-size:48px}.draft-heading p{color:var(--muted);font-size:13px;line-height:1.7}.draft-timer{border:1px solid var(--line-strong);width:76px;height:76px;color:var(--gold-bright);font-variant-numeric:tabular-nums;background:#26262a;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.draft-timer small{letter-spacing:1.1px;margin-top:2px;font-size:8px;font-weight:500}.draft-timer[data-urgent=true]{color:#ffc69c;background:#432d264d;border-color:#d89672}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.draft-card{isolation:isolate;text-align:left;border:1px solid var(--line);border-radius:var(--radius);outline-offset:3px;background:linear-gradient(165deg,#2e2a25,#161b25 80%);min-height:480px;transition:background .2s,border-color .2s;display:block;position:relative;overflow:hidden}.draft-card:before{content:"";z-index:-1;background:radial-gradient(at 50% 28%,#6d744b30,#0000 62%);position:absolute;inset:0}.draft-card.rasengan:before{background:radial-gradient(at 50% 28%,#aa67372b,#0000 62%)}.draft-card.selected{border-color:var(--gold-bright);box-shadow:inset 0 0 0 2px #cda86d50,0 0 25px #d5ad6910}.draft-card:hover:not(:disabled){border-color:var(--gold)}.draft-card.picked{opacity:.52}.draft-card.picked .card-top span:last-child{color:var(--paper);background:#5c514259}.card-top{z-index:3;letter-spacing:.7px;color:#cec6b5;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex;position:absolute;top:18px;left:20px;right:20px}.card-top span:last-child{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:8px}.selected .card-top span:last-child{background:var(--gold);color:#211b14;border-color:var(--gold)}.draft-card>img{object-fit:contain;filter:drop-shadow(0 8px 8px #0005);width:275px;max-width:none;height:275px;position:absolute;top:36px;left:50%;transform:translate(-50%)}.draft-selected-check{background:var(--gold);color:#241d14;z-index:3;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;display:grid;position:absolute;top:64px;right:17px}.draft-card-info{position:absolute;bottom:22px;left:24px;right:24px}.draft-card h2{letter-spacing:-.9px;white-space:nowrap;margin-bottom:12px;font-size:35px}.skill-title{color:var(--gold-bright);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.skill-title>span:last-child:not(.powerup-art){letter-spacing:.3px;color:var(--muted);margin-left:auto;font-size:10px;font-weight:500}.skill-title .powerup-art{border:1px solid var(--line-strong);border-radius:5px;overflow:hidden}.draft-card p{color:var(--muted);min-height:41px;margin:12px 0 17px;font-size:12px;line-height:1.7}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px;display:grid}.hero-stats>span{color:#e3dac7;font-size:19px;font-weight:600}.hero-stats small{letter-spacing:.6px;color:var(--muted);margin-top:4px;font-size:8px;font-weight:500;display:block}.draft-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.draft-footer>span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.draft-footer>.primary-button{min-width:270px}.selected-hero-detail{display:none}.coin-toss{z-index:80;pointer-events:none;background:#11141aeb;flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:1.1s forwards coin-leave;display:flex;position:fixed;inset:0}.coin-token{color:#fff1d6;width:88px;height:88px;animation:coin-flip .7s var(--ease) both;background:radial-gradient(circle at 30% 20%,#ad8b4c,#4f3e24);border:5px double #f1d49c;border-radius:50%;place-items:center;display:grid}.coin-toss strong{letter-spacing:1px;color:var(--gold-bright);font-size:12px;animation:.2s .5s both coin-reveal}.arena-mode{width:100%;max-width:1540px;height:var(--app-height);min-height:0;padding:0 24px;overflow:hidden}.arena-mode .site-header{min-height:calc(64px + var(--safe-top));padding-top:var(--safe-top)}.arena-mode .brand-mark{width:38px;height:38px}.arena-mode .brand-title{font-size:29px}.arena-mode .brand-domain{font-size:8px}.arena-mode .build-tag,.arena-mode .rules-trigger{display:none}.battle-layout{flex:1;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);justify-content:center;align-items:center;gap:32px;width:100%;min-height:0;margin:16px auto 20px;display:grid}.battle-frame{width:min(520px,calc((var(--app-height) - 190px)*.7));border:1px solid var(--line-strong);border-radius:var(--radius);background:#161b24;flex-direction:column;min-width:270px;height:100%;min-height:0;max-height:930px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 70px #0005}.battle-field{background:#171c24;flex:1;min-height:0;position:relative;overflow:hidden}.game-canvas{inset:0;position:absolute!important}.battle-aside{width:100%;max-width:245px;color:var(--muted);margin:auto}.battle-aside h2{letter-spacing:-.7px;margin:20px 0;font-size:40px}.battle-aside h2 span{color:var(--gold-bright)}.battle-aside>p{margin-bottom:26px;font-size:13px;line-height:1.9}.aside-rule{align-items:flex-start;gap:12px;margin:20px 0;font-size:12px;line-height:1.5;display:flex}.aside-rule svg{color:var(--gold);margin-top:3px}.aside-rule strong,.aside-rule span{display:block}.aside-rule strong{color:#ded5c4;margin-bottom:4px;font-size:13px}.aside-rule span{font-size:11px}.room-label{border-top:1px solid var(--line);color:var(--faint);letter-spacing:1.4px;gap:6px;margin-top:28px;padding-top:20px;font-size:10px;display:grid}.room-label b{letter-spacing:3px;color:var(--gold-bright);font-size:23px}.room-label .connection-quality{color:var(--muted);letter-spacing:0;margin:4px 0 10px;font-size:11px}.battle-aside>.text-button{font-size:11px}.right-aside{text-align:center}.right-aside>.eyebrow{justify-content:center}.right-aside>img{object-fit:contain;width:170px;height:185px;margin:14px auto 0}.right-aside h3{letter-spacing:-.4px;font-size:29px}.hero-skill-pill{color:var(--gold);align-items:center;gap:6px;margin:12px auto;font-size:11px;display:inline-flex}.hero-skill-pill svg{width:14px;height:14px}.right-aside>p{margin:0 0 20px;font-size:12px;line-height:1.8}.build-list{text-align:left;border-top:1px solid var(--line);padding-top:18px}.build-list>small{letter-spacing:1.4px;color:var(--gold);font-size:10px}.build-list>p{margin-top:12px;font-size:11px;line-height:1.8}.build-list>span{color:#d1c8b8;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.build-list svg{color:var(--gold)}.battle-top{z-index:4;pointer-events:none;background:linear-gradient(#11151ef5,#151b26dc 63%,#0000);padding:12px 12px 23px;position:absolute;top:0;left:0;right:0}.duel-health{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:8px;display:grid}.hero-health{align-items:center;gap:7px;min-width:0;display:flex}.health-avatar{background:#303c2b;border:1px solid #a0c17b;border-radius:7px;flex:none;width:35px;height:38px;overflow:hidden}.health-avatar img{object-fit:contain;width:63px;max-width:none;height:63px;margin:-2px 0 0 -14px}.hero-health>div:last-child{flex:1;min-width:0}.hero-health>div:last-child>span{white-space:nowrap;text-overflow:ellipsis;color:#e5e7d8;margin-bottom:5px;font-size:10px;font-weight:700;display:block;overflow:hidden}.health-track{background:#343c32;border:1px solid #0a1118;border-radius:2px;height:7px;overflow:hidden}.health-track i{background:var(--lime);height:100%;transition:width .12s linear;display:block}.hero-health small{color:#bfd3aa;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;display:block}.hero-health.opponent{text-align:right;flex-direction:row-reverse}.opponent .health-avatar{background:#493628;border-color:#d5a276}.opponent .health-track{background:#463a30;justify-content:flex-end;display:flex}.opponent .health-track i{background:var(--amber)}.opponent small{color:#d7b79b}.battle-clock{text-align:center;align-self:start}.battle-clock>span{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.battle-clock>small{letter-spacing:1.2px;color:#c2b79e;margin-top:5px;font-size:8px;display:block}.arena-info{letter-spacing:.5px;color:#c5b594;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:9px;display:flex}.arena-info span:first-child{align-items:center;gap:5px;display:flex}.arena-info i{background:var(--gold);width:4px;height:4px;transform:rotate(45deg)}.arena-info span:last-child{font-variant-numeric:tabular-nums;color:#c0beb7;letter-spacing:0}.minimap{z-index:2;border:1px solid var(--line-strong);pointer-events:none;background:#181d25 url(/assets/maps/throne-arena.webp) 50%/100% 100%;border-radius:6px;width:50px;height:72px;position:absolute;top:103px;left:12px;overflow:hidden;box-shadow:0 3px 12px #0005}.minimap-lane{display:none}.minimap i{border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #11141a}.minimap .ally{background:#d8f9a5;width:7px;height:7px}.minimap .enemy{background:#ffb174;width:7px;height:7px}.minimap .neutral{background:#ead09b;width:4px;height:4px}.battle-bottom{z-index:4;border-top:1px solid var(--line);padding:10px 13px max(12px,var(--safe-bottom));background:linear-gradient(110deg,#1e222c,#141922);flex:none;position:relative}.battle-controls{align-items:center;gap:14px;min-height:80px;display:flex}.progress-panel{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.level-medal{width:38px;height:46px;color:var(--gold-bright);border:1px solid var(--line-strong);background:linear-gradient(145deg,#3f3525,#21252c);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;line-height:1;display:flex}.level-medal small{letter-spacing:.7px;margin-top:5px;font-size:8px;font-weight:600}.experience{flex:1;min-width:0}.experience>div:first-child{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.experience>div:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-wallet{color:var(--gold-bright);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:3px;font-size:15px;display:inline-flex}.hud-wallet small{font-size:10px;font-weight:500}.xp-track{background:#454038;border-radius:2px;height:5px;overflow:hidden}.xp-track i{background:var(--gold);height:100%;transition:width .15s;display:block}.experience>small{color:#b1afa5;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;line-height:1.4;display:block}.recovery-status{color:#b6b8ad;white-space:nowrap;align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.recovery-status>span{color:#aec290}.recovery-status.recovering{color:#c6e69e}.skill-button{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:77px;min-height:78px;padding:0;display:flex;position:relative}.skill-button>span{background:#20291c;border:2px solid #c5df9a;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #788c5059,0 4px 12px #0005}.skill-button.rasengan>span{background:#37251a;border-color:#f0c78b;box-shadow:0 0 0 2px #b48b5d40,0 4px 12px #0005}.skill-button .powerup-art{width:100%!important;height:100%!important}.skill-button .powerup-art>img{object-fit:cover}.skill-button small{color:#c9dda7;white-space:nowrap;font-size:11px;font-weight:700}.skill-button.rasengan small{color:#efc397}.skill-button.cooling .powerup-art{filter:saturate(.4)brightness(.45)}.skill-button[aria-disabled=true]:not(.cooling){opacity:.5}.skill-button.cooling>span{border-color:#858577;box-shadow:0 0 0 2px #55574b40}.skill-button.cooling small{color:#b5b4aa}.skill-button:hover:not([aria-disabled=true])>span{border-color:#fff0c9}.skill-countdown{text-shadow:0 2px 5px #000;color:#fff2d7;font-variant-numeric:tabular-nums;place-items:center;font-size:25px;font-weight:800;display:grid;position:absolute;inset:0}.connection-warning{z-index:15;color:#f5d7a4;text-align:center;background:#342b20f5;border:1px solid #d4ad6c70;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.6;position:absolute;top:102px;left:10px;right:10px}.field-bottom{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.battle-help{border:1px solid var(--line);color:#d5ccba;pointer-events:none;background:#151b25d9;border-radius:6px;flex:1;min-width:0;max-width:165px;padding:7px 9px}.battle-help strong,.battle-help>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.battle-help>span{color:var(--muted)}.battle-help.target-active{color:#f5d5a0;border-color:#d2ad7066}.powerup-bar{pointer-events:auto;flex:none;align-items:flex-end;gap:6px;display:flex}.powerup-choice{pointer-events:auto;flex-direction:column;align-items:center;gap:3px;width:52px;padding:0;display:flex}.powerup-tile{background:linear-gradient(145deg,#49432c,#1b2029);border:1px solid #bca16a;border-radius:7px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f5dd9a55,0 3px 8px #0005}.powerup-tile>strong{letter-spacing:-.3px;text-align:center;color:#fff0cf;text-shadow:0 1px 2px #000;background:#111720eb;border-radius:3px;padding:1px 0;font-size:10px;font-weight:800;line-height:12px;position:absolute;bottom:2px;left:2px;right:2px}.powerup-tile>strong.wide{letter-spacing:-.45px;font-size:9px}.powerup-art{vertical-align:middle;flex:none;line-height:0;display:inline-block;position:relative}.powerup-art>img{object-fit:contain;pointer-events:none;width:100%;height:100%}.powerup-art>.powerup-modifier{object-fit:contain;filter:drop-shadow(0 1px 2px #000);background:#181e27f0;border-radius:3px;width:17px;height:17px;padding:1px;position:absolute;top:-2px;right:-2px}.powerup-art>.range{color:#efffd9;border:1px solid #b0bd87}.powerup-price{color:#edd299;font-variant-numeric:tabular-nums;background:#161b24e6;border:1px solid #bba06240;border-radius:4px;justify-content:center;align-items:baseline;gap:3px;min-width:42px;height:16px;font-size:11px;font-weight:700;line-height:14px;display:flex}.powerup-price small{font-size:8px;font-weight:500}.powerup-choice.heal .powerup-tile{background:linear-gradient(135deg,#52392f,#24202a);border-color:#c9987b}.powerup-choice:disabled .powerup-tile{border-color:#6e7067;box-shadow:inset 0 1px #fff1,0 2px 4px #0004}.powerup-choice:disabled .powerup-art{filter:saturate(.3)brightness(.65)}.powerup-choice:disabled .powerup-price{color:#b8b4a6;border-color:#b7b09c33}.powerup-lock{color:#e2d4b0;background:#151b25f2;border-radius:3px;width:14px;height:14px;padding:1px;font-size:12px;line-height:12px;position:absolute;top:2px;right:2px}.powerup-choice:not(:disabled):hover .powerup-tile{border-color:#f9e5ad;box-shadow:0 0 9px #d7b77a30}.powerup-choice:not(:disabled):active{transform:scale(.96)}.powerup-choice.pending .powerup-tile{border-color:#f9eac3}.upgrade-notice{z-index:10;pointer-events:none;opacity:0;max-width:calc(100% - 24px);transition:opacity .12s;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.upgrade-notice.visible{opacity:1}.upgrade-notice>span{background:#202a24f5;border:1px solid #b9c88b66;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;animation:.15s ease-out notice-arrive;display:flex;box-shadow:0 5px 18px #0005}.upgrade-notice strong{white-space:nowrap;color:#e5efd1;font-size:11px;font-weight:600}.upgrade-notice b{color:#d1e89a;font-size:14px}.countdown-overlay,.result-overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10141dbb;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.countdown-overlay>span{color:var(--gold-bright);letter-spacing:1.8px;font-size:11px;font-weight:700}.countdown-overlay>strong{font-family:var(--font-display);color:#efdaad;margin:8px 0;font-size:145px;line-height:1.1}.countdown-overlay>p{color:var(--muted);font-size:13px}.result-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c1018cc}.result-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(at top,#42352670,#0000 60%),#191e27;flex-direction:column;align-items:center;width:100%;max-width:360px;max-height:100%;padding:27px 22px;display:flex;overflow:auto;box-shadow:0 16px 50px #0004}.result-card>.eyebrow{letter-spacing:1.3px;justify-content:center;font-size:10px}.result-emblem{width:76px;height:76px;margin:20px 0}.result-emblem.defeat{color:#d7b09c;background:radial-gradient(circle,#4f3630,#22242b);border-color:#b7856b66}.result-emblem.draw{color:#c8c2b6;background:#2b2d33}.result-card h2{letter-spacing:-.7px;font-size:43px}.result-card>p{color:var(--muted);margin:14px 0 20px;font-size:13px;line-height:1.8}.result-stats{border-block:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:center;gap:30px;width:100%;padding:16px 0;font-size:24px;font-weight:600;display:flex}.result-stats span{min-width:70px}.result-stats small{letter-spacing:.8px;color:var(--muted);margin-top:6px;font-size:9px;font-weight:500;display:block}.rematch-status{color:#d4c3a1;margin:18px 0;font-size:12px;line-height:1.7}.result-card .primary-button{justify-content:center;width:100%;min-height:52px}.result-card>.text-button{width:100%;margin-top:7px;font-size:12px;display:flex}.modal-backdrop{z-index:100;padding:24px max(18px,env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c14d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rules-modal,.leave-modal{width:min(100%,510px);max-height:calc(var(--app-height) - 48px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(at 100% 0,#55412b33,#0000 70%),#1b2029;outline:none;padding:32px;position:relative;overflow:auto;box-shadow:0 24px 90px #0008}.modal-close{position:absolute;top:14px;right:14px}.rules-modal>.eyebrow{padding-right:44px;font-size:10px}.rules-modal h2{letter-spacing:-.6px;margin:19px 0 26px;font-size:48px}.rules-modal ol{counter-reset:rule;gap:20px;margin:0 0 26px;padding:0;list-style:none;display:grid}.rules-modal li{counter-increment:rule;padding-left:36px;position:relative}.rules-modal li:before{content:"0" counter(rule);font-family:var(--font-display);color:var(--gold);font-size:22px;position:absolute;top:0;left:0}.rules-modal li strong{color:var(--paper);margin-bottom:6px;font-size:14px;display:block}.rules-modal li span{color:var(--muted);font-size:13px;line-height:1.7;display:block}.rules-modal .primary-button{justify-content:space-between;width:100%}.leave-modal h2{margin:18px 0;font-size:43px}.leave-modal p{color:var(--muted);margin-bottom:25px;font-size:14px;line-height:1.8}.leave-modal>button{justify-content:center;width:100%;margin-top:10px}.dialog-live-note{color:#d7b88d;margin-top:13px;font-size:11px;line-height:1.7}.toast{bottom:max(24px,var(--safe-bottom));z-index:110;border:1px solid var(--line-strong);color:#edddc0;text-align:center;background:#332b23f5;border-radius:8px;max-width:calc(100% - 32px);padding:12px 17px;font-size:12px;line-height:1.7;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@keyframes coin-flip{0%{transform:translateY(-35px)rotateY(0)scale(.8)}to{transform:translateY(0)rotateY(720deg)scale(1)}}@keyframes coin-leave{0%,65%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes coin-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes connection-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes notice-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.app{padding-inline:4%}.lobby{gap:26px 4%;padding-top:32px}.intro h1{font-size:clamp(38px,4.9vw,55px)}.hero-showcase{min-height:465px}.hero-display>img{width:280px;height:280px;top:30px}.hero-ground{top:280px}.display-label{top:310px}.display-label strong{font-size:23px}.showcase-bottom span:last-child{display:none}.footer-note p>span{max-width:260px;line-height:1.6}.join-form{gap:12px}.arena-mode{padding-inline:16px}.battle-layout{grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);gap:22px}.battle-aside h2{font-size:32px}.right-aside>img{width:150px;height:160px}.right-aside h3{font-size:25px}}@media (width<=940px){.battle-aside{display:none}.battle-layout{margin:12px auto 16px;display:flex}.arena-mode .battle-frame{width:min(520px,calc((var(--app-height) - 180px)*.7));height:100%}.build-tag{letter-spacing:1px;margin-right:6px;font-size:9px}.lobby-footer{align-items:flex-start;gap:20px}.footer-note p>span{max-width:220px}.join-form{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=700px){.app{padding-inline:20px}.site-header{min-height:calc(68px + var(--safe-top));padding-bottom:0}.brand{letter-spacing:2px;gap:9px;font-size:8px}.brand-mark{width:37px;height:39px}.brand-title{font-size:28px}.brand-domain{letter-spacing:2px;font-size:8px}.header-right{gap:6px}.build-tag{display:none}.icon-button{width:42px;height:44px}.lobby{flex-direction:column;flex:none;gap:0;padding:24px 0;display:flex}.intro{display:contents}.intro>.eyebrow{letter-spacing:1.6px;order:0;font-size:10px}.intro h1{letter-spacing:-1px;order:1;margin:14px 0;font-size:clamp(38px,10.8vw,60px);line-height:.95}.intro-copy{order:2;font-size:13px;line-height:1.7}.intro-copy br{display:none}.match-tags{letter-spacing:1px;order:3;gap:10px;margin:16px 0;font-size:9px}.mode-actions{order:5;gap:9px;max-width:none;margin-top:16px}.mode-actions .primary-button{min-height:61px}.primary-button,.secondary-button{min-height:52px;padding:11px 15px;font-size:14px}.primary-button small{margin-top:4px;font-size:10px}.how-button{order:6;align-self:center;margin-top:6px;font-size:12px}.hero-showcase{background-position:50% 10%;border-radius:14px;order:4;width:100%;min-height:300px}.hero-showcase:after{border-radius:9px;inset:6px}.showcase-top{letter-spacing:.7px;font-size:8px;top:15px;left:17px;right:17px}.showcase-bottom{display:none}.hero-display{width:53%;top:25px;bottom:0}.hero-display>img{width:220px;height:220px;top:16px}.hero-ground{width:90px;height:17px;top:211px}.display-label{gap:3px;top:231px}.tiny-label{display:none}.display-label strong{letter-spacing:-.5px;font-size:23px}.display-label>span:last-child{gap:4px;font-size:10px}.display-label svg{width:12px;height:12px}.versus-stamp{width:36px;height:36px;font-size:18px;top:45%}.lobby-footer{flex-direction:column;order:7;gap:22px;width:100%;margin-top:14px;padding-top:22px}.footer-number{font-size:27px}.footer-note strong{font-size:12px}.footer-note p>span{max-width:none;font-size:11px}.join-form{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%}.join-form label{font-size:11px;line-height:1.5}.join-form label small{max-width:150px;font-size:10px;line-height:1.5}.join-form input{width:99px;min-height:46px;font-size:15px}.join-form button{width:44px;height:46px}.site-footer{letter-spacing:.6px;font-size:8px}.site-footer>span:nth-child(2){display:none}.waiting-screen{min-height:calc(var(--app-height) - 125px);padding:32px 0}.waiting-screen h1{font-size:42px}.waiting-screen>.eyebrow{font-size:10px}.waiting-screen>p{margin:17px 0 22px;font-size:13px}.waiting-emblem{width:74px;height:74px;margin:22px 0}.invite-code{font-size:40px}.invite-panel{padding:20px 12px}.draft-screen{padding:25px 0}.draft-heading{gap:12px;margin-bottom:20px}.draft-heading h1{letter-spacing:-.5px;margin:10px 0;font-size:34px}.draft-heading p{font-size:11px;line-height:1.7}.draft-heading .eyebrow{letter-spacing:1.1px;font-size:9px}.draft-timer{width:62px;height:62px;font-size:27px}.draft-timer small{font-size:7px}.draft-grid{gap:10px}.draft-card{border-radius:10px;min-height:405px}.card-top{letter-spacing:0;flex-direction:column;align-items:flex-start;gap:5px;font-size:7px;top:12px;left:11px;right:11px}.card-top span:last-child{padding:3px 5px;font-size:7px}.draft-card>img{width:205px;height:205px;top:58px}.draft-card-info{bottom:16px;left:12px;right:12px}.draft-card h2{letter-spacing:-.7px;margin-bottom:9px;font-size:26px}.draft-card.rasengan h2{letter-spacing:-1px;font-size:23px}.draft-selected-check{width:21px;height:21px;font-size:13px;top:16px;right:11px}.skill-title{gap:5px;font-size:12px}.skill-title .powerup-art{width:22px!important;height:22px!important}.skill-title>span:last-child:not(.powerup-art){letter-spacing:0;width:100%;margin-left:0;padding-left:27px;font-size:9px}.draft-card p{min-height:51px;margin:10px 0 12px;font-size:10px;line-height:1.7}.hero-stats{gap:5px;padding-top:12px}.hero-stats>span{font-size:14px}.hero-stats small{letter-spacing:0;margin-top:4px;font-size:7px}.draft-footer{flex-direction:column-reverse;gap:9px;margin-top:18px}.draft-footer>.primary-button{width:100%;min-width:0}.draft-footer>span{font-size:11px;line-height:1.5}.arena-mode{height:var(--app-height);min-height:0;padding:0}.arena-mode .site-header{height:calc(56px + var(--safe-top));min-height:calc(56px + var(--safe-top));padding:var(--safe-top) 14px 0}.arena-mode .brand{gap:8px;font-size:7px}.arena-mode .brand-mark{width:32px;height:32px}.arena-mode .brand-title{font-size:25px}.arena-mode .brand-wordmark{gap:3px}.arena-mode .brand-domain{font-size:7px}.arena-mode .icon-button{width:42px;height:44px}.battle-layout{flex:1;align-items:stretch;min-height:0;margin:0;display:flex}.arena-mode .battle-frame{width:100%;min-width:0;height:100%;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0}.battle-top{padding:11px 12px 22px}.battle-clock>span{font-size:25px}.duel-health{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:7px}.hero-health{gap:6px}.health-avatar{width:32px;height:35px}.hero-health small,.hero-health>div:last-child>span{font-size:10px}.arena-info{margin-top:10px;font-size:9px}.minimap{width:46px;height:65px;top:98px}.greeting-button>span{font-size:10px}.battle-bottom{padding:8px 12px max(10px,var(--safe-bottom))}.battle-controls{gap:12px;min-height:78px}.skill-button{width:76px}.field-bottom{gap:8px;bottom:9px;left:11px;right:11px}.battle-help{padding:6px 8px}.battle-help strong,.battle-help>span{font-size:10px}.powerup-price{font-size:11px}.rules-modal,.leave-modal{padding:26px 23px}.rules-modal h2{margin-bottom:23px;font-size:42px}.rules-modal li strong{font-size:13px}.rules-modal li span{font-size:12px}.leave-modal h2{font-size:37px}.result-card{padding:25px 19px}.result-card h2{font-size:39px}.result-card>p{font-size:12px}.result-card .eyebrow{font-size:9px}}@media (width<=360px){.app{padding-inline:16px}.intro h1{font-size:38px}.intro>.eyebrow{font-size:9px}.intro-copy{font-size:12px}.match-tags{letter-spacing:.7px;gap:8px;font-size:8px}.hero-showcase{min-height:270px}.hero-display>img{width:195px;height:195px;top:13px}.hero-ground{width:80px;top:185px}.display-label{top:205px}.display-label strong{font-size:20px}.display-label>span:last-child{font-size:9px}.showcase-top{font-size:7px}.primary-button small{font-size:9px}.join-form{gap:8px}.join-form input{width:83px;font-size:14px}.join-form label small{max-width:125px;font-size:9px}.footer-note p>span{font-size:10px}.site-footer{gap:10px;font-size:7px}.draft-heading h1{font-size:31px}.draft-card{min-height:395px}.draft-card>img{width:182px;height:182px;top:68px}.draft-card h2{font-size:23px}.draft-card.rasengan h2{letter-spacing:-.9px;font-size:20px}.draft-card p{min-height:61px;font-size:9px}.hero-stats>span{font-size:12px}.hero-stats small{font-size:6px}.skill-title{font-size:11px}.skill-title>span:last-child:not(.powerup-art){font-size:8px}.draft-card-info{left:10px;right:10px}.draft-timer{width:56px;height:56px}.draft-heading p{font-size:10px}.arena-mode{padding:0}.arena-mode .site-header{padding-inline:11px}.duel-health{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:5px}.battle-clock>span{font-size:23px}.health-avatar{width:28px;height:32px}.hero-health{gap:4px}.health-avatar img{width:59px;height:59px;margin-left:-15px}.hero-health>div:last-child>span,.hero-health small{font-size:9px}.battle-top{padding-inline:9px}.arena-info{font-size:8px}.battle-bottom{padding-inline:10px}.battle-controls{gap:9px}.level-medal{width:32px;height:41px;font-size:22px}.progress-panel{gap:8px}.experience>div:first-child{gap:6px;font-size:11px}.hud-wallet{font-size:13px}.experience>small,.recovery-status{font-size:9px}.skill-button{width:69px}.skill-button>span{width:53px;height:53px}.skill-button small{font-size:10px}.battle-help{padding:5px 6px}.battle-help strong,.battle-help>span{font-size:9px}.field-bottom{gap:7px;left:9px;right:9px}.upgrade-notice strong{font-size:10px}.result-card{padding:21px 17px}.result-card h2{font-size:36px}.result-card>p{margin:12px 0 16px;font-size:11px}.result-stats{padding:13px 0;font-size:22px}.rematch-status{margin:14px 0;font-size:11px}.result-emblem{width:65px;height:65px;margin:16px 0}}@media (height<=700px){.battle-controls{min-height:65px}.battle-bottom{padding-top:6px;padding-bottom:max(7px,var(--safe-bottom))}.skill-button{gap:4px;min-height:64px}.skill-button>span{border-radius:12px;width:47px;height:47px}.skill-button small{font-size:10px}.experience>small,.recovery-status{font-size:9px}.battle-top{padding-top:8px;padding-bottom:17px}.arena-info{margin-top:7px}.minimap{width:40px;height:57px;top:87px}.greeting-button svg{width:19px;height:19px}.result-emblem{width:55px;height:55px;margin:12px 0}.result-card{padding:20px 17px}.result-card h2{font-size:35px}.result-card>p{margin:10px 0 14px;font-size:12px}.result-stats{padding:12px 0}.result-stats small{font-size:8px}.rematch-status{margin:12px 0;font-size:11px}.result-card .primary-button{min-height:47px}.result-card>.text-button{min-height:44px;margin-top:4px}.countdown-overlay>strong{font-size:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.coin-toss{display:none}}@media (width<=700px){.icon-button{width:44px}.hero-showcase{min-height:308px}.display-label{top:224px}.draft-card{min-height:264px}.draft-card>img{width:195px;height:195px;top:37px}.card-top{flex-direction:row;top:12px;left:12px;right:12px}.card-top>span:first-child{display:none}.card-top>span:last-child{letter-spacing:.2px;padding:4px 6px;font-size:9px}.draft-card-info{bottom:15px}.draft-card h2{margin:0;font-size:27px}.draft-card.rasengan h2{font-size:23px}.draft-card .skill-title,.draft-card p,.draft-card .hero-stats{display:none}.draft-selected-check{top:14px;right:12px}.selected-hero-detail{border:1px solid var(--line);background:linear-gradient(135deg,#292720,#1b202a);border-radius:10px;margin-top:13px;padding:16px;display:block}.selected-skill{align-items:center;gap:10px;display:flex}.selected-skill>.powerup-art{border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.selected-skill>div{min-width:0}.selected-skill small{color:var(--gold);letter-spacing:1px;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.selected-skill h2{font-size:27px;line-height:1}.selected-skill>span:last-child{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.selected-hero-detail>p{color:var(--muted);margin:13px 0;font-size:12px;line-height:1.7}.selected-hero-detail .hero-stats{padding-top:12px}.selected-hero-detail .hero-stats>span{font-size:17px}.selected-hero-detail .hero-stats small{letter-spacing:.4px;font-size:8px}.draft-footer{z-index:6;padding:13px 0 max(8px,var(--safe-bottom));margin-top:4px;position:relative}}@media (width<=360px){.hero-showcase{min-height:282px}.display-label{top:202px}.draft-card{min-height:240px}.draft-card>img{width:175px;height:175px;top:38px}.draft-card h2{font-size:24px}.draft-card.rasengan h2{font-size:20px}.card-top>span:last-child{font-size:8px}.selected-hero-detail{padding:13px}.selected-skill h2{font-size:25px}.selected-hero-detail>p{font-size:12px}.selected-hero-detail .hero-stats small{font-size:8px}.draft-selected-check{width:19px;height:19px;font-size:12px}}@media (width<=700px) and (height<=700px){.mode-actions{order:4;margin-top:0}.hero-showcase{order:5;margin-top:16px}}.powerup-bar{position:relative}.powerup-choice{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.powerup-choice[aria-disabled=true] .powerup-tile{border-color:#6e7067;box-shadow:inset 0 1px #fff1,0 2px 4px #0004}.powerup-choice[aria-disabled=true] .powerup-art{filter:saturate(.3)brightness(.65)}.powerup-choice[aria-disabled=true] .powerup-price{color:#b8b4a6;border-color:#b7b09c33}.powerup-hint,.owned-hint{color:#eee5d4;pointer-events:none;text-align:left;z-index:20;background:#1b202bf7;border:1px solid #bba474;border-radius:9px;width:260px;max-width:calc(100vw - 28px);padding:12px 13px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #0007}.powerup-hint strong,.owned-hint strong{color:#ffe6b5;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.powerup-hint small{color:#d9c28e;white-space:nowrap;font-size:11px}.powerup-hint>b{color:#cdebb3;margin:5px 0;display:block}.powerup-hint>span,.owned-hint>span{color:#d0ccbf;display:block}.powerup-hint>em{color:#beb59f;margin-top:7px;font-size:10px;font-style:normal;display:block}.skill-button.extra-skill{width:70px}.extra-skill>span{background:#243333;border-color:#a8dbd1;box-shadow:0 0 0 2px #7caf9e40,0 4px 12px #0005}.extra-skill small{color:#c7e7df;text-overflow:ellipsis;max-width:100%;overflow:hidden}.extra-skill.pulse>span{border-color:#d4b4ed}.extra-skill.pulse small{color:#e0c7ee}.extra-skill.effect-active>span{box-shadow:0 0 0 2px #a7efce88,0 0 17px #9ae6cd55}.skill-button .drawn-art{padding:5px}.drawn-art svg{display:block}.battle-controls{position:relative}.battle-controls:has(.extra-skill){gap:10px}.skill-button small{white-space:normal;text-align:center;max-width:100%;min-height:2.3em;line-height:1.15}.owned-build{flex-wrap:nowrap;align-items:center;gap:2px;min-height:32px;margin-top:2px;display:flex;position:relative}.owned-build>small{color:#bcb29f;white-space:nowrap;margin-right:6px;font-size:9px}.owned-build>button{background:#1d232c;border:1px solid #bba47455;border-radius:5px;flex:none;place-items:center;width:28px;height:30px;padding:2px;display:grid;position:relative}.owned-build>button[aria-expanded=true]{border-color:#e5ca8d}.owned-build>button>b{color:#fff0cc;background:#151b25;border-radius:2px;min-width:10px;font-size:9px;line-height:11px;position:absolute;bottom:0;right:0}.owned-hint{width:240px;bottom:calc(100% + 7px);left:0;right:auto}.owned-hint>span{margin-top:5px}.shield-health{color:#b3efdc;white-space:nowrap;font-style:normal}@media (width<=500px){.battle-controls:has(.extra-skill) .skill-button{width:61px}.battle-controls:has(.extra-skill) .progress-panel{gap:6px}.battle-controls:has(.extra-skill) .experience>div:first-child>span{display:none}}@media (width<=359px){.battle-controls:has(.extra-skill){gap:6px}.battle-controls:has(.extra-skill) .skill-button{width:57px}}.powerup-choice[aria-disabled=true]:active{transform:none}.battle-bottom:has(.owned-hint){z-index:6}.field-bottom>.greeting-button{z-index:4;width:120px;min-height:56px;color:var(--gold-bright);pointer-events:auto;touch-action:manipulation;background:linear-gradient(140deg,#51402af2,#242521f2);border:1px solid #d4b978;border-radius:8px;flex:0 0 120px;align-items:center;gap:5px;padding:7px 8px;animation:.65s ease-out greeting-arrive;display:flex;position:relative;inset:auto;box-shadow:0 0 0 1px #d4b97830,0 3px 12px #0006}.greeting-button>svg{flex:none}.greeting-button>span{text-align:left;white-space:nowrap;gap:5px;font-size:11px;font-weight:700;display:grid}.greeting-button small{color:#e8d2a2;font-variant-numeric:tabular-nums;font-size:11px}.greeting-button:disabled{opacity:.65}.greeting-button:active:not(:disabled){transform:scale(.97)}@keyframes greeting-arrive{0%{box-shadow:0 0 0 3px #e4c27680,0 0 18px #e4c27660}to{box-shadow:0 0 0 1px #d4b97830,0 3px 12px #0006}}@media (prefers-reduced-motion:reduce){.field-bottom>.greeting-button{animation:none}}.battle-clock .battle-score{color:var(--gold-bright);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;font-size:20px;font-weight:800;line-height:1.1;display:flex}.battle-score i{color:var(--muted);font-size:14px;font-style:normal}.battle-clock>span{font-size:22px}.battle-clock>small{font-size:8px}.respawn-notice{z-index:8;text-align:center;pointer-events:none;background:#151c28ed;border:1px solid #bba16a66;border-radius:10px;gap:8px;width:min(260px,85%);padding:18px 16px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.respawn-notice strong{color:var(--gold-bright);font-size:17px}.respawn-notice span{color:var(--muted);font-size:12px}.home-status{z-index:4;text-align:center;pointer-events:none;white-space:nowrap;background:#152f2de6;border-radius:7px;gap:4px;max-width:85%;padding:7px 12px;display:grid;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.home-status span{color:#c9e7da;font-size:12px;font-weight:700}.home-status small{color:#b3cbc4;font-size:10px}@media (width<=700px){.battle-clock .battle-score{gap:5px;font-size:17px}.battle-clock>span{font-size:18px}.arena-info{margin-top:6px}.home-status{bottom:95px}.home-status span{font-size:11px}.home-status small{font-size:9px}}.home-status{white-space:normal;text-align:left;width:136px;max-width:38%;padding:8px 9px;inset:184px auto auto 12px;transform:none}.home-status small{line-height:1.4}.home-status.home-status-right{left:auto;right:12px}.home-status.base-danger{background:#402a21ed}.home-status.base-danger span{color:#ffd0a7}.home-status.base-danger small{color:#ebc4b2}.account-panel{text-align:left;border-top:1px solid #c7af7933;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px;padding:12px 0;display:flex}.account-identity{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.account-identity>div{gap:3px;min-width:0;display:grid}.account-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-identity small{color:var(--muted);font-size:11px}.account-identity img,.account-badge{border-radius:8px;flex:none;width:32px;height:32px}.account-badge{color:#d7c3ff;background:#7356a53d;place-items:center;font-size:18px;font-weight:800;display:grid}.twitch-name{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.twitch-name svg{flex:none}.account-login{min-height:44px;color:var(--paper);font:inherit;cursor:pointer;background:#272631;border:1px solid #b5a07866;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.account-panel>.text-button{min-height:44px;padding:8px}.account-panel>p{color:var(--muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.hero-health>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=359px){.account-panel form{flex-basis:100%}.account-login{width:100%}}.online-menu{width:min(480px,100%);padding:28px 0 max(24px,var(--safe-bottom));flex-direction:column;flex:1;justify-content:center;gap:22px;min-width:0;margin-inline:auto;display:flex}.online-heading{align-items:center;gap:20px;min-height:44px;display:flex}.online-heading h1{font-family:var(--font-ui);letter-spacing:-.7px;font-size:28px;line-height:1.2}.online-back{color:var(--muted);flex:none;gap:7px;font-size:13px}.online-back svg{transform:rotate(180deg)}.online-actions{gap:18px;display:grid}.online-menu .find-opponent{width:100%;min-height:80px;padding:17px 20px;font-size:16px}.find-opponent>span>span{display:block}.find-opponent small{letter-spacing:0;font-size:12px;line-height:18px}.online-duel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#25272ce6,#191e26ed);gap:15px;padding:20px;display:grid;box-shadow:inset 0 1px #edd9ad08,0 12px 28px #0002}.online-duel-heading{color:var(--gold);align-items:center;gap:10px;display:flex}.online-duel-heading h2{font-family:var(--font-ui);letter-spacing:-.2px;color:var(--paper);font-size:16px;line-height:24px}.online-duel>.secondary-button{min-height:50px;font-size:14px}.online-code-form{gap:8px;padding-top:2px;display:grid}.online-code-form label{color:var(--paper);font-size:13px;font-weight:600}.online-code-form>small{color:var(--muted);font-size:11px;line-height:16px}.online-code-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#141923;min-width:0;display:flex;overflow:hidden}.online-code-input input{width:0;min-width:0;min-height:48px;color:var(--gold-bright);letter-spacing:3px;outline-offset:-3px;background:0 0;border:0;border-radius:0;flex:1;padding:10px 14px;font-size:17px;font-weight:700}.online-code-input input::placeholder{color:#83858b;font-size:14px}.online-code-input button{border-left:1px solid var(--line);min-width:94px;min-height:48px;color:var(--gold-bright);outline-offset:-3px;background:#d9b77a0a;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.online-code-input button:disabled{color:var(--faint);background:0 0}.online-code-input button:hover:not(:disabled){background:#d9b77a17}.online-menu>.account-panel{margin:0;padding:14px 0 0}.online-menu.is-searching{width:min(420px,100%)}.queue-search{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:28px 0;display:flex}.queue-emblem{border:1px solid var(--line);width:88px;height:88px;color:var(--gold-bright);background:radial-gradient(circle,#b08b4929,#151c26b3 72%);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 38px #dbb36a0b}.queue-emblem i{border:1px solid #0000;border-top-color:var(--gold);border-right-color:#d9b77a44;border-radius:50%;animation:2.4s linear infinite queue-orbit;position:absolute;inset:-6px}.queue-heading h1{font-family:var(--font-ui);letter-spacing:-.7px;font-size:28px;line-height:1.25}.queue-heading p{color:var(--muted);margin-top:8px;font-size:13px;line-height:20px}.queue-time{font-variant-numeric:tabular-nums;letter-spacing:2px;color:var(--gold-bright);font-size:42px;font-weight:600;line-height:1.2}.queue-population{color:var(--muted);min-height:21px;font-size:13px;line-height:21px}.queue-cancel{justify-content:center;width:100%;max-width:300px;min-height:52px;font-size:14px}@keyframes queue-orbit{to{transform:rotate(360deg)}}@media (width<=700px){.online-menu{padding:20px 0 max(18px,var(--safe-bottom));gap:18px}.online-heading{gap:17px}.online-heading h1{font-size:24px}.online-menu .find-opponent{min-height:74px;padding:14px 17px;font-size:15px}.online-actions{gap:16px}.online-duel{gap:14px;padding:17px}.online-duel-heading h2{font-size:15px}.online-menu>.account-panel{padding-top:12px}.queue-search{gap:22px;padding:20px 0}.queue-heading h1{font-size:25px}}@media (width<=700px) and (height<=700px){.online-menu{padding:12px 0 max(12px,var(--safe-bottom));gap:14px}.online-menu .find-opponent{min-height:68px;padding:12px 15px}.online-actions{gap:13px}.online-duel{gap:12px;padding:14px}.online-duel>.secondary-button{min-height:48px}.online-code-input input,.online-code-input button{min-height:46px}.online-menu>.account-panel{padding-top:10px}.queue-search{gap:19px;padding:12px 0}.queue-emblem{width:72px;height:72px}.queue-time{font-size:36px}}@media (prefers-reduced-motion:reduce){.queue-emblem i{animation:none}}.home-meta-actions{justify-content:center;align-items:center;gap:22px;display:flex}.home-meta-actions .how-button{margin:0}.home-meta-actions>.text-button{justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.account-receipt{color:var(--muted);flex-wrap:wrap;flex-basis:100%;justify-content:space-between;align-items:center;gap:6px 12px;font-size:12px;display:flex}.account-receipt small{font-size:11px}.match-storage-notice{top:max(8px,var(--safe-top));z-index:50;border:1px solid var(--line);max-width:min(90%,440px);color:var(--gold-bright);text-align:center;pointer-events:none;background:#171c25f2;border-radius:10px;padding:9px 14px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.pregame-mode .site-header{min-height:calc(72px + var(--safe-top));padding-top:var(--safe-top)}.pregame-mode .build-tag{display:none}.pregame-mode>.site-footer{letter-spacing:0;padding-block:12px;font-size:10px}.pregame-mode>.site-footer>span:nth-child(2){display:none}.invited-room{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);align-items:center;gap:18px;padding:20px;display:flex}.invited-room small{color:var(--muted);font-size:13px}.invited-room strong{letter-spacing:4px;color:var(--gold-bright);font-size:30px;display:block}.invite-link-field summary{justify-content:space-between;gap:12px}.invite-link-field summary svg{transform:rotate(90deg)}.invite-link-field[open] summary svg{transform:rotate(-90deg)}.invite-link-field summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.room-screen{flex:1;justify-content:center;gap:20px;width:min(560px,100%);min-height:0;padding-block:30px}.room-heading h1{font-family:var(--font-ui);letter-spacing:-.6px;font-size:30px;line-height:1.2}.room-heading p{color:var(--muted);max-width:440px;margin-top:14px;font-size:15px;line-height:1.6}.room-screen>.primary-button{width:100%;max-width:440px}.room-screen>.text-button{font-size:14px}.room-seats{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;display:grid}.room-seat{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:9px;padding:20px 10px;display:grid}.room-seat svg{color:var(--gold)}.room-seat strong{font-size:17px}.room-seat span{color:var(--muted);font-size:13px}.room-seat.empty{border-style:dashed}.room-versus{color:var(--gold);font-family:var(--font-display);font-size:24px}.room-screen .invite-panel{width:100%;max-width:440px;padding:14px}.room-screen .invite-panel small{letter-spacing:0;font-size:12px}.room-screen .invite-code{margin-top:8px;font-size:34px}.room-screen .invite-link-field{text-align:left;width:100%;max-width:440px}.invite-link-field summary{cursor:pointer;min-height:44px;color:var(--muted);list-style:revert;align-items:center;font-size:14px;display:flex}.invite-link-field[open] summary{color:var(--gold-bright)}.invite-link-field label{color:var(--muted);font-size:12px}.copy-status{min-height:18px;color:var(--gold-bright);font-size:13px}.pregame-connection,.pending-invitation{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);flex:none;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 16px;display:flex}.pregame-connection strong{color:var(--gold-bright);font-size:14px}.pregame-connection p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.pregame-connection>div:last-child{align-items:center;gap:14px;display:flex}.pregame-connection .secondary-button{min-height:44px;font-size:12px}.pregame-connection .text-button{white-space:nowrap}.pending-invitation{font-size:13px}.preparation-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10141de8;padding:18px}.preparation-card{flex-direction:column;align-items:stretch;gap:20px;width:min(360px,100%);display:flex}.preparation-card h2{font-family:var(--font-ui);font-size:24px;line-height:1.25}.preparation-card p{color:var(--muted);font-size:14px;line-height:1.6}.preparation-card .starting-count{font-family:var(--font-display);color:var(--gold-bright);font-size:125px;line-height:1}.preparation-progress{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;height:8px;overflow:hidden}.preparation-progress i{background:var(--gold);transform-origin:0;width:100%;height:100%;transition:transform .18s var(--ease);display:block}.preparation-seats{color:var(--muted);grid-template-columns:1fr 1fr;gap:12px;font-size:13px;display:grid}.preparation-seats b{color:var(--paper);margin-top:5px;font-size:14px;display:block}.preparation-card .primary-button{justify-content:center}@media (width<=700px){.pregame-mode .site-header{min-height:calc(64px + var(--safe-top))}.pregame-mode>.site-footer{padding-block:10px;font-size:9px}.room-screen{justify-content:flex-start;gap:16px;padding:24px 0}.room-heading h1{font-size:26px}.room-heading p{margin-top:12px;font-size:14px}.room-seats{gap:10px}.room-seat{padding:16px 8px}.room-seat strong{font-size:16px}.room-seat span{font-size:12px}.room-screen .invite-panel{padding:12px}.room-screen .invite-code{font-size:30px}.room-screen .invite-link-field{margin:0}.room-screen .invite-link-field input{font-size:12px}.copy-status:empty{display:none}.pregame-connection{gap:8px;margin-top:8px;padding:9px 11px}.pregame-connection strong{font-size:12px}.pregame-connection p{margin-top:3px;font-size:11px}.pregame-connection>div:last-child{gap:8px}.pregame-connection .text-button{font-size:11px}.pregame-connection .secondary-button{min-height:40px;padding:8px;font-size:11px}}@media (width<=700px) and (height<=700px){.pregame-mode:not(.phase-draft)>.site-footer{display:none}}@media (prefers-reduced-motion:reduce){.preparation-progress i{transition:none}}.pregame-home{grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);align-items:center;gap:48px;padding-block:28px}.home-stage{min-width:0}.home-heading{margin-bottom:18px}.home-heading h1{font-family:var(--font-ui);letter-spacing:-.8px;margin-bottom:10px;font-size:34px;line-height:1.15}.home-heading p{color:var(--muted);font-size:15px;line-height:1.5}.home-fighters.roster-showcase{border-color:#b79b6b55;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;height:auto;min-height:0;padding:18px 12px;display:grid;box-shadow:inset 0 1px #edd9ad15,0 16px 48px #0003}.home-fighters:after{display:none}.home-fighters .hero-display{flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;height:auto;display:flex;position:relative;inset:auto}.home-fighters .hero-display>img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 7px #0006);width:calc(100% + 38px);max-width:230px;height:auto;position:static;inset:auto;transform:none}.home-fighters .display-label{text-align:center;gap:4px;width:100%;display:grid;position:static;inset:auto}.home-fighters .display-label strong{font-family:var(--font-ui);letter-spacing:-.4px;white-space:normal;font-size:17px;line-height:21px}.home-fighters .display-label>span:last-child{color:var(--muted);font-size:11px;line-height:16px}.home-actions{flex-direction:column;gap:14px;min-width:0;display:flex}.home-actions .mode-actions{order:0;gap:10px;max-width:none;margin:0}.home-actions .primary-button{min-height:58px}.home-actions .secondary-button{min-height:54px}.home-actions .how-button{align-self:center;gap:9px;min-height:44px;margin:0;font-size:13px}.home-join{border-top:1px solid var(--line);padding-top:5px}.join-toggle{width:100%;min-height:44px;color:var(--gold-bright);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.join-toggle:hover{background:#e4c9960a}.join-toggle[aria-expanded=true] svg{transform:rotate(90deg)}#join-by-code[hidden]{display:none}.home-join .join-form{border:1px solid var(--line);background:#18212ac9;border-radius:10px;flex-direction:column;align-items:stretch;gap:8px;margin-top:5px;padding:12px;display:flex}.home-join .join-form label{color:var(--muted);font-size:12px}.home-join .join-form input{flex:1;width:100%;min-width:0;min-height:46px;font-size:16px}.home-join .join-form button{width:72px;min-width:72px;height:46px;font-size:13px;font-weight:700}.home-join .join-form>small{color:var(--muted);font-size:11px;line-height:16px}@media (width<=940px){.pregame-home{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:28px}.home-fighters .display-label strong{font-size:14px;line-height:18px}}@media (width<=700px){.pregame-home{padding:20px 0 max(20px,var(--safe-bottom));flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:20px;display:flex}.home-heading{margin-bottom:14px}.home-heading h1{margin-bottom:7px;font-size:27px;line-height:32px}.home-heading p{font-size:13px;line-height:19px}.home-fighters.roster-showcase{gap:6px;margin:0;padding:12px 10px}.home-fighters .hero-display>img{width:calc(100% + 38px);max-width:none}.home-fighters .display-label strong{letter-spacing:-.3px;font-size:12px;line-height:16px}.home-fighters .display-label>span:last-child{display:none}.home-actions{gap:9px}.home-actions .primary-button,.home-actions .secondary-button{min-height:52px}.home-actions .how-button{font-size:12px}.home-join{padding-top:3px}}@media (width<=700px) and (height<=700px){.pregame-home{padding:12px 0 max(12px,var(--safe-bottom));gap:14px}.home-heading{margin-bottom:9px}.home-heading h1{margin-bottom:5px;font-size:24px;line-height:28px}.home-heading p{font-size:12px;line-height:18px}.home-fighters.roster-showcase{padding:8px 9px}.home-fighters .hero-display>img{width:calc(100% + 22px)}.home-actions{gap:6px}}@media (prefers-reduced-motion:no-preference){.home-fighters .hero-display>img{animation:4s ease-in-out infinite home-breathe}.home-fighters .rasengan-display>img{animation-delay:-2s}.home-fighters .balodya-display>img{animation-delay:-1s}@keyframes home-breathe{50%{transform:translateY(-3px)}}}.app.phase-draft{height:var(--app-height);isolation:isolate;width:min(1160px,100%);min-height:0;padding-inline:24px;overflow:hidden}.app.phase-draft:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#10151ac9,#10151a55 40%,#10151ae8 85%),url(/assets/maps/throne-arena.webp) 50% 48%/cover;position:fixed;inset:0}.phase-draft>.site-footer{display:none}.phase-draft .draft-screen{min-height:0;padding:var(--safe-top) 0 0;flex-direction:column;flex:1;gap:16px;display:flex}.phase-draft .draft-heading{flex:none;align-items:center;gap:12px;min-height:64px;margin:0;display:flex}.draft-back{width:44px;height:44px;color:var(--gold-bright);border-radius:10px;flex:none;place-items:center;display:grid}.draft-back svg{transform:rotate(180deg)}.draft-back:hover{background:#e9cf9c15}.draft-phase{flex:1;min-width:0}.draft-phase strong{font-size:18px;line-height:23px;display:block}.draft-phase small{color:var(--muted);font-size:12px;line-height:18px;display:block}.phase-draft .draft-timer{background:#1c2630c9;border-color:#b5d0df3d;border-radius:12px;width:48px;height:48px;font-size:23px}.phase-draft .draft-timer small{letter-spacing:0;margin:0;font-size:10px;line-height:11px}.draft-tools{z-index:10;flex:none;position:relative}.draft-tools summary{width:44px;height:44px;color:var(--gold-bright);cursor:pointer;border-radius:10px;place-items:center;font-size:27px;line-height:1;list-style:none;display:grid}.draft-tools summary::-webkit-details-marker{display:none}.draft-tools summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.draft-tools[open] summary{background:#e9cf9c15}.draft-tools-panel{border:1px solid var(--line-strong);background:#1a222df5;border-radius:12px;padding:12px;position:absolute;top:50px;right:0;box-shadow:0 10px 40px #0008}.draft-tools-panel .build-tag{display:none}.phase-draft .draft-content{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 40px;min-height:0;padding:0;display:grid;overflow:hidden}.draft-stage{text-align:center;isolation:isolate;flex-direction:column;grid-row:1/3;justify-content:flex-end;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.draft-hero-art{flex:1;justify-content:center;width:100%;min-height:0;display:flex;position:relative}.draft-hero-art:before{content:"";z-index:-1;filter:blur(5px);background:radial-gradient(#e4c78966,#0000 68%);height:12%;position:absolute;bottom:4%;left:18%;right:18%}.draft-hero-art>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 10px #0006);width:100%;height:100%;min-height:0}.draft-stage h1{font-family:var(--font-ui);letter-spacing:-1px;margin:6px 0 0;font-size:clamp(28px,3.3vw,42px);line-height:1.15}.hero-availability{color:var(--muted);margin-top:4px;font-size:12px;line-height:20px}.phase-draft .selected-hero-detail{background:linear-gradient(125deg,#293641dd,#15202bec);border:1px solid #a6c2cd32;border-radius:14px;align-self:end;min-width:0;margin:0;padding:18px;display:block;box-shadow:0 8px 24px #0002}.phase-draft .selected-skill{align-items:center;gap:12px;min-width:0;display:flex}.draft-skill-icon{border:1px solid var(--gold);background:#111a23;border-radius:9px;flex:none;padding:3px;display:block;box-shadow:inset 0 0 12px #c2a7741a}.draft-skill-icon .powerup-art{border-radius:5px;display:block;overflow:hidden}.phase-draft .selected-skill>div{flex:1;min-width:0}.phase-draft .selected-skill small{color:var(--muted);margin-bottom:3px;font-size:11px;line-height:15px;display:block}.phase-draft .selected-skill h2{font-family:var(--font-ui);letter-spacing:-.4px;overflow-wrap:break-word;font-size:20px;line-height:1.2}.draft-cooldown{color:var(--gold-bright);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.phase-draft .selected-hero-detail>p{color:#d0d6d6;margin:12px 0;font-size:14px;line-height:1.45}.phase-draft .skill-facts{color:#f0d7a4;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:5px 14px;font-size:12px;line-height:18px;display:flex}.hero-roster{flex-direction:column;align-self:start;width:100%;min-width:0;min-height:0;max-height:100%;display:flex;overflow:hidden}.roster-heading{height:28px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;padding-inline:3px;font-size:13px;display:flex}.roster-heading b{color:#9baab2;margin-left:5px;font-size:11px;font-weight:500}.roster-heading small{color:var(--gold-bright);font-size:11px}.hero-roster-list{grid-template-columns:repeat(var(--roster-columns),minmax(0,1fr));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bfa47a66 transparent;grid-auto-rows:94px;gap:6px;min-height:0;max-height:294px;padding:4px;scroll-padding:4px;display:grid;overflow:hidden auto}.phase-draft .draft-card.roster-pick{text-align:center;isolation:auto;height:94px;min-height:0;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;padding:4px 2px;transition:background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.phase-draft .roster-pick:before{display:none}.phase-draft .roster-pick.selected{background:#e1c08312;border-color:#efd09588}.phase-draft .roster-pick:hover{background:#e1c08315}.roster-face{background:linear-gradient(140deg,#526574aa,#182531);border:1px solid #b3cbd749;border-radius:12px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.roster-face>img{object-fit:contain;width:218%;max-width:none;height:218%;position:absolute;top:-15%;left:-59%}.roster-mark{background:var(--gold-bright);color:#18232a;border-radius:6px 0 0;place-items:center;width:17px;height:17px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:0;right:0}.roster-mark:empty{display:none}.roster-name{overflow-wrap:anywhere;color:#c3cdd0;max-width:100%;font-size:12px;font-weight:600;line-height:14px}.selected .roster-name{color:#ffe6b6}.roster-owner{color:#fff0d1;background:#17212fed;border-radius:6px 6px 0 0;font-size:9px;line-height:13px;position:absolute;top:0;left:0;right:0}.roster-pick[data-available=false] .roster-face{filter:saturate(.35)}.phase-draft .draft-footer{padding:4px 0 max(12px,var(--safe-bottom));background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;margin:0;display:flex}.phase-draft .draft-footer>.primary-button{border-radius:12px;justify-content:center;gap:12px;width:100%;min-width:0;max-width:480px;min-height:54px;font-size:16px}.phase-draft .draft-footer>span{text-align:center;min-height:16px;color:var(--muted);font-size:11px;line-height:16px}@media (width<=700px){.app.phase-draft{padding-inline:12px}.phase-draft .draft-screen{gap:8px}.phase-draft .draft-heading{gap:8px;min-height:56px}.draft-phase strong{font-size:16px;line-height:20px}.draft-phase small{font-size:11px;line-height:16px}.phase-draft .draft-timer{width:44px;height:44px;font-size:21px}.phase-draft .draft-content{flex-direction:column;gap:8px;display:flex}.draft-stage{flex:1;min-height:90px}.draft-stage h1{letter-spacing:-.7px;margin-top:2px;font-size:26px;line-height:30px}.hero-availability{margin-top:2px;font-size:11px;line-height:14px}.phase-draft .selected-hero-detail{border-radius:12px;flex:none;align-self:stretch;padding:12px}.phase-draft .selected-skill{gap:9px}.phase-draft .selected-skill h2{font-size:17px;line-height:21px}.phase-draft .selected-skill small{margin-bottom:2px;font-size:10px;line-height:13px}.draft-cooldown{gap:2px;font-size:11px}.phase-draft .selected-hero-detail>p{margin:8px 0;font-size:13px;line-height:18px}.phase-draft .skill-facts{gap:2px 12px;font-size:11px;line-height:16px}.hero-roster{flex:0 auto;align-self:stretch;max-height:224px}.hero-roster-list{max-height:196px}.phase-draft .draft-footer>.primary-button{min-height:50px}.phase-draft .draft-footer{padding-top:0}}@media (width<=359px){.hero-roster-list{grid-template-columns:repeat(var(--narrow-columns),minmax(0,1fr))}.phase-draft .selected-skill h2{font-size:16px}.draft-skill-icon{padding:2px}.draft-skill-icon .powerup-art{width:38px!important;height:38px!important}}@media (width<=700px) and (height<=650px){.phase-draft .draft-screen{gap:5px}.phase-draft .draft-heading{min-height:50px}.phase-draft .draft-content{gap:6px}.phase-draft .selected-hero-detail{padding:9px 10px}.phase-draft .selected-hero-detail>p{margin:6px 0;font-size:12px;line-height:16px}.phase-draft .skill-facts{font-size:11px;line-height:15px}.draft-stage h1{font-size:22px;line-height:26px}.hero-roster{max-height:190px}.roster-heading{height:22px;font-size:12px}.hero-roster-list{grid-auto-rows:78px;gap:4px;max-height:168px}.phase-draft .draft-card.roster-pick{gap:3px;height:78px;padding-block:2px}.roster-face{border-radius:10px;width:44px;height:44px}.roster-name{font-size:11px;line-height:13px}.phase-draft .draft-footer{padding-bottom:max(8px,var(--safe-bottom));gap:4px}.phase-draft .draft-footer>.primary-button{min-height:48px;font-size:15px}}@media (height<=470px) and (width>=600px){.phase-draft .draft-heading{min-height:48px}.phase-draft .draft-screen{gap:6px}.phase-draft .draft-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1.3fr;gap:8px 20px;display:grid}.draft-stage{grid-row:1/3}.phase-draft .selected-hero-detail{padding:8px 12px}.phase-draft .selected-hero-detail>p{margin:5px 0}.hero-roster{flex:none;align-self:stretch;max-height:100%}.hero-roster-list{grid-auto-rows:78px;max-height:100%}.phase-draft .draft-card.roster-pick{height:78px}.roster-face{width:44px;height:44px}.phase-draft .draft-footer{padding-bottom:max(8px,var(--safe-bottom));gap:2px}.phase-draft .draft-footer>.primary-button{min-height:44px}}@media (prefers-reduced-motion:no-preference){.draft-hero-art>img{animation:3s ease-in-out infinite draft-breathe}@keyframes draft-breathe{50%{transform:translateY(-2px)}}}