:root{font-family:Inter,Segoe UI,sans-serif;color:#dcecff;background:#020817;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{position:relative;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 52%,#122957,#020817 72%)}.map-canvas{position:absolute!important;inset:0}.app-shell.is-spectating .map-canvas{inset:58px 0 88px!important;width:100%!important;height:calc(100% - 146px)!important}.app-brand{position:absolute;z-index:4;top:20px;left:22px;margin:0;color:#dcecffc7;font-size:12px;font-weight:600;letter-spacing:.22em;text-shadow:0 2px 12px #001123}.matchup-bar{position:absolute;z-index:5;top:48px;left:22px;display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:10px;background:#061222b8;border:1px solid rgb(120 180 255 / 22%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.matchup-label{color:#c8e2ffe0;font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.rematch-btn{cursor:pointer;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:5px 12px;background:linear-gradient(180deg,#265a96e5,#143460e5);color:#dff0ff;font-size:12px;font-weight:700;letter-spacing:.05em;transition:filter .12s ease,transform .12s ease}.rematch-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.rematch-btn:active{transform:translateY(0)}.loading-state{position:absolute;z-index:5;left:50%;bottom:9%;display:grid;justify-items:center;gap:10px;transform:translate(-50%);color:#dcecffc2;font-size:12px;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 14px #001123}.loading-rune{width:30px;height:30px;border:1px solid rgb(87 216 255 / 68%);border-radius:50%;box-shadow:inset 0 0 12px #57d8ff38,0 0 20px #57d8ff3d;animation:rune-pulse 1.6s ease-in-out infinite}.scene-message{position:absolute;z-index:6;top:50%;left:50%;width:min(440px,calc(100vw - 40px));padding:32px;border:1px solid rgb(102 203 241 / 28%);background:#030d1ee0;box-shadow:0 24px 80px #00000073,inset 0 0 38px #2690c712;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-message__rune{color:#60e5ff;font-size:30px;text-shadow:0 0 20px #21b7df}.scene-message h2{margin:12px 0 8px;font-size:18px}.scene-message p{margin:0;color:#dcecffad;font-size:13px;line-height:1.7}.scene-message button{margin-top:22px;padding:9px 22px;border:1px solid rgb(95 222 255 / 52%);background:#23759f47;color:#dff8ff;cursor:pointer;letter-spacing:.08em}.scene-message button:hover{background:#23759f7a}.scene-telemetry{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.battle-hud{position:absolute;z-index:4;top:8px;left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 180px));pointer-events:none}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-hero{flex:1;padding:5px 8px 6px;border:1px solid rgb(102 203 241 / 22%);background:#030d1e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px}.hud-hero-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.hud-hero-name{display:grid;gap:1px;min-width:0;font-size:12px;font-weight:600;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-hero-name small{color:#bcdaeb7a;font-size:8px;font-weight:700;letter-spacing:.08em}.hud-hero-blue .hud-hero-name{color:#7cc0f0}.hud-hero-red .hud-hero-name{color:#f09a8a}.hud-hpbar{height:5px;margin-top:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.hud-hpbar-fill{height:100%;background:linear-gradient(90deg,#4fe07a,#2ea356);transition:width .15s linear}.hud-hero-red .hud-hpbar-fill{background:linear-gradient(90deg,#e07a5a,#a34a2e)}.hud-hero-stats{display:flex;gap:8px;justify-content:flex-end;white-space:nowrap;font-size:11px;color:#dcecffbf}.hud-cd{color:#a0c8e699}@media(max-width:600px){.hud-top{gap:5px}.hud-hero{padding-inline:5px}.hud-hero-summary{align-items:start;gap:3px}.hud-hero-stats{display:grid;gap:0;font-size:9px;text-align:right}.hud-cd:last-child{display:none}.hud-center{min-width:54px}.hud-frost{font-size:8px}}.hud-center{text-align:center;padding-top:0;min-width:90px}.hud-tick{font-size:15px;font-weight:600;color:#bfe6ff}.hud-frost{font-size:11px;color:#8fd4f0;margin-top:2px}.hud-result{margin-top:10px;padding:10px;text-align:center;font-size:17px;font-weight:700;color:#eaf7ff;background:#030d1ec7;border:1px solid rgb(102 203 241 / 35%);border-radius:6px}.hud-result-reason{display:block;font-size:11px;font-weight:400;color:#c8e2f5a6;margin-top:3px}.agent-log{min-height:0;overflow-y:auto;padding:4px 0;font-size:12px}.agent-log-row{display:flex;gap:8px;align-items:center;padding:2px 0}.agent-log-team{font-weight:700;width:18px}.team-blue{color:#7cc0f0}.team-red{color:#f09a8a}.agent-log-events{margin-top:6px;padding-top:6px;border-top:1px solid rgb(102 203 241 / 15%);color:#b4d2eb8c;font-size:10px}.replay-controller-shell{position:absolute;z-index:5;left:50%;bottom:18px;transform:translate(-50%);width:min(820px,calc(100vw - 40px))}.replay-controller{position:relative;display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;padding:10px 16px;background:#030d1ec7;border:1px solid rgb(102 203 241 / 28%);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.replay-transport{display:flex;gap:4px}.replay-transport button,.replay-speed button,.vision-panel-toggle,.vision-perspectives button,.vision-obstruction{border:1px solid rgb(95 222 255 / 30%);background:#23759f2e;color:#dff8ff;cursor:pointer;border-radius:4px;padding:5px 9px;font-size:13px}.replay-transport button:hover,.replay-speed button:hover,.vision-panel-toggle:hover,.vision-perspectives button:hover,.vision-obstruction:hover:not(:disabled){background:#23759f66}.replay-speed button.active,.vision-panel-toggle.is-active,.vision-perspectives button.active{background:#5fdeff66;border-color:#5fdeffb3}.replay-scrubber{flex:1;accent-color:#5fd0ee;cursor:pointer}.replay-speed{display:flex;gap:4px}.vision-panel-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;white-space:nowrap}.vision-panel-toggle svg{width:17px;height:17px;fill:none;stroke:currentcolor;stroke-width:1.8}.vision-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:250px;box-sizing:border-box;padding:14px;border:1px solid rgb(131 218 244 / 34%);border-radius:10px;background:linear-gradient(145deg,#0c2437f5,#030d1bf7);box-shadow:0 16px 40px #00040e7a,inset 0 1px #dcf8ff14;color:#eafaff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.vision-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.vision-panel header{display:grid;gap:3px;margin-bottom:12px}.vision-panel header span{font-size:13px;font-weight:900;letter-spacing:.08em}.vision-panel header small{color:#c3deed8f;font-size:10px}.vision-perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vision-perspectives button{min-height:32px;text-align:center}.vision-obstruction{display:flex;justify-content:space-between;width:100%;margin-top:8px;text-align:left}.vision-obstruction strong{color:#8ee5fb}.vision-obstruction:disabled{cursor:default;opacity:.62}@media(max-width:720px){.replay-speed,.vision-panel-toggle span{display:none}}@keyframes rune-pulse{50%{opacity:.58;transform:scale(.82) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.loading-rune,.vision-panel,.spectator-moments-panel{animation:none;transition-duration:0s}}.app-tabs{position:absolute;z-index:6;top:16px;right:22px;display:flex;gap:6px;padding:4px;border-radius:10px;background:#061222b8;border:1px solid rgb(120 180 255 / 22%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-tabs button{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;background:transparent;color:#c8e2ffb3;font-size:12px;font-weight:700;letter-spacing:.05em;transition:background .12s ease,color .12s ease}.app-tabs button.active{background:linear-gradient(180deg,#265a96e5,#143460e5);color:#dff0ff}.match-panel{position:absolute;z-index:6;top:64px;right:22px;width:min(420px,calc(100vw - 44px));display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#061222d9;border:1px solid rgb(120 180 255 / 22%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dcecffe5;font-size:13px}.identity-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.identity-id{color:#a0c8ffbf;font-size:12px;font-family:ui-monospace,monospace}.identity-rating{font-weight:700}.identity-record{color:#b4d2f5b3;font-size:12px}.tier-badge{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#3a4a5f;color:#e8f2ff}.tier-bronze{background:#7a5230}.tier-platinum{background:#3f9e97}.tier-diamond{background:#4d7dd1}.tier-master{background:#8e4ec6}.tier-king{background:#c23b3b}.code-input{width:100%;resize:vertical;border-radius:8px;border:1px solid rgb(120 180 255 / 25%);background:#020a16d9;color:#cfe6ff;font-family:ui-monospace,monospace;font-size:12px;padding:10px}.class-picker{display:flex;gap:8px}.class-picker button{cursor:pointer;flex:1;border:1px solid rgb(120 190 255 / 35%);border-radius:8px;padding:7px 0;background:transparent;color:#c8e2ffbf;font-weight:700}.class-picker button.active{background:linear-gradient(180deg,#265a96e5,#143460e5);color:#dff0ff}.match-btn{cursor:pointer;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:10px 0;background:linear-gradient(180deg,#2e6eb4f2,#183e70f2);color:#eaf5ff;font-size:14px;font-weight:800;letter-spacing:.08em;transition:filter .12s ease}.match-btn:hover:not(:disabled){filter:brightness(1.15)}.match-btn:disabled{opacity:.55;cursor:wait}.match-error{color:#ff9d9d;font-size:12px}.result-card{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;border:1px solid rgb(120 180 255 / 25%);background:#0a1a30cc}.result-outcome{font-size:16px;font-weight:800}.result-outcome.result-blue{color:#7fe3a0}.result-outcome.result-red{color:#ff9d9d}.result-card button{cursor:pointer;align-self:flex-start;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:6px 14px;background:linear-gradient(180deg,#265a96e5,#143460e5);color:#dff0ff;font-weight:700}.result-card button.ghost{background:transparent;color:#c8e2ffcc}.result-card button.copying{color:#f4d886;border-color:#dcb45073}.result-card button.copied{color:#7aebb2;border-color:#50dc8c73}.result-actions{display:flex;gap:8px;margin-top:4px;align-items:center}.leaderboard-page{position:absolute;inset:70px 30px 24px;overflow-y:auto;padding-right:6px;color:#eaf5ff}.lb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.lb-kicker{margin:0 0 4px;color:#69cfff;font-size:10px;font-weight:800;letter-spacing:.16em}.lb-page-title{margin:0;font-size:26px;font-weight:800;letter-spacing:.04em}.lb-subtitle{margin:7px 0 0;color:#b1d3f09e;font-size:12px}.lb-windows{display:flex;gap:3px;padding:4px;border:1px solid rgb(120 180 255 / 22%);border-radius:10px;background:#061222d1}.lb-window{cursor:pointer;border:0;border-radius:7px;padding:7px 14px;background:transparent;color:#bedaf7b3;font-size:12px;font-weight:700}.lb-window.is-active{background:#3d93cd4d;color:#e9f8ff}.lb-self{display:grid;grid-template-columns:auto minmax(150px,1fr) repeat(3,auto) auto;gap:12px 26px;align-items:center;margin-top:18px;padding:13px 18px;border:1px solid rgb(105 207 255 / 30%);border-radius:10px;background:linear-gradient(180deg,#1b517042,#061222bf)}.lb-self-rank{font-family:ui-monospace,monospace;font-size:24px;font-weight:800;color:#69cfff}.lb-self-who{display:flex;flex-direction:column;gap:4px}.lb-self-who b{display:flex;align-items:center;gap:8px;color:#aee9ff;font-size:14px}.lb-self-who span{font-family:ui-monospace,monospace;font-size:10px;color:#aed5f494}.lb-self-metric{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.lb-self-metric strong{font-family:ui-monospace,monospace;font-size:16px;color:#eaf5ff}.lb-self-metric span{font-size:10px;color:#b1d3f09e;letter-spacing:.08em}.lb-podium{display:grid;grid-template-columns:repeat(3,minmax(170px,210px));justify-content:center;align-items:end;gap:14px;margin:20px 0 6px}.lb-podium-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 14px 14px;border:1px solid rgb(120 180 255 / 18%);border-radius:12px;background:#061222bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lb-podium-card.podium-1{padding-top:22px;padding-bottom:20px;border-color:#c9a2278c;box-shadow:0 0 28px #c9a22729,inset 0 0 18px #c9a2270f}.lb-podium-card.podium-2{border-color:#8d99a673}.lb-podium-card.podium-3{border-color:#7a523099}.lb-podium-medal{font-family:ui-monospace,monospace;font-size:22px;font-weight:800}.lb-podium-card.podium-1 .lb-podium-medal{font-size:30px;color:#c9a227;text-shadow:0 0 18px rgb(201 162 39 / 45%)}.lb-podium-card.podium-2 .lb-podium-medal{color:#8d99a6}.lb-podium-card.podium-3 .lb-podium-medal{color:#c98d5f}.podium-name{font-size:14px;font-weight:800}.podium-rating{display:flex;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:13px}.lb-board{margin-top:18px;border:1px solid rgb(120 180 255 / 18%);border-radius:12px;background:#061222bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.lb-board table{width:100%;border-collapse:collapse;font-size:12px}.lb-board th{position:sticky;top:0;z-index:1;text-align:left;padding:10px 14px;color:#a0c8ff7f;font-size:11px;font-weight:600;letter-spacing:.08em;border-bottom:1px solid rgb(120 180 255 / 18%);background:#061222eb}.lb-board td{padding:9px 14px;border-bottom:1px solid rgb(120 180 255 / 8%);color:#dcecffe5}.lb-board tbody tr:hover{background:#5aa0ff14}.lb-board tbody tr:last-child td{border-bottom:0}.lb-board tr[data-kind=player] td{color:#aee9ff}.lb-board .num{text-align:right;font-family:ui-monospace,monospace}.lb-board th.num{text-align:right}.rank{font-family:ui-monospace,monospace;font-weight:800;color:#aed5f4b3}.rank.r1{color:#c9a227}.rank.r2{color:#8d99a6}.rank.r3{color:#c98d5f}.who{display:flex;flex-direction:column;gap:2px}.who b{font-size:12px;color:#e8f1ffeb}.who span{font-family:ui-monospace,monospace;font-size:10px;color:#aed5f494}.me-chip{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#69cfff29;color:#69cfff;font-size:10px;font-weight:800;font-style:normal}tr.is-me{background:#3d93cd1a;box-shadow:inset 2px 0 #69cfff}tr.is-me:hover{background:#3d93cd29}tr.is-me .who b{color:#aee9ff}.lb-foot{margin:10px 4px 0;color:#a0c8ff7f;font-size:11px}.sk{border-radius:6px;background:linear-gradient(90deg,#78b4ff0d 25%,#78b4ff21,#78b4ff0d 75%);background-size:200% 100%;animation:sk-shift 1.4s ease-in-out infinite}@keyframes sk-shift{0%{background-position:180% 0}to{background-position:-20% 0}}.lb-skel-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 16px 10px}.lb-skel-podium .sk{height:101px}.lb-skel-podium .sk:nth-child(2){height:121px}.lb-skel-rows{display:grid;gap:10px;padding:8px 16px 18px}.lb-skel-rows .sk{height:30px}.lb-state-box{display:grid;justify-items:center;gap:12px;padding:46px 20px;color:#b1d3f09e;font-size:12px}.lb-err-text{color:#ff9d9d}.lb-empty-title{color:#dcecffe5;font-size:15px}.btn-ghost{cursor:pointer;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:7px 14px;background:transparent;color:#c8e2ffd9;font-size:12px;font-weight:700;white-space:nowrap}.btn-ghost:hover{background:#5aa0ff2e}.btn-primary{cursor:pointer;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:8px 18px;background:linear-gradient(180deg,#2e6eb4f2,#183e70f2);color:#eaf5ff;font-size:12px;font-weight:700;letter-spacing:.04em}.me-chip{line-height:1.3}.btn{display:inline-block;cursor:pointer;border:1px solid rgb(120 190 255 / 45%);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;background:linear-gradient(180deg,#2e6eb4f2,#183e70f2);color:#eaf5ff;text-align:center;letter-spacing:.04em;transition:filter .12s ease,transform .12s ease}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:#c8e2ffcc}.btn.big{width:100%;padding:12px 0;font-size:14px;display:block}.home-page{position:absolute;inset:0;overflow:hidden}.home-hero{position:absolute;top:110px;left:70px;width:min(560px,55vw)}.home-hero h2{font-size:34px;line-height:1.28;letter-spacing:.02em;color:#eaf3ff}.home-hero h2 em{color:#7fd6ff;font-style:normal}.home-hero p{margin-top:16px;color:#b4d2f5ad;font-size:14px;line-height:1.7;max-width:480px}.home-steps{display:flex;gap:12px;margin-top:26px}.home-step{flex:1;background:#061222c7;border:1px solid rgb(120 180 255 / 22%);border-radius:10px;padding:13px 14px;font-size:12px;line-height:1.55;color:#c8e2ffd1}.home-step b{display:block;color:#9fd0ff;margin-bottom:5px;font-size:12px}.home-cta{position:absolute;top:150px;right:70px;width:300px;background:#061222d9;border:1px solid rgb(120 180 255 / 22%);border-radius:12px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-who{font-size:13px;color:#c8e2ffd9;line-height:1.7;margin-bottom:14px}.home-who .mono{font-family:ui-monospace,monospace;color:#aee9ff}.home-name-label{display:block;margin-bottom:6px;color:#9fd0ff;font-size:12px;font-weight:700}.home-name-input{width:100%;box-sizing:border-box;margin-bottom:8px;padding:10px 12px;border:1px solid rgb(120 190 255 / 38%);border-radius:8px;background:#030c1cc2;color:#e8f7ff;outline:none}.home-name-input:focus{border-color:#68cfff;box-shadow:0 0 0 2px #44bcff26}.home-name-error{margin:0 0 8px;color:#ff9d9d;font-size:11px}.home-hint{margin-top:10px;font-size:11px;color:#b4d2f58c}.home-links{display:flex;gap:8px;margin-top:16px}.home-links .btn{flex:1;padding:8px 0}.lobby-head{position:absolute;z-index:6;top:16px;right:22px;display:flex;gap:8px}.lobby-page{position:absolute;inset:64px 30px 24px;display:grid;grid-template-columns:300px 1fr;gap:14px}.lobby-left{display:flex;flex-direction:column;gap:14px;min-width:0}.card{background:#061222d9;border:1px solid rgb(120 180 255 / 22%);border-radius:12px;padding:15px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h4{font-size:12px;letter-spacing:.1em;color:#9fd0ff;margin:0 0 10px}.stat-big{font-size:26px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}.stat-sub{font-size:11px;color:#b4d2f59e;margin-top:5px;line-height:1.55}.map-name{font-size:14px;font-weight:700;color:#eaf3ff}.map-feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.map-feat span{font-size:10px;border:1px solid rgb(120 180 255 / 22%);border-radius:6px;padding:2px 8px;color:#b4d2f5b3}.lobby-code{display:flex;flex-direction:column;min-height:0}.lobby-code .code-input{flex:1;min-height:220px}.code-toolbar{display:flex;gap:8px;margin-bottom:8px}.code-toolbar .code-name-input{flex:1;min-width:0}.code-toolbar .btn{flex-shrink:0;padding:8px 12px;font-size:12px}.code-name-input{width:100%;padding:8px 10px;border:1px solid rgb(120 190 255 / 38%);border-radius:8px;background:#020a16d9;color:#e8f7ff;font-family:ui-monospace,monospace;font-size:12px;outline:none}.code-name-input:focus{border-color:#68cfff;box-shadow:0 0 0 2px #44bcff26}.code-name-input::placeholder{color:#8cc8f066}.lobby-code .class-picker{margin:10px 0}.lobby-code .match-btn{width:100%}.ability-slot{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid rgb(120 180 255 / 20%);border-radius:10px;background:#0a1a308c}.ability-icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;font-size:22px;background:#142846a6;border:1px solid rgb(120 180 255 / 25%)}.ability-icon.warrior{border-color:#ffa07859}.ability-icon.mage{border-color:#78c8ff59}.ability-icon.kind-meleeSweep{box-shadow:inset 0 0 12px #ffb43c38}.ability-icon.kind-skillShot{box-shadow:inset 0 0 12px #68d5ff47}.ability-icon.kind-dash{box-shadow:inset 0 0 12px #b4a0ff38}.ability-icon.kind-selfBuff{box-shadow:inset 0 0 12px #ff785047}.ability-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ability-name-row{display:flex;align-items:center;gap:8px}.ability-name{font-size:13px;font-weight:700;color:#eaf5ff}.ability-desc{font-size:11px;color:#b4d2f5a6;line-height:1.45}.ability-stats{display:flex;gap:10px;margin-top:1px}.ability-stat{font-size:10px;color:#a0c8ff99;font-family:ui-monospace,monospace}.ability-stat strong{color:#cfe6ff;font-weight:600}.ability-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;padding:1px 7px;border-radius:999px;white-space:nowrap;line-height:1.4}.badge-skillShot{background:#68d5ff38;color:#8ae0ff}.badge-selfBuff{background:#ff785038;color:#fa8}.badge-meleeSweep{background:#ffb43c38;color:#fc6}.badge-dash{background:#b4a0ff38;color:#c4b8ff}.badge-warrior{background:#ff8c6429;color:#fa8;border:1px solid rgb(255 140 100 / 30%)}.badge-mage{background:#64c8ff29;color:#8ae0ff;border:1px solid rgb(100 200 255 / 30%)}.ability-picker-overlay{position:relative;margin-top:-4px;margin-bottom:10px;border:1px solid rgb(95 208 238 / 40%);border-radius:10px;background:#041020f5;box-shadow:0 8px 32px #0000008c,0 0 0 1px #5fd0ee1f;overflow:hidden}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgb(120 180 255 / 12%);font-size:11px;font-weight:800;letter-spacing:.08em;color:#9fd0ff}.picker-list{display:flex;flex-direction:column}.picker-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border:none;border-bottom:1px solid rgb(120 180 255 / 6%);background:transparent;color:#dcecff;text-align:left;font:inherit;transition:background .12s ease}.picker-item:last-child{border-bottom:none}.picker-item:hover:not(.disabled){background:#3d93cd24}.picker-item.selected{background:#3d93cd33;box-shadow:inset 3px 0 #7fd6ff}.picker-item.disabled{opacity:.3;cursor:not-allowed}.picker-item.disabled:hover{background:transparent}.picker-item-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:7px;font-size:18px;background:#1428467f;border:1px solid rgb(120 180 255 / 18%)}.picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.picker-item-name-row{display:flex;align-items:center;gap:6px}.picker-item-name{font-size:12px;font-weight:700}.picker-item-desc{font-size:10px;color:#b4d2f5a6;line-height:1.4}.picker-item-stats{display:flex;gap:8px;margin-top:1px;font-size:9px;color:#a0c8ff8c;font-family:ui-monospace,monospace}.picker-item-stats strong{color:#cfe6ff;font-weight:600}.picker-item-check{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#3d93cd40;color:#8ae0ff;font-size:11px}.picker-item-badge{font-size:9px;padding:1px 6px;border-radius:999px;background:#78b4ff1a;color:#b4d2f599;letter-spacing:.04em}.picker-item-badge.equipped{background:#3d93cd40;color:#8ae0ff}.modal-overlay{position:fixed;inset:0;z-index:999;background:#0000008c;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{width:min(400px,calc(100vw - 40px));padding:22px;border:1px solid rgb(120 180 255 / 28%);border-radius:14px;background:#041022f5;box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal-box h3{margin:0 0 6px;font-size:15px;color:#eaf5ff;letter-spacing:.04em}.modal-box p{margin:0 0 16px;font-size:12px;color:#b4d2f5a6;line-height:1.6}.modal-box p b{color:#dcecff}.modal-box p.warn-text{color:#f4a842}.modal-input{width:100%;margin-bottom:14px;padding:10px 12px;border:1px solid rgb(120 190 255 / 38%);border-radius:8px;background:#020a16d9;color:#e8f7ff;font-family:ui-monospace,monospace;font-size:12px;outline:none}.modal-input:focus{border-color:#68cfff;box-shadow:0 0 0 2px #44bcff26}.modal-input::placeholder{color:#8cc8f066}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.submit-code-btn{display:block;margin:10px 0;padding:10px 40px;font-size:13px;width:100%;text-align:center}.btn-danger{background:linear-gradient(180deg,#b43c28e5,#781e14e5);border-color:#ff78648c;color:#eaf5ff}.btn-danger:hover{filter:brightness(1.2)!important;transform:translateY(-1px)}.modal-box .success-text{color:#7fe3a0}.modal-box .error-text{color:#ff9d9d}.spectate-modal-overlay{background:radial-gradient(circle at 50% 32%,rgb(44 148 194 / 20%),transparent 38%),#01070fc7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.lobby-page.lobby-page--frozen{--frost-ink: #172b4c;--frost-muted: #5f718e;--frost-line: rgb(83 123 174 / 31%);--frost-paper: #edf5ff;--frost-paper-deep: #dbe9f8;--frost-gold: #c99b48;--frost-gold-bright: #f0cf83;--frost-violet: #8875c8;isolation:isolate;grid-template-columns:minmax(520px,1.9fr) minmax(280px,.78fr);grid-template-rows:auto minmax(0,1fr);gap:16px;overflow-x:hidden;overflow-y:auto;padding:3px;color:var(--frost-ink);scrollbar-color:rgb(153 183 216 / 65%) transparent}.lobby-page--frozen:before{position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 15% 9%,rgb(111 151 204 / 18%),transparent 25%),radial-gradient(circle at 85% 78%,rgb(65 92 147 / 22%),transparent 32%),linear-gradient(145deg,#081426,#0d1d36 48%,#101b31);content:"";pointer-events:none}.lobby-page--frozen:after{position:fixed;z-index:-1;inset:0;opacity:.28;background-image:radial-gradient(circle,rgb(224 241 255 / 65%) 0 1px,transparent 1.4px),linear-gradient(115deg,transparent 0 47%,rgb(175 211 242 / 5%) 48% 49%,transparent 50%);background-size:83px 83px,260px 260px;content:"";pointer-events:none}.lobby-page--frozen .ice-slab,.lobby-page--frozen .ice-panel{position:relative;border:1px solid rgb(170 204 236 / 88%);border-radius:5px;background:linear-gradient(135deg,transparent 0 16px,rgb(240 247 255 / 97%) 17px) top left,linear-gradient(315deg,transparent 0 13px,rgb(221 235 249 / 97%) 14px) bottom right;background-color:var(--frost-paper);background-size:56% 56%;background-repeat:no-repeat;box-shadow:0 16px 40px #01081559,inset 0 0 0 3px #ffffff7a,inset 0 0 34px #75a3d01a;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-page--frozen .ice-slab:before,.lobby-page--frozen .ice-panel:before{position:absolute;z-index:0;inset:7px;border:1px solid rgb(101 139 184 / 22%);content:"";pointer-events:none}.lobby-page--frozen .ice-slab>*,.lobby-page--frozen .ice-panel>*{position:relative;z-index:1}.lobby-page--frozen .lobby-hero-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(160px,.88fr) minmax(250px,1.35fr) minmax(170px,.78fr) minmax(220px,1fr) minmax(170px,.8fr);gap:12px;align-items:stretch;overflow:hidden;padding:20px 22px}.lobby-arena-mark{position:absolute!important;top:-25px;right:22px;display:flex;gap:9px;align-items:center;color:#3d618f21;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:700;letter-spacing:.04em;pointer-events:none;white-space:nowrap}.lobby-arena-mark span{font-size:13px;letter-spacing:.28em}.lobby-arena-mark i{font-size:54px;font-style:normal}.lobby-page--frozen .lobby-panel-heading{display:flex;flex-direction:column;justify-content:center;padding:8px 5px}.lobby-page--frozen .lobby-panel-heading>span{color:#58749a;font-size:9px;letter-spacing:.18em}.lobby-page--frozen .lobby-panel-heading h3{margin:7px 0 5px;color:#172b4c;font-family:"Noto Serif SC",Songti SC,STSong,Georgia,serif;font-size:clamp(20px,1.7vw,27px);letter-spacing:.03em}.lobby-page--frozen .lobby-panel-heading p{max-width:560px;margin:0;color:var(--frost-muted);font-size:11px;line-height:1.65}.lobby-page--frozen .lobby-class-picker{align-self:stretch;gap:7px;margin:0}.lobby-page--frozen .lobby-class-picker button{position:relative;border:1px solid rgb(87 123 169 / 28%);border-radius:3px;padding:12px 13px;background:#e1edf9b8;color:#263c5c;box-shadow:inset 0 1px #ffffffb3;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.lobby-page--frozen .lobby-class-picker button:hover{border-color:#bf8f3ca6;transform:translateY(-1px)}.lobby-page--frozen .lobby-class-picker button.active{border-color:#bc9149;background:linear-gradient(145deg,#fff9e9,#ead8b5);color:#392c1a;box-shadow:inset 0 0 0 2px #ffffffa6,0 5px 16px #4d36131f}.lobby-page--frozen .lobby-class-picker button small{color:#6c7890}.lobby-page--frozen .lobby-class-picker button.active small{color:#766341}.lobby-page--frozen .lobby-hero-panel>.card{min-width:0;border:1px solid rgb(97 132 174 / 24%);border-radius:3px;padding:13px 14px;background:#d7e7f78f;color:var(--frost-ink);box-shadow:inset 0 1px #ffffffb3;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-page--frozen .lobby-hero-panel>.card h4{margin-bottom:8px;color:#627795;font-size:9px}.lobby-page--frozen .stat-big{color:#172b4c;font-family:Georgia,serif}.lobby-page--frozen .stat-sub{color:#64738a}.lobby-page--frozen .map-name{color:#1c3150;font-family:"Noto Serif SC",Songti SC,STSong,serif}.lobby-page--frozen .map-feat span{border-color:#5a7eaa40;background:#f8fcff7f;color:#5d6f88}.lobby-page--frozen .lobby-code,.lobby-page--frozen .lobby-match-panel{min-height:0;padding:24px}.lobby-page--frozen .lobby-code{overflow-y:auto}.lobby-page--frozen .lobby-match-panel{align-self:stretch;overflow-y:auto}.strategy-onboarding{margin:-3px -2px 17px;border-bottom:1px solid rgb(87 122 166 / 20%);padding:0 2px 17px}.strategy-source-toggle{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center;width:100%;margin-top:13px;border:1px solid rgb(91 124 164 / 29%);border-radius:3px;padding:11px 13px;background:#deebf99e;color:#263a59;text-align:left}.strategy-source-toggle>span{grid-row:span 2;color:#b68739;font-size:17px}.strategy-source-toggle b{font-size:11px}.strategy-source-toggle small{color:#687993;font-size:9px}.strategy-source-toggle strong{grid-row:1 / span 2;grid-column:3;color:#6e7f97;font-size:17px}.strategy-source-toggle:hover,.strategy-source-toggle.active{border-color:#b7893c99;background:#f5eedf}.strategy-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.strategy-source-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;border:1px solid rgb(91 125 169 / 28%);border-radius:3px;padding:12px;background:#e0ecf9a3;color:#203555;text-align:left;box-shadow:inset 0 1px #fff9;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.strategy-source-card:hover{border-color:#b0843aa6;background:#f7f1e5;box-shadow:0 7px 18px #1d304b1f,inset 0 1px #fff;transform:translateY(-2px)}.strategy-source-card:active{transform:translateY(0)}.strategy-source-card__icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(91 126 168 / 28%);border-radius:50%;background:#f9fcffad;color:#6680a3;font-size:17px}.strategy-source-card__copy{display:grid;gap:2px;min-width:0}.strategy-source-card__copy small{color:#728199;font-size:8px;letter-spacing:.08em}.strategy-source-card__copy small i{margin-right:4px;border-radius:999px;padding:1px 5px;background:#c89b48;color:#fffaf0;font-style:normal}.strategy-source-card__copy b{overflow:hidden;color:#1b3150;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.strategy-source-card__copy em{overflow:hidden;color:#68778e;font-size:8.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.strategy-source-card>strong{color:#8a7450}.strategy-source-card.is-agent{border-color:#816dbe4d;background:linear-gradient(145deg,#ebe7f9c7,#dde6f7b3)}.strategy-source-card.is-agent .strategy-source-card__icon{border-color:#816dbe57;color:var(--frost-violet)}.strategy-source-card.is-agent .strategy-source-card__copy small i{background:var(--frost-violet)}.lobby-page--frozen .code-toolbar{align-items:stretch;margin-bottom:10px}.lobby-page--frozen .code-name-input{border-color:#5777a04d;border-radius:3px;background:#fafcffb8;color:#243754;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.lobby-page--frozen .code-name-input:focus{border-color:#b98d43;box-shadow:0 0 0 2px #c99b4829}.lobby-page--frozen .code-toolbar .btn,.lobby-page--frozen .submit-code-btn,.lobby-page--frozen .ability-actions .btn{border-color:#5c7ca457;border-radius:3px;background:#e1ecf7b3;color:#334b6b;box-shadow:none}.lobby-page--frozen .code-toolbar .btn:hover,.lobby-page--frozen .submit-code-btn:hover,.lobby-page--frozen .ability-actions .btn:hover{border-color:#bb8d409e;background:#f4ead6;color:#59431f}.lobby-page--frozen .ability-slot{border-color:#5378a642;border-radius:3px;background:linear-gradient(100deg,#d8e8f8a8,#f2f7fd7a)}.lobby-page--frozen .ability-icon{border-color:#6786ae57;border-radius:3px;background:#1b3151}.lobby-page--frozen .ability-name{color:#1c3150}.lobby-page--frozen .ability-desc{color:#61728a}.lobby-page--frozen .ability-stat{color:#697d98}.lobby-page--frozen .ability-stat strong{color:#2e486a}.lobby-page--frozen .code-input{min-height:280px;border:1px solid #334f74;border-radius:3px;padding:15px;background:linear-gradient(90deg,rgb(255 255 255 / 2%) 1px,transparent 1px),#0d1a2d;background-size:28px 100%;color:#dce9f7;caret-color:var(--frost-gold-bright);line-height:1.55;box-shadow:inset 0 0 24px #00000040}.lobby-page--frozen .code-input:focus{border-color:#c29a55;outline:2px solid rgb(201 155 72 / 14%)}.lobby-page--frozen .strategy-test{border-color:#5779a440;border-radius:3px;background:#dae8f791}.lobby-page--frozen .strategy-test__heading span{color:#92703a}.lobby-page--frozen .strategy-test__heading h4{color:#203655}.lobby-page--frozen .strategy-test__heading p{color:#64758e}.lobby-page--frozen .strategy-test__run{border-color:#b78a40;border-radius:3px;background:linear-gradient(#ecd08f,#c49849);color:#33240d;box-shadow:inset 0 1px #fffae1cc,0 4px 12px #62461626}.lobby-page--frozen .lobby-match-summary span{border-bottom-color:#5476a02b;color:#6a7890}.lobby-page--frozen .lobby-match-summary b{color:#203654}.lobby-page--frozen .lobby-defend-card{border-color:#5476a036;border-radius:3px;background:#dae7f68a;box-shadow:none}.lobby-page--frozen .lobby-defend-card h4{color:#2a4363}.lobby-page--frozen .lobby-defend-card>button{border-color:#5b7ca447;border-radius:3px;background:#f5f9fd94;color:#516681}.lobby-page--frozen .lobby-defend-card>button strong{color:#2b4261}.lobby-page--frozen .lobby-defend-card>button small{color:#718099}.lobby-page--frozen .lobby-defend-card>button.active{border-color:#b78b42;background:linear-gradient(145deg,#fff8e8,#ead8b8);box-shadow:inset 0 0 0 1px #ffffffa3}.lobby-page--frozen .match-btn{min-height:48px;border:1px solid #ae8036;border-radius:3px;background:linear-gradient(#efd38f,#c39443);color:#302109;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:15px;box-shadow:inset 0 1px #fff8dad9,0 7px 18px #49310d2e}.lobby-page--frozen .match-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.lobby-page--frozen .lobby-match-note{color:#6d7a8d}.lobby-page--frozen+.game-tutorial,.lobby-page--frozen~.game-tutorial{color:initial}@media(max-width:1180px){.lobby-page.lobby-page--frozen{grid-template-columns:minmax(500px,1.45fr) minmax(270px,.75fr)}.lobby-page--frozen .lobby-hero-panel{grid-template-columns:minmax(170px,.85fr) minmax(240px,1.2fr) minmax(160px,.7fr) minmax(220px,1fr)}.lobby-page--frozen .lobby-hero-panel>.card:last-child{display:none}.strategy-sources{grid-template-columns:1fr}}@media(max-width:900px){.lobby-page.lobby-page--frozen{inset:68px 16px 18px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,max-content);grid-auto-rows:max-content;align-content:start;overflow-y:auto}.lobby-page--frozen .lobby-hero-panel{grid-column:auto;grid-template-columns:1fr 1fr;min-height:max-content;overflow:visible}.lobby-page--frozen .lobby-panel-heading{grid-column:1 / -1}.lobby-page--frozen .lobby-hero-panel>.card:last-child{display:block}.lobby-page--frozen .lobby-code,.lobby-page--frozen .lobby-match-panel{align-self:start;min-height:max-content;overflow:visible}.strategy-sources{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.lobby-page.lobby-page--frozen{inset:60px 10px 14px;gap:12px}.lobby-page--frozen .lobby-hero-panel{grid-template-columns:1fr;padding:18px 15px}.lobby-page--frozen .lobby-panel-heading,.lobby-page--frozen .lobby-hero-panel>*{grid-column:auto}.lobby-arena-mark{display:none}.lobby-page--frozen .lobby-class-picker{grid-template-columns:1fr 1fr}.lobby-page--frozen .lobby-class-picker button{min-width:0;padding:10px}.lobby-page--frozen .lobby-hero-panel>.card{padding:11px 12px}.lobby-page--frozen .lobby-code,.lobby-page--frozen .lobby-match-panel{padding:19px 15px}.strategy-sources{grid-template-columns:1fr}.strategy-source-card__copy b,.strategy-source-card__copy em{white-space:normal}.lobby-page--frozen .code-toolbar{flex-wrap:wrap}.lobby-page--frozen .code-toolbar .btn{width:100%}.lobby-page--frozen .ability-slot{align-items:flex-start;flex-wrap:wrap}.lobby-page--frozen .ability-actions{width:100%;align-items:stretch}.lobby-page--frozen .lobby-defend-card{grid-template-columns:1fr}.lobby-page--frozen .lobby-defend-card h4,.lobby-page--frozen .lobby-defend-card>p{grid-column:1}.lobby-page--frozen .code-input{min-height:330px;font-size:11px}}.spectate-modal{position:relative;width:min(570px,calc(100vw - 32px));overflow:hidden;border-color:#70def857;border-radius:18px;padding:30px;background:linear-gradient(145deg,#0c2739fa,#030e1bfa 66%),#030e1bfa;box-shadow:0 28px 90px #000000b8,inset 0 1px #d2f9ff17}.spectate-modal:before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 28%,rgb(103 218 246 / 7%),transparent 62%),radial-gradient(circle at 88% 2%,rgb(105 219 245 / 17%),transparent 30%);content:""}.spectate-modal>*{position:relative}.spectate-modal__close{position:absolute;z-index:2;top:14px;right:15px;width:32px;height:32px;border:1px solid rgb(134 211 235 / 20%);border-radius:50%;background:#05142294;color:#d5f1fab8;font-size:21px;line-height:1}.spectate-modal__close:hover{border-color:#77e2fa8c;color:#f4fcff;transform:rotate(4deg)}.spectate-modal__eyebrow{display:block;margin-bottom:8px;color:#6edcf7;font-size:9px;font-weight:900;letter-spacing:.23em}.spectate-modal h3{font-size:22px}.spectate-modal>p{max-width:430px}.spectate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spectate-options button{display:grid;min-height:150px;justify-items:start;border:1px solid rgb(124 206 232 / 20%);border-radius:12px;padding:20px;background:linear-gradient(145deg,#153f5473,#04121f9e);color:#eefbff;text-align:left}.spectate-options button:hover{border-color:#6bddf78c;background:linear-gradient(145deg,#1b526b9e,#051929cc);box-shadow:0 12px 30px #0000003d,inset 0 1px #d2f9ff14;transform:translateY(-2px)}.spectate-options__icon{display:grid;width:36px;height:36px;place-items:center;margin-bottom:20px;border:1px solid rgb(113 223 247 / 42%);border-radius:9px;background:#48b4d61f;color:#75e2fa;font-size:20px}.spectate-options strong{font-size:14px;letter-spacing:.03em}.spectate-options small{margin-top:7px;color:#bedeed8c;font-size:10px;line-height:1.5}.spectate-replay-label{display:grid;gap:8px;color:#d3edf7c2;font-size:11px;font-weight:800}.spectate-replay-input{min-height:170px;resize:vertical;line-height:1.55}.spectate-modal .error-text{margin-top:-5px;color:#ffaaa8}.spectator-quick-rail{position:absolute;z-index:7;top:70px;left:16px;color:#dff8ff}.spectator-quick-rail__buttons{display:flex;gap:7px}.spectator-quick-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid rgb(154 219 239 / 20%);border-radius:8px;padding:8px 10px;background:#030d1ba6;box-shadow:inset 0 1px #e1faff0d;color:#dcf1f9c2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:11px;font-weight:800;cursor:pointer}.spectator-quick-button svg{width:17px;height:17px;fill:none;stroke:currentcolor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.spectator-quick-button:hover,.spectator-quick-button.is-active{border-color:#77def77f;background:#10364cd1;color:#f0fcff}.spectator-quick-button:focus-visible,.vision-panel-toggle:focus-visible,.vision-panel button:focus-visible{outline:2px solid #8ee9ff;outline-offset:2px}.spectator-quick-button:disabled{cursor:default;opacity:.38}.spectator-moments-panel{position:absolute;top:48px;left:0;display:flex;width:min(260px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 190px));box-sizing:border-box;flex-direction:column;gap:12px;overflow:hidden;border:1px solid rgb(128 215 241 / 32%);border-radius:10px;padding:15px;background:radial-gradient(circle at 10% 0,rgb(86 187 218 / 12%),transparent 42%),linear-gradient(145deg,#0a2234f5,#030d1bf7);box-shadow:0 18px 46px #00040e7f,inset 0 1px #def9ff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12px);transition:opacity .17s ease,transform .17s ease,visibility 0s linear .17s}.spectator-moments-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.spectator-moments-panel__header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid rgb(141 216 238 / 14%);padding-bottom:11px}.spectator-moments-panel__header small{color:#77d7ef;font-size:8px;font-weight:900;letter-spacing:.18em}.spectator-moments-panel__header h2{margin:4px 0 0;color:#f2fcff;font-size:17px}.spectator-moments-panel__header button{width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:#daf0f894;font-size:19px;cursor:pointer}.spectator-moments-panel__header button:hover{background:#70d5ef1f;color:#fff}.spectator-rematch-btn{cursor:pointer;min-height:34px;width:100%;border:1px solid rgb(205 173 96 / 62%);border-radius:7px;background:linear-gradient(180deg,#8b6827c7,#4a3114e0);color:#fff1c7;text-align:center;font-size:11px;font-weight:800}.spectator-rematch-btn:disabled{cursor:wait;opacity:.65}.spectator-error{margin-top:7px;color:#ff9d9d;font-size:11px}.loading-state small{display:block;margin-top:8px;color:#bedcf5a3;font-size:11px}.manual-page{position:absolute;inset:0;overflow:hidden}.manual-toolbar{position:absolute;top:16px;right:22px;display:flex;gap:8px;z-index:6}.manual-body{position:absolute;inset:64px 120px 30px;overflow-y:auto;background:#061222d9;border:1px solid rgb(120 180 255 / 22%);border-radius:12px;padding:24px 30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;line-height:1.7;color:#dcecffe5}.manual-h{color:#9fd0ff;font-size:16px;margin:20px 0 8px}.manual-h:first-child{margin-top:0;font-size:20px}.manual-p{margin:8px 0}.manual-code-wrap{position:relative;margin:10px 0}.manual-code{background:#020a16d9;border:1px solid rgb(120 180 255 / 22%);border-radius:8px;padding:12px 14px;font-family:ui-monospace,monospace;font-size:11.5px;color:#cfe6ff;overflow-x:auto;white-space:pre;margin:0}.copy-chip{position:absolute;top:6px;right:6px;cursor:pointer;font-size:10px;background:#123c63;border:1px solid rgb(120 180 255 / 22%);color:#9fd0ff;border-radius:5px;padding:2px 8px}.manual-toolbar .copy-chip{position:static}.manual-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px}.manual-table th,.manual-table td{border:1px solid rgb(120 180 255 / 18%);padding:5px 9px;text-align:left}.manual-table th{color:#9fd0ff}@media(max-width:900px){.home-hero{left:24px;top:80px;width:calc(100vw - 48px)}.home-cta{position:static;margin:380px 24px 0;width:auto}.home-steps{flex-direction:column}.lobby-page{grid-template-columns:1fr;overflow-y:auto}.manual-body{inset:64px 16px 20px;padding:16px}.app-shell.is-spectating .map-canvas{top:58px!important;right:0!important;bottom:118px!important;width:100%!important;height:calc(100% - 176px)!important}.app-shell.is-spectating .battle-hud{left:50%;width:calc(100vw - 132px)}.app-shell.is-spectating .replay-controller-shell{bottom:62px}.spectator-quick-rail{top:66px;left:12px}.spectator-quick-button span{display:none}.spectator-quick-button{width:38px;justify-content:center;padding:8px}.spectator-moments-panel{max-height:min(470px,calc(100vh - 200px))}}@media(max-width:1100px){.app-shell.is-spectating .app-brand{display:none}}.out-nav{position:absolute;z-index:8;top:16px;right:22px;display:flex;gap:4px;padding:4px;border:1px solid rgb(120 180 255 / 22%);border-radius:10px;background:#061222d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.out-nav button,.profile-filters button{cursor:pointer;border:0;border-radius:7px;padding:7px 12px;background:transparent;color:#bedaf7b3;font-weight:700}.out-nav button.active,.profile-filters button.active{background:#3d93cd4d;color:#e9f8ff}.profile-page{position:absolute;inset:70px 30px 24px;overflow-y:auto;color:#eaf5ff}.profile-hero{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}.profile-kicker{margin:0 0 5px;color:#69cfff;font-size:10px;font-weight:800;letter-spacing:.16em}.profile-hero h2,.profile-code-card h3,.profile-section-head h3{margin:0}.profile-id{cursor:pointer;border:0;padding:4px 0;background:transparent;color:#b1d3f099;font-family:ui-monospace,monospace}.profile-rank{display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:center}.profile-rank strong{font-size:28px}.profile-rank small{grid-column:1 / -1;color:#b1d3f09e}.profile-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.profile-metrics div{display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgb(120 180 255 / 18%);border-radius:10px;background:#061222bf}.profile-metrics strong{font-size:21px}.profile-metrics span{color:#b1d3f09e;font-size:11px}.profile-workbench{display:grid;grid-template-columns:minmax(430px,1.35fr) minmax(310px,.8fr);gap:12px}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-filters{display:flex;gap:3px}.profile-match-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.profile-match{cursor:pointer;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;width:100%;border:1px solid rgb(120 180 255 / 14%);border-radius:9px;padding:10px;background:#030d1d8c;color:#eaf5ff;text-align:left}.profile-match.selected{border-color:#5fd0eea6;background:#1b51706b}.profile-match>span{display:flex;flex-direction:column}.profile-outcome{align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;font-weight:900}.profile-outcome.win{background:#218e5e59;color:#7aebb2}.profile-outcome.loss{background:#a73a4359;color:#ff9da5}.profile-outcome.draw{background:#94844d59;color:#f4d886}.profile-match small,.profile-versions small{margin-top:3px;color:#b1d3f094}.profile-match-meta{text-align:right}.profile-code-column{display:flex;flex-direction:column;gap:12px;min-width:0}.profile-code-meta{margin:7px 0;color:#b1d3f09e;font-size:11px}.profile-code-hash{color:#71cbe9ad;font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere}.profile-code-card pre{max-height:260px;overflow:auto;padding:12px;border:1px solid rgb(120 180 255 / 17%);border-radius:8px;background:#010813d1;color:#bfe9ff;white-space:pre-wrap}.profile-replay{margin-top:0}.profile-replay-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.profile-copy-replay.copying{color:#f4d886;border-color:#dcb45073}.profile-copy-replay.copied{color:#7aebb2;border-color:#50dc8c73}.profile-versions{display:flex;flex-direction:column;gap:6px}.profile-versions h3{margin:0 0 5px}.profile-versions button{cursor:pointer;display:flex;justify-content:space-between;border:0;border-bottom:1px solid rgb(120 180 255 / 12%);padding:8px 0;background:transparent;color:#dff4ff}.profile-versions button.selected{color:#74dcff;border-bottom-color:#5fd0ee8c}.profile-load-more{width:100%;margin-top:10px}.profile-muted{color:#b1d3f094}.profile-empty{position:absolute;inset:120px 30px;color:#dff4ff}@media(max-width:760px){.out-nav{right:10px;left:10px;justify-content:space-between}.out-nav button{padding-inline:8px;font-size:11px}.profile-page{inset:70px 12px 12px}.profile-hero{grid-template-columns:1fr auto}.profile-hero>.btn{grid-column:1 / -1}.profile-metrics{grid-template-columns:repeat(3,1fr)}.profile-workbench{grid-template-columns:1fr}.profile-section-head{align-items:flex-start;flex-direction:column}}.admin-page{position:absolute;inset:70px 30px 24px;overflow-y:auto;padding-right:6px;color:#eaf5ff;z-index:1}.admin-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:320px;text-align:center;z-index:2}.admin-lock-icon{font-size:40px}.admin-lock h2{margin:0;font-size:20px;font-weight:800;color:#eaf5ff;letter-spacing:.06em}.admin-lock p{margin:0;color:#b1d3f09e;font-size:13px}.admin-key-input{width:260px;padding:9px 12px;border:1px solid rgb(120 190 255 / 38%);border-radius:8px;background:#020a16d9;color:#e8f7ff;font-family:ui-monospace,monospace;font-size:14px;text-align:center;letter-spacing:.12em;outline:none}.admin-key-input:focus{border-color:#68cfff;box-shadow:0 0 0 2px #44bcff26}.admin-key-input::placeholder{color:#8cc8f059}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.admin-title{display:flex;align-items:baseline;gap:12px}.admin-title h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.06em;color:#eaf5ff;text-shadow:0 2px 12px #001123}.admin-kicker{color:#69cfff;font-size:10px;font-weight:800;letter-spacing:.18em}.admin-quick{display:flex;gap:20px;align-items:center}.admin-quick-item{display:flex;align-items:center;gap:7px;padding:6px 12px;background:#061222bf;border:1px solid rgb(120 180 255 / 22%);border-radius:8px}.admin-dot{width:7px;height:7px;border-radius:50%;background:#68e6a1;box-shadow:0 0 9px #68e6a1}.admin-quick-val{font-weight:700;font-size:13px;color:#eaf5ff}.admin-quick-lbl{color:#b1d3f09e;font-size:10px;letter-spacing:.06em}.admin-quick-sub{color:#a0c8ff7f;font-size:10px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.admin-kpi-card{padding:17px 18px;background:#061222bf;border:1px solid rgb(120 180 255 / 18%);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column}.admin-kpi-value{font-size:34px;font-weight:800;color:#fff;line-height:1;display:flex;align-items:center;gap:10px}.admin-kpi-value-sm{font-size:28px}.admin-kpi-dot{width:10px;height:10px;border-radius:50%;background:#68e6a1;box-shadow:0 0 12px #68e6a1;flex-shrink:0}.admin-kpi-label{margin-top:8px;font-size:11px;color:#b1d3f09e;letter-spacing:.06em}.admin-kpi-sub{display:flex;gap:16px;margin-top:6px;font-size:10px;color:#a0c8ff7f}.admin-kpi-sub span{white-space:nowrap}.admin-main-grid{display:grid;grid-template-columns:1fr 380px;gap:14px;margin-bottom:16px}.panel{background:#061222bf;border:1px solid rgb(120 180 255 / 18%);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid rgb(120 180 255 / 14%)}.panel-head h3{margin:0;font-size:13px;font-weight:700;color:#eaf5ff;letter-spacing:.04em}.panel-count{color:#b1d3f09e;font-size:12px}.admin-live-dot{width:7px;height:7px;border-radius:50%;background:#68e6a1;box-shadow:0 0 9px #68e6a1;flex-shrink:0}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:9px 16px 7px;font-size:10px;font-weight:600;color:#a0c8ff7f;letter-spacing:.1em;border-bottom:1px solid rgb(120 180 255 / 14%)}.admin-table td{padding:10px 16px;border-bottom:1px solid rgb(120 180 255 / 8%);white-space:nowrap}.admin-player-name{font-weight:600;color:#aee9ff;font-size:13px}.new-player-badge{display:inline-block;background:#68e6a12e;color:#7fe3a0;font-weight:600;font-size:10px;padding:2px 7px;border-radius:10px;letter-spacing:.03em}.admin-session-dur{color:#69cfff;font-size:11px;font-family:ui-monospace,monospace;font-weight:600}.admin-mono-dim{color:#b1d3f09e;font-size:11px;font-family:ui-monospace,monospace}.admin-empty{padding:32px 16px;text-align:center;color:#a0c8ff7f}.tier-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.04em}.tier-bronze{background:#7a5230;color:#e0d6cc}.tier-silver{background:#8d99a6;color:#101820}.tier-gold{background:#c9a227;color:#1a1405}.tier-platinum{background:#3f9e97;color:#e0faf8}.tier-diamond{background:#4d7dd1;color:#e0eeff}.tier-master{background:#8e4ec6;color:#f0e4ff}.tier-king{background:#c23b3b;color:#ffe0e0}.admin-health-list{padding:12px 16px;display:flex;flex-direction:column;gap:14px}.admin-health-head{display:flex;justify-content:space-between;margin-bottom:5px}.admin-health-label{font-size:11px;color:#b1d3f09e;letter-spacing:.04em}.admin-health-val{font-size:11px;font-weight:700;color:#eaf5ff;font-family:ui-monospace,monospace}.admin-bar-track{width:100%;height:5px;background:#78b4ff1a;border-radius:6px;overflow:hidden}.admin-bar-fill{height:100%;border-radius:6px;transition:width .6s ease}.admin-bar-mem{background:linear-gradient(90deg,#3b82f6,#69cfff)}.admin-health-row{display:flex;gap:16px}.admin-health-mini{flex:1;display:flex;flex-direction:column;gap:3px}.admin-health-mini-val{font-size:22px;font-weight:800;color:#fff;font-family:ui-monospace,monospace}.admin-health-mini-lbl{font-size:10px;color:#b1d3f09e}.admin-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;flex-wrap:wrap;gap:10px}.admin-refresh-info{display:flex;align-items:center;gap:10px;color:#a0c8ff7f;font-size:11px}.admin-refresh-dot{width:6px;height:6px;border-radius:50%;background:#69cfff;box-shadow:0 0 6px #69cfff;animation:admin-pulse 2s ease-in-out infinite}@keyframes admin-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:860px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-main-grid{grid-template-columns:1fr}}@media(max-width:500px){.admin-kpi-grid{grid-template-columns:1fr}.admin-quick{display:none}}.auth-page{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 52%,#122957,#020817 72%)}.auth-card{width:100%;max-width:400px;padding:36px 32px;border-radius:14px;background:#061222d9;border:1px solid rgb(120 180 255 / 18%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h2{margin:0 0 24px;font-size:22px;font-weight:700;color:#dcecff;text-align:center}.auth-card label{display:block;margin:12px 0 4px;font-size:13px;color:#c8e2ffc7}.auth-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgb(120 180 255 / 25%);background:#081830cc;color:#dcecff;font-size:14px;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#3b82f6}.auth-btn{width:100%;margin-top:18px;padding:11px 0;font-size:15px;font-weight:600;border-radius:8px}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-github-btn{display:flex;align-items:center;justify-content:center;background:#24292e;color:#fff;text-decoration:none;border:1px solid rgb(120 180 255 / 15%)}.auth-github-btn:hover{background:#2f363d}.auth-divider{display:flex;align-items:center;margin:18px 0;color:#c8e2ff73;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#78b4ff2e}.auth-divider span{padding:0 12px}.auth-error{margin-top:10px;padding:8px 12px;border-radius:6px;background:#ef444426;border:1px solid rgb(239 68 68 / 30%);color:#ef4444;font-size:13px}.auth-links{display:flex;justify-content:space-between;margin-top:14px;gap:8px}.auth-links .btn.ghost{font-size:13px;color:#c8e2ffa6;padding:4px 0}.auth-links .btn.ghost:hover{color:#dcecff}.verify-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#ffc1071f;border-bottom:1px solid rgb(255 193 7 / 30%);color:#ffc107;font-size:13px}.verify-banner .btn{font-size:12px;padding:4px 12px}.account-section{padding:20px;border-radius:12px;background:#06122299;border:1px solid rgb(120 180 255 / 15%);margin-bottom:16px}.account-section h3{margin:0 0 12px;font-size:16px;color:#dcecff}.account-section .field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgb(120 180 255 / 8%);font-size:14px}.account-section .field:last-child{border-bottom:none}.account-section .label{color:#c8e2ffa6}.account-section .value{color:#dcecff;font-weight:500}.account-section__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.account-section__heading h3{margin:0}.account-section__actions{display:flex;gap:8px}.account-section__actions .btn{padding:7px 11px;font-size:11px}.account-section__actions .btn:last-child{color:#ffb5b5}.account-section .value.verified{color:#7ce2ac}.account-section .value.pending{color:#ffd27a}.player-nav{position:absolute;z-index:20;top:18px;right:28px;left:28px;display:flex;align-items:center;min-height:48px;color:#eaf8ff}.player-nav__brand{display:inline-flex;align-items:center;gap:10px;margin-right:42px;border:0;padding:0;background:transparent;color:#f4fbff;font-size:14px;font-weight:900;letter-spacing:.18em;cursor:pointer;transition:color .16s ease,transform .16s ease,filter .16s ease}.player-nav__brand:hover{color:#83e5ff;filter:brightness(1.15);transform:translateY(-1px)}.player-nav__brand:active{transform:translateY(0) scale(.97)}.player-nav__brand-mark{width:20px;height:20px;clip-path:polygon(50% 0,63% 31%,100% 50%,65% 64%,50% 100%,35% 64%,0 50%,37% 33%);background:linear-gradient(135deg,#d8f7ff,#45bfe9 55%,#326ed6);filter:drop-shadow(0 0 9px rgb(83 207 255 / 75%));transition:transform .18s ease,filter .18s ease}.player-nav__brand:hover .player-nav__brand-mark{transform:rotate(45deg) scale(1.08);filter:drop-shadow(0 0 14px rgb(83 207 255 / 92%))}.player-nav__links{display:flex;align-items:center;gap:26px}.player-nav__links button{position:relative;border:0;padding:9px 0;background:transparent;color:#d2e7f79e;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.player-nav__links button:not(.player-nav__tutorial):hover{border-radius:5px;background:#58cdf414;transform:translateY(-1px)}.player-nav__links button:active{transform:translateY(0) scale(.97)}.player-nav__links button:hover,.player-nav__links button.active{color:#effbff}.player-nav__links button.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#6edcff;box-shadow:0 0 10px #4fc9f0;content:""}.player-nav__account{position:relative;flex-shrink:0;margin-left:auto}.player-nav__auth,.player-chip{border:1px solid rgb(111 215 255 / 38%);border-radius:7px;padding:9px 14px;background:#07192db8;color:#dff8ff;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.player-nav__auth:hover,.player-chip:hover{border-color:#7be1ffbd;background:#113752e0;box-shadow:0 0 18px #42c5ee29;transform:translateY(-1px)}.player-nav__auth:active,.player-chip:active{transform:translateY(0) scale(.98)}.player-chip{display:flex;align-items:center;gap:8px}.player-chip__avatar{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#5fdbef,#244c9c);color:#fff;font-size:10px}.player-chip__identity{display:flex;flex-direction:column;align-items:flex-start}.player-chip__identity b{color:#edfaff;font-size:11px}.player-chip__identity small{color:#bedcee85;font-size:8px;text-transform:uppercase}.player-chip__verify{color:#ffd27a;font-size:10px}.player-chip__chevron{color:#b4e0f2a3;font-size:9px;transition:transform .15s ease}.player-chip[aria-expanded=true] .player-chip__chevron{transform:rotate(180deg)}.player-account-menu{position:absolute;z-index:50;top:calc(100% + 10px);right:0;display:grid;width:min(210px,calc(100vw - 28px));overflow:hidden;border:1px solid rgb(112 214 251 / 30%);border-radius:10px;padding:6px;background:#05121ff5;box-shadow:0 18px 50px #00000075,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-account-menu button{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;padding:10px 11px;background:transparent;color:#dceff8;font-size:12px;text-align:left;cursor:pointer}.player-account-menu button:hover{background:#63d0f51c;color:#fff}.player-account-menu button:active{background:#63d0f52e}.player-account-menu button.danger{margin-top:4px;border-top:1px solid rgb(255 255 255 / 7%);border-radius:0 0 7px 7px;color:#ffb2b2}.player-nav button:focus-visible,.auth-story__brand:focus-visible,.auth-exit:focus-visible{outline:2px solid #75dcff;outline-offset:3px}.home-page{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 69% 46%,rgb(41 122 163 / 25%),transparent 30%),linear-gradient(112deg,#030a14,#061524 46%,#081724);color:#eefaff}.home-page:before{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgb(140 216 255 / 4%) 1px,transparent 1px);background-size:100% 48px;content:"";pointer-events:none}.home-hero{position:absolute;z-index:2;top:19%;left:clamp(34px,6.5vw,110px);width:min(45vw,650px)}.home-season{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#73d7f4;font-size:10px;font-weight:900;letter-spacing:.2em}.home-season span{width:18px;height:2px;background:#6edcff;box-shadow:0 0 8px #6edcff}.home-hero h2{margin:0;color:#f5fbff;font-family:Microsoft YaHei,sans-serif;font-size:clamp(38px,4.7vw,76px);font-weight:900;line-height:1.08;letter-spacing:-.055em;text-shadow:0 8px 36px rgb(0 0 0 / 40%)}.home-hero h2 em{color:#75dcf7;font-style:normal}.home-hero>p{max-width:590px;margin:23px 0 27px;color:#cde5f4ad;font-size:14px;line-height:1.9}.home-actions{display:flex;gap:12px;flex-wrap:wrap}.home-actions .btn.big{min-width:196px;border:1px solid #72dff8;border-radius:5px;padding:13px 20px;background:linear-gradient(135deg,#75dff5,#378fc5);color:#03111d;font-weight:900;box-shadow:0 8px 30px #20a7da40}.home-actions .btn.ghost{border-color:#9ad2eb4d;border-radius:5px;padding-inline:19px;background:#05142285}.home-player-status{width:min(440px,100%);border-left:2px solid #66d6f3;padding:12px 0 12px 18px;background:linear-gradient(90deg,rgb(33 111 144 / 16%),transparent)}.home-player-status__eyebrow{color:#69d5f1;font-size:9px;font-weight:900;letter-spacing:.16em}.home-player-status>div:first-of-type{display:flex;align-items:center;gap:10px;margin-top:5px}.home-player-status strong{font-size:23px}.home-player-status p{margin:7px 0 15px;color:#cae2f39e;font-size:11px}.home-arena-visual{position:absolute;top:10%;right:-3vw;width:min(57vw,850px);height:72%;perspective:1000px;pointer-events:none}.home-arena-visual__moon{position:absolute;top:4%;right:20%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#f4fbff,#9fd5e8 36%,rgb(35 105 138 / 15%) 69%,transparent 71%);opacity:.72;filter:drop-shadow(0 0 70px rgb(107 210 244 / 33%))}.home-arena-visual__cliff{position:absolute;right:3%;bottom:2%;width:88%;aspect-ratio:1.65;transform:rotateX(61deg) rotate(-5deg);transform-style:preserve-3d;border-radius:50%;background:radial-gradient(ellipse at center,#173e54 0 48%,#0b2435 49% 59%,#06131f 60%);box-shadow:0 45px 80px #000,inset 0 0 45px #62d7f638}.home-arena-visual__ring{position:absolute;inset:12%;border:2px solid rgb(124 226 250 / 55%);border-radius:50%;background:linear-gradient(35deg,transparent 48%,rgb(105 211 237 / 13%) 49% 51%,transparent 52%),radial-gradient(circle,rgb(77 170 198 / 20%),transparent 68%);box-shadow:inset 0 0 45px #57d4f424,0 0 25px #50c8eb2e}.crystal{position:absolute;width:20px;height:62px;clip-path:polygon(50% 0,100% 78%,70% 100%,24% 90%,0 66%);background:linear-gradient(100deg,#4bacc8,#bff6ff 44%,#226a9a 56%,#12395d);filter:drop-shadow(0 0 12px #5bdcf6)}.crystal--north{top:-22px;left:48%}.crystal--east{top:40%;right:-8px;transform:rotate(90deg)}.crystal--south{bottom:-24px;left:45%;transform:rotate(180deg)}.crystal--west{top:43%;left:-7px;transform:rotate(-90deg)}.fighter{position:absolute;display:grid;width:38px;height:38px;place-items:center;border-radius:50% 50% 42% 42%;transform:rotate(5deg) rotateX(-61deg);color:#fff;font-size:11px;font-style:normal;font-weight:900}.fighter--blue{top:38%;left:33%;background:#43bce7;box-shadow:0 0 22px #4bd8ff}.fighter--red{right:31%;bottom:35%;background:#e16b71;box-shadow:0 0 22px #ff6675}.soul-flower{position:absolute;transform:rotateX(-61deg);color:#a781ff;font-style:normal;text-shadow:0 0 14px #955dff}.soul-flower--one{top:31%;right:28%}.soul-flower--two{bottom:21%;left:29%}.home-process{position:absolute;z-index:3;right:clamp(30px,5vw,80px);bottom:26px;left:clamp(30px,6.5vw,110px);display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));max-width:850px;border-top:1px solid rgb(145 207 232 / 17%);padding-top:16px}.home-process div{display:grid;grid-template-columns:34px 1fr}.home-process b{grid-row:span 2;color:#6cd5f273;font-size:11px}.home-process span{color:#e9f8ff;font-size:12px;font-weight:800}.home-process small{color:#bed9e97f;font-size:9px}.home-manual-link{position:absolute;z-index:4;right:32px;bottom:28px;border:0;background:transparent;color:#cce7f4a3;font-size:11px;letter-spacing:.08em}.account-access{display:grid;grid-template-columns:minmax(360px,1.06fr) minmax(420px,.94fr);align-items:stretch;justify-content:stretch;background:#040d17}.auth-story{position:relative;overflow:hidden;padding:42px clamp(36px,6vw,92px);background:radial-gradient(circle at 72% 70%,rgb(63 177 213 / 26%),transparent 25%),linear-gradient(145deg,#061827,#0b2737 58%,#06121e)}.auth-story__brand{position:relative;z-index:2;color:#eefbff;font-weight:900;letter-spacing:.16em;text-decoration:none;border:0;padding:8px 10px;background:transparent;cursor:pointer;transition:color .15s ease,transform .15s ease,background .15s ease}.auth-story__brand:hover{border-radius:7px;background:#65daf71a;color:#86e7ff;transform:translateY(-1px)}.auth-story__brand:active{transform:translateY(0) scale(.98)}.auth-story__copy{position:relative;z-index:2;max-width:550px;margin-top:18vh}.auth-story__kicker{color:#70d9f3;font-size:10px;font-weight:900;letter-spacing:.18em}.auth-story h1{margin:16px 0;font-size:clamp(32px,3.5vw,55px);line-height:1.16;letter-spacing:-.04em}.auth-story__copy>p:not(.auth-story__kicker){color:#cbe5f1a6;font-size:13px;line-height:1.9}.auth-story ul{display:grid;gap:11px;margin:28px 0 0;padding:0;list-style:none;color:#daeef7c7;font-size:12px}.auth-story li{display:flex;gap:12px}.auth-story li span{color:#6dd8f2;font-family:ui-monospace,monospace}.auth-story__arena{position:absolute;right:-12%;bottom:-19%;width:68%;aspect-ratio:1;transform:rotateX(66deg);border:2px solid rgb(112 223 246 / 38%);border-radius:50%;box-shadow:0 0 60px #2cb7e138,inset 0 0 50px #36c1e32e}.auth-story__arena i{position:absolute;inset:20%;border:1px solid rgb(103 215 241 / 19%);border-radius:50%}.auth-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:36px clamp(36px,6vw,88px);background:linear-gradient(155deg,#07121e,#030914)}.auth-exit{position:absolute;top:28px;left:clamp(24px,5vw,64px);display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(117 207 239 / 24%);border-radius:999px;padding:9px 14px;background:#102d416b;color:#dcf2fbc7;font-size:11px;font-weight:800;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.auth-exit:hover{border-color:#77deff9e;background:#205d777a;color:#f4fcff;transform:translate(-2px)}.auth-exit:active{transform:translate(0) scale(.98)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;width:min(100%,430px);margin-bottom:14px;border-bottom:1px solid rgb(125 187 220 / 18%)}.auth-tabs button{border:0;border-bottom:2px solid transparent;padding:12px;background:transparent;color:#c4deee7a;font-weight:800}.auth-tabs button.active{border-bottom-color:#69d8f3;color:#ecfaff}.auth-view{width:min(100%,430px)}.auth-view .auth-card{max-width:none;box-sizing:border-box;border:0;padding:22px 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-view .auth-card h2{text-align:left;font-size:27px}.auth-view .auth-input{box-sizing:border-box;border-radius:5px;padding:12px;background:#071726}.auth-view .auth-btn{border-radius:5px}.auth-view .auth-links .btn.ghost{border:0;background:transparent;box-shadow:none}.lobby-page{grid-template-columns:minmax(220px,.7fr) minmax(440px,1.55fr) minmax(220px,.72fr);overflow:hidden}.lobby-left{overflow-y:auto;padding-right:2px}.lobby-panel-heading{padding:7px 4px 2px}.lobby-panel-heading span{color:#63cee9;font-size:9px;font-weight:900;letter-spacing:.18em}.lobby-panel-heading h3{margin:7px 0 4px;color:#effaff;font-size:19px}.lobby-panel-heading p{margin:0 0 12px;color:#bcdaee87;font-size:10px;line-height:1.55}.lobby-panel-heading--compact{padding:0}.lobby-class-picker{display:grid;gap:8px;margin-bottom:2px}.lobby-class-picker button{display:grid;grid-template-columns:32px 1fr;gap:1px 10px;padding:12px;text-align:left}.lobby-class-picker button>span{grid-row:span 2;align-self:center;font-size:22px}.lobby-class-picker button b{font-size:12px}.lobby-class-picker button small{color:#bedaec7a;font-size:9px}.lobby-code{overflow-y:auto}.lobby-match-panel{display:flex;flex-direction:column;align-self:start;gap:12px}.lobby-match-summary{display:grid;gap:2px}.lobby-match-summary span{display:flex;justify-content:space-between;border-bottom:1px solid rgb(124 188 222 / 11%);padding:9px 0;color:#bfdcee85;font-size:10px}.lobby-match-summary b{color:#e5f7ff;font-size:11px}.lobby-ai-guide{display:grid;grid-template-columns:auto auto 1fr auto;gap:7px;align-items:center;width:100%;margin-top:11px;border:1px solid rgb(101 216 244 / 28%);border-radius:8px;padding:10px 12px;background:linear-gradient(90deg,#2c8bab2e,#0414224d);color:#c4e3f0ad;text-align:left;font-size:10px}.lobby-ai-guide>span,.lobby-ai-guide>strong{color:#71dcf5}.lobby-ai-guide>b{color:#ecfaff}.lobby-ai-guide:hover{border-color:#67dcf794;background:linear-gradient(90deg,#2e97b847,#061c2d7f);transform:translateY(-1px)}.lobby-defend-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0;padding:12px}.lobby-defend-card h4,.lobby-defend-card>p{grid-column:1 / -1;margin:0}.lobby-defend-card>button{display:grid;min-width:0;gap:3px;border:1px solid rgb(124 196 220 / 18%);border-radius:7px;padding:9px 6px;background:#04121f94;color:#cfe9f4ad;font-size:10px}.lobby-defend-card>button strong{color:#edfaff;font-size:10px}.lobby-defend-card>button small{overflow:hidden;color:#b9d7e57a;text-overflow:ellipsis}.lobby-defend-card>button.active{border-color:#63daf594;background:#2786a63d;box-shadow:inset 0 0 18px #4cc2de14}.lobby-defend-card>button:disabled{cursor:not-allowed;opacity:.48}.lobby-match-panel .match-btn{width:100%;margin-top:6px}.lobby-match-note{color:#bcd8e96e;text-align:center;font-size:9px}.manual-layout{position:absolute;inset:122px 30px 26px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;overflow:hidden}.manual-page .manual-toolbar{top:76px;right:30px}.manual-toc{overflow-y:auto;border:1px solid rgb(120 180 255 / 16%);border-radius:10px;padding:20px 15px;background:#040f1cb8}.manual-toc>p{margin:0;color:#63cce8;font-size:9px;font-weight:900;letter-spacing:.18em}.manual-toc h2{margin:7px 0 18px;color:#effaff;font-size:22px}.manual-toc nav{display:flex;flex-direction:column}.manual-toc button{display:grid;grid-template-columns:25px 1fr;gap:7px;border:0;border-bottom:1px solid rgb(123 187 218 / 9%);padding:9px 4px;background:transparent;color:#c7e0ef91;text-align:left;font-size:10px;line-height:1.4}.manual-toc button:hover{color:#e8f9ff}.manual-toc button span{color:#58bedc;font-family:ui-monospace,monospace;font-size:9px}.manual-layout .manual-body{position:static;min-width:0;border-radius:10px;background:#061222bd}.manual-layout .manual-h{scroll-margin-top:14px}.manual-player-start{margin:-4px -4px 32px;border:1px solid rgb(102 214 241 / 24%);border-radius:14px;padding:24px;background:radial-gradient(circle at 90% 0,rgb(76 191 222 / 14%),transparent 36%),linear-gradient(145deg,#103548c2,#051422d1);box-shadow:inset 0 1px #dcfaff12}.manual-player-start__eyebrow{color:#6ddcf6;font-size:9px;font-weight:900;letter-spacing:.16em}.manual-player-start h2{margin:8px 0 10px;color:#f1fbff;font-size:clamp(22px,2.6vw,34px);line-height:1.16}.manual-player-start__copy>p{max-width:720px;margin:0;color:#cfe8f3ad;font-size:12px;line-height:1.75}.manual-player-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;padding:0;list-style:none}.manual-player-steps li{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:start;border-top:1px solid rgb(119 209 233 / 16%);padding-top:10px;color:#ddf1f8cc;font-size:10px;line-height:1.45}.manual-player-steps b{color:#65cfe9;font-size:9px}.manual-hero-choice{display:flex;gap:8px;margin-bottom:10px}.manual-hero-choice button{border:1px solid rgb(119 201 226 / 24%);border-radius:8px;padding:9px 14px;background:#03101ca8;color:#d0e8f3ad;font-size:11px;font-weight:800}.manual-hero-choice button:hover,.manual-hero-choice button.active{border-color:#69dcf694;background:#2d8bab38;color:#effcff}.manual-chat-prompt{position:relative}.manual-chat-prompt textarea{width:100%;min-height:220px;resize:vertical;border:1px solid rgb(120 192 220 / 20%);border-radius:10px;padding:16px;background:#010a14b8;color:#d3edf7d1;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.55}.manual-chat-prompt .copy-chip{top:10px;right:10px;padding:6px 10px}.manual-advanced-note{margin:13px 0 0;border-left:2px solid rgb(103 215 242 / 46%);padding-left:10px;color:#c1ddea94;font-size:10px}@media(max-width:980px){.player-nav{right:14px;left:14px}.player-nav__brand{margin-right:18px}.player-nav__links{gap:13px}.home-arena-visual{opacity:.48;width:75vw}.home-hero{width:min(72vw,620px)}.lobby-page{grid-template-columns:minmax(210px,.7fr) minmax(430px,1.4fr);overflow-y:auto}.lobby-match-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:end}.manual-layout{grid-template-columns:200px minmax(0,1fr)}.manual-player-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.player-nav{top:8px;min-height:42px}.player-nav__brand{display:none}.player-nav__links{min-width:0;gap:10px;overflow-x:auto}.player-nav__links button{font-size:10px;white-space:nowrap}.player-nav__account{flex-shrink:0}.player-nav__auth,.player-chip{padding:7px 9px}.player-chip__identity{display:none}.home-page{overflow-x:hidden;overflow-y:auto}.home-hero{position:relative;top:auto;left:auto;width:auto;margin:132px 22px 0}.home-hero h2{font-size:clamp(34px,10.5vw,40px);line-height:1.13}.home-hero>p{font-size:13px;line-height:1.75}.home-actions{display:grid;grid-template-columns:1fr}.home-actions .btn.big{min-width:0;width:100%;padding-inline:12px;font-size:13px}.home-actions .btn.ghost{width:max-content}.home-arena-visual{top:470px;right:-42%;width:120vw;height:340px;opacity:.32}.home-process{position:relative;right:auto;bottom:auto;left:auto;grid-template-columns:1fr;gap:13px;margin:270px 22px 0;padding-bottom:20px}.home-process small{display:none}.home-manual-link{position:relative;right:auto;bottom:auto;float:right;margin:4px 22px 28px}.account-access{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:72px 24px 30px}.auth-mobile-back{display:block;align-self:flex-start;margin-bottom:28px;color:#e9f9ff;font-size:12px;font-weight:900;letter-spacing:.15em;text-decoration:none}.lobby-page{grid-template-columns:1fr;overflow-y:auto}.lobby-match-panel{grid-column:auto;display:flex}.manual-layout{inset:66px 12px 12px;grid-template-columns:1fr;overflow-y:auto}.manual-page .manual-toolbar{top:56px;right:12px;left:12px;flex-wrap:wrap}.manual-layout{top:116px}.manual-toc{max-height:180px}.manual-layout .manual-body{overflow:visible}.manual-player-start{padding:18px}.manual-player-steps{grid-template-columns:1fr}}.player-nav__tutorial{border:1px solid rgb(119 222 255 / 34%)!important;border-radius:999px!important;padding:8px 13px!important;background:linear-gradient(135deg,#269bbe2e,#7a6bff1f)!important;color:#dff9ff!important;white-space:nowrap;box-shadow:inset 0 0 14px #45caf20d}.player-nav__tutorial:hover{border-color:#80e4ffb8!important;background:linear-gradient(135deg,#269bbe52,#7a6bff38)!important;box-shadow:0 0 18px #51ccf326;transform:translateY(-1px)}.arena-empty{position:relative;grid-column:1 / -1;min-height:min(690px,calc(100vh - 150px));overflow:hidden;display:grid;place-items:center;border:1px solid rgb(138 222 255 / 20%);background:radial-gradient(circle at 50% 78%,rgb(53 183 222 / 24%),transparent 28%),radial-gradient(circle at 22% 15%,rgb(102 117 255 / 17%),transparent 30%),linear-gradient(160deg,#071522,#0b2132 52%,#08131f);box-shadow:inset 0 0 90px #1fb7e414;isolation:isolate}.arena-empty:before,.arena-empty:after{content:"";position:absolute;z-index:-1;border:1px solid rgb(146 231 255 / 22%);border-radius:50%;transform:perspective(600px) rotateX(68deg)}.arena-empty:before{width:720px;height:720px;bottom:-390px;box-shadow:0 0 0 38px #59d5fa08,0 0 0 112px #59d5fa05,0 0 90px #3bcbf626}.arena-empty:after{width:380px;height:380px;bottom:-206px;border-style:dashed}.arena-empty__aurora{position:absolute;inset:-20% -10% auto;height:56%;opacity:.38;filter:blur(38px);background:linear-gradient(105deg,transparent 8%,#236f91 29%,#604a98 51%,#23938f 70%,transparent 91%);transform:skewY(-7deg)}.arena-empty__runes{position:absolute;inset:0;pointer-events:none}.arena-empty__runes span{position:absolute;width:8px;height:8px;border:1px solid #90e7ff;transform:rotate(45deg);box-shadow:0 0 16px #43d8ff}.arena-empty__runes span:nth-child(1){left:18%;top:28%}.arena-empty__runes span:nth-child(2){right:16%;top:41%}.arena-empty__runes span:nth-child(3){left:28%;bottom:20%}.arena-empty__content{width:min(720px,calc(100% - 48px));padding:72px 24px;text-align:center}.arena-empty__eyebrow,.tutorial-drawer__eyebrow,.tutorial-content__eyebrow,.strategy-test__heading>div>span{color:#78dff7;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em}.arena-empty h1{max-width:680px;margin:20px auto 18px;color:#f2fbff;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.08;text-wrap:balance}.arena-empty__content>p{max-width:610px;margin:0 auto;color:#cfe5f0c2;font-size:15px;line-height:1.9}.arena-empty__actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.arena-empty__primary{min-width:150px;color:#061119!important;background:linear-gradient(135deg,#a9f2ff,#65d4f2)!important;box-shadow:0 10px 30px #48d3f633}.arena-empty__steps{display:flex;justify-content:center;gap:28px;margin-top:52px;color:#bedce9a3;font-size:12px}.arena-empty__steps span{display:flex;align-items:center;gap:8px}.arena-empty__steps b{color:#77dbf3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.strategy-test{margin:14px 0;padding:16px;border:1px solid rgb(102 217 243 / 20%);background:linear-gradient(135deg,#1d667f1f,#0f243661)}.strategy-test__heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.strategy-test__heading h4{margin:5px 0 3px;color:#e7f8fd;font-size:15px}.strategy-test__heading p{margin:0;color:#c4dee8a3;font-size:11px;line-height:1.5}.strategy-test__run{flex:0 0 auto;white-space:nowrap}.strategy-test__notice,.strategy-test__error{margin:12px 0 0;padding:9px 11px;border-left:2px solid #f2c66d;background:#f2c66d12;color:#efd9a9;font-size:11px;line-height:1.5}.strategy-test__error{border-color:#ff8989;color:#ffc1c1}.strategy-test__result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgb(137 221 241 / 14%)}.strategy-test__result>div{display:grid;gap:4px}.strategy-test__result strong{color:#b6f5cf;font-size:12px}.strategy-test__result span{color:#cee7f0a3;font-size:11px}.strategy-test__result.is-runtime_error strong{color:#ffb5b5}.strategy-test__result.is-needs_improvement strong,.strategy-test__result.is-inactive strong{color:#f5d996}.tutorial-backdrop{position:fixed;z-index:160;inset:0;display:flex;justify-content:flex-end;background:#02090f8f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tutorial-drawer{width:min(620px,92vw);height:100%;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;color:#deeff6;border-left:1px solid rgb(133 224 249 / 24%);background:radial-gradient(circle at 88% 8%,rgb(80 108 205 / 18%),transparent 26%),linear-gradient(160deg,#0a1b29,#08141e 70%);box-shadow:-30px 0 90px #0006;animation:tutorial-enter .24s ease-out both}@keyframes tutorial-enter{0%{transform:translate(30px);opacity:0}}.tutorial-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 20px;border-bottom:1px solid rgb(135 211 232 / 12%)}.tutorial-drawer__header h2{margin:7px 0 0;color:#f2fbff;font-family:Georgia,"Noto Serif SC",serif;font-size:30px;font-weight:500}.tutorial-close{width:36px;height:36px;border:1px solid rgb(157 219 237 / 18%);border-radius:50%;color:#cfeaf3;background:#ffffff08;font-size:22px;cursor:pointer}.tutorial-chapters{display:grid;grid-template-columns:repeat(5,1fr);padding:0 24px;border-bottom:1px solid rgb(135 211 232 / 12%)}.tutorial-chapters button{min-width:0;padding:16px 8px;display:grid;gap:5px;border:0;border-bottom:2px solid transparent;color:#b0cfdb75;background:none;cursor:pointer}.tutorial-chapters button.active{color:#dff8ff;border-bottom-color:#69d6ef}.tutorial-chapters b{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tutorial-chapters span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tutorial-content{position:relative;overflow-y:auto;padding:54px 44px 42px}.tutorial-content__count{position:absolute;top:28px;right:34px;color:#91c9d98a;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tutorial-content h3{margin:13px 0 16px;color:#f2fbff;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(28px,4vw,42px);font-weight:500}.tutorial-content>p{margin:0;color:#cfe5edbd;font-size:15px;line-height:1.9}.tutorial-tip{margin-top:28px;padding:18px;display:flex;gap:12px;color:#d5edf4;border:1px solid rgb(95 210 237 / 18%);background:#40a6c414;font-size:13px;line-height:1.7}.tutorial-tip span{color:#69def8}.tutorial-loadout,.tutorial-prompt{margin-top:24px;padding:18px;display:grid;gap:6px;border:1px solid rgb(140 207 226 / 15%);background:#050d1575}.tutorial-loadout span,.tutorial-prompt span{color:#b7d5e18f;font-size:11px}.tutorial-loadout strong,.tutorial-prompt strong{color:#f1fbff;font-size:18px}.tutorial-loadout small{color:#84ccde}.tutorial-prompt{grid-template-columns:1fr auto;align-items:center}.tutorial-prompt>div{display:grid;gap:6px}.tutorial-prompt textarea{grid-column:1 / -1;width:100%;margin-top:8px}.tutorial-drawer__footer{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgb(135 211 232 / 12%);background:#030a1059}.tutorial-drawer__footer>div{display:flex;gap:8px}@media(max-width:720px){.arena-empty{min-height:calc(100vh - 118px)}.arena-empty__content{width:calc(100% - 28px);padding:54px 8px}.arena-empty h1{font-size:38px}.arena-empty__actions{flex-direction:column}.arena-empty__steps{gap:10px;flex-wrap:wrap}.arena-empty__steps span{padding:6px 8px}.strategy-test__heading,.strategy-test__result{align-items:stretch;flex-direction:column}.strategy-test__run{width:100%}.tutorial-drawer{width:100vw}.tutorial-drawer__header{padding:20px}.tutorial-chapters{padding:0 8px}.tutorial-chapters span{display:none}.tutorial-chapters button{padding:14px 4px}.tutorial-content{padding:44px 22px 28px}.tutorial-content__count{top:22px;right:22px}.tutorial-prompt{grid-template-columns:1fr}.tutorial-drawer__footer{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.tutorial-drawer{animation:none}}