.runic-battle-hud{--spectator-ice: rgb(8 30 53 / 92%);--spectator-line: rgb(162 220 246 / 44%);--spectator-gold: #d8aa4c;isolation:isolate}.runic-battle-hud:before{position:absolute;inset:-5px 18% auto;height:1px;background:#d8aa4c9e;box-shadow:-74px 0 #a2dcf647,74px 0 #a2dcf647;content:"";pointer-events:none}.runic-battle-hud .hud-hero{border-color:var(--spectator-line);background:var(--spectator-ice);box-shadow:0 16px 40px #00071261,inset 0 1px #e7f7ff1a;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.runic-battle-hud .hud-hero-red{border-color:#cf94b270}.runic-battle-hud .hud-center{border:1px solid rgb(216 170 76 / 48%);background:#05162af0;box-shadow:inset 0 0 0 1px #ebd19414;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.runic-battle-hud .hud-tick{color:#f4ead1;letter-spacing:.08em;text-shadow:0 0 18px rgb(216 170 76 / 24%)}.runic-battle-hud .hud-hpbar{border-color:#c2e3f247;background:#010a16b8}.runic-battle-hud .hud-result{border-color:#d8aa4c94;background:#07192df5;color:#f4ead1;box-shadow:0 24px 64px #0006117a}.runic-spectator-rail .spectator-quick-rail__buttons{gap:8px}.runic-spectator-rail .spectator-quick-button{border-color:#a0daf457;border-radius:2px;background:#071b30eb;color:#dcecf4;box-shadow:0 12px 30px #00081457,inset 0 1px #e6f7ff14;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.runic-spectator-rail .spectator-quick-button:hover,.runic-spectator-rail .spectator-quick-button.is-active{border-color:#d8aa4c9e;background:#0f2b44f5;color:#f5e7c0;transform:translateY(-1px)}.runic-spectator-rail .spectator-quick-button svg,.runic-replay-console .vision-panel-toggle svg{stroke:currentColor}.runic-spectator-tablet,.runic-vision-tablet{border-color:#9ed7f16b;border-radius:2px;background:#06192ef5;box-shadow:0 26px 72px #0006118f,inset 0 1px #e5f7ff17;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.runic-spectator-tablet:before,.runic-vision-tablet:before{position:absolute;inset:7px;border:1px solid rgb(216 170 76 / 14%);content:"";pointer-events:none}.runic-spectator-tablet .spectator-moments-panel__header{border-bottom-color:#a0daf433}.runic-spectator-tablet .spectator-moments-panel__header small,.runic-vision-tablet header small{color:#d8aa4cc7;letter-spacing:.16em}.runic-spectator-tablet .spectator-rematch-btn{border-color:#d8aa4ca3;border-radius:1px;background:#d8aa4c;color:#132238;box-shadow:0 10px 28px #d8aa4c2e}.runic-replay-console{border-color:#9dd6f066;border-radius:2px;background:#06182cf0;box-shadow:0 20px 52px #0007127a,inset 0 1px #e6f7ff14;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.runic-replay-console button{border-radius:1px}.runic-replay-console button:hover,.runic-replay-console button.active,.runic-replay-console .vision-panel-toggle.is-active{border-color:#d8aa4c94;color:#f4e2b3}.runic-replay-console .replay-scrubber{accent-color:#d8aa4c}.runic-replay-console .vision-panel-toggle{border-color:#9fd8f157;background:#0b243bf0}.runic-vision-tablet .vision-perspectives button.active{border-color:#d8aa4ca3;background:#d8aa4c29;color:#f6e9c5}.runic-vision-tablet .vision-obstruction{border-color:#9ed7f147;background:#0c263ddb}.runic-out-nav{border-color:#9fd8f14d;border-radius:2px;background:#051629e5;box-shadow:0 14px 38px #00071257}.runic-out-nav button{border-radius:1px}.runic-out-nav button.active{color:#f4e2b3;box-shadow:inset 0 -2px #d8aa4c}@media(max-width:720px){.runic-battle-hud:before{inset-inline:28%}.runic-battle-hud .hud-hero,.runic-replay-console,.runic-spectator-tablet,.runic-vision-tablet{clip-path:none}}@media(prefers-reduced-motion:reduce){.runic-spectator-rail .spectator-quick-button{transition:none}.runic-spectator-rail .spectator-quick-button:hover{transform:none}}.runic-manual{--manual-ice: #e9f7ff;--manual-muted: #9ab7c7;--manual-frost: #72c9ed;--manual-gold: #d7b86a;--manual-gold-deep: #8c632e;position:absolute;inset:0;overflow-y:auto;color:var(--manual-ice);background:linear-gradient(180deg,rgba(205,239,250,.12),transparent 220px),radial-gradient(circle at 78% 22%,rgba(104,190,225,.14),transparent 32%),radial-gradient(circle at 20% 78%,rgba(159,131,75,.1),transparent 28%),#071522;scrollbar-color:rgba(114,201,237,.42) rgba(4,14,24,.7)}.runic-manual:before{position:fixed;inset:58px 0 0;pointer-events:none;opacity:.32;background:linear-gradient(120deg,transparent 0 47%,rgba(168,222,242,.055) 47.2% 47.4%,transparent 47.6%),repeating-radial-gradient(circle at 75% 30%,transparent 0 72px,rgba(162,218,239,.045) 73px 74px,transparent 75px 118px);content:""}.runic-manual .manual-toolbar{position:sticky;z-index:8;top:58px;display:flex;min-height:54px;gap:10px;align-items:center;justify-content:flex-end;padding:8px clamp(18px,4vw,64px);border-bottom:1px solid rgba(195,231,246,.14);background:#05121edb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.runic-manual .manual-toolbar .manual-badge{margin-right:auto}.runic-manual__header{position:relative;width:min(1180px,calc(100% - 40px));margin:34px auto 22px;padding:24px 0 22px 28px;border-left:1px solid rgba(215,184,106,.72)}.runic-manual__header:after{position:absolute;bottom:0;left:28px;width:min(480px,70%);height:1px;background:linear-gradient(90deg,var(--manual-gold),transparent);content:""}.runic-manual__header>span,.manual-kicker{color:var(--manual-frost);font:700 10px Bahnschrift Condensed,sans-serif;letter-spacing:.24em}.runic-manual__header h1{margin:8px 0 7px;font-family:"Noto Serif SC","Source Han Serif SC",Microsoft YaHei,serif;font-size:clamp(29px,4vw,48px);line-height:1.12;letter-spacing:.05em;text-shadow:0 3px 26px rgba(94,185,224,.16)}.runic-manual__header p{max-width:680px;margin:0;color:var(--manual-muted);font-size:13px;line-height:1.8}.runic-volume-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1180px,calc(100% - 40px));margin:0 auto 20px;border:1px solid rgba(195,231,246,.18);background:#061420c2;box-shadow:0 18px 45px #00070e40}.runic-volume-tabs button{position:relative;display:grid;grid-template-columns:52px 1fr;min-height:78px;padding:0 24px;border:0;border-right:1px solid rgba(195,231,246,.14);background:transparent;color:#e9f7ff94;cursor:pointer;text-align:left}.runic-volume-tabs button:last-child{border-right:0}.runic-volume-tabs button:hover{color:var(--manual-ice);background:#72c9ed0f}.runic-volume-tabs button.active{color:var(--manual-ice);background:linear-gradient(90deg,#72c9ed21,#d7b86a0f)}.runic-volume-tabs button.active:after{position:absolute;right:20%;bottom:-1px;left:20%;height:2px;background:linear-gradient(90deg,transparent,var(--manual-gold),transparent);content:""}.runic-volume-tabs b{align-self:center;color:var(--manual-gold);font:700 11px Bahnschrift Condensed,sans-serif;letter-spacing:.12em}.runic-volume-tabs span{align-self:center;font-size:16px;font-weight:800;letter-spacing:.06em}.runic-volume-tabs small{display:block;margin-top:5px;color:#e9f7ff66;font-size:10px;font-weight:500;letter-spacing:.04em}.game-manual,.runic-manual .manual-layout{position:relative;inset:auto;width:min(1180px,calc(100% - 40px));min-height:auto;margin:0 auto 80px}.game-manual__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:30px;border:1px solid rgba(195,231,246,.18);background:linear-gradient(135deg,#14364aad,#05111cd1);clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.game-manual__intro h2{margin:9px 0;font-family:"Noto Serif SC",serif;font-size:clamp(25px,3vw,38px);letter-spacing:.04em}.game-manual__intro p{max-width:690px;margin:0;color:var(--manual-muted);font-size:13px;line-height:1.85}.game-manual__goal{min-width:210px;padding:13px 16px;border-left:1px solid var(--manual-gold);background:linear-gradient(90deg,rgba(215,184,106,.08),transparent)}.game-manual__goal small{display:block;color:#e9f7ff75;font-size:9px;letter-spacing:.17em}.game-manual__goal strong{display:block;margin-top:6px;color:#efd18a;font-size:12px;letter-spacing:.06em}.mechanic-index{display:flex;gap:6px;margin:12px 0;overflow-x:auto;scrollbar-width:thin}.mechanic-index a{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(195,231,246,.13);color:#e9f7ff8a;font-size:9px;text-decoration:none;letter-spacing:.08em}.mechanic-index a:hover{border-color:#72c9ed80;color:var(--manual-ice)}.mechanic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mechanic-card{position:relative;display:grid;grid-template-columns:64px 1fr;min-height:164px;overflow:hidden;scroll-margin-top:130px;border:1px solid rgba(195,231,246,.16);background:linear-gradient(145deg,#123245b3,#06131fd6)}.mechanic-card:after{position:absolute;right:-35px;bottom:-53px;width:140px;height:140px;border:1px solid rgba(114,201,237,.08);border-radius:50%;content:""}.mechanic-card__rune{display:grid;place-items:center;border-right:1px solid rgba(195,231,246,.12);color:var(--manual-gold);font:700 13px Bahnschrift Condensed,sans-serif;letter-spacing:.08em}.mechanic-card>div{z-index:1;padding:21px 22px}.mechanic-card h3{margin:0 0 9px;font-family:"Noto Serif SC",serif;font-size:18px;letter-spacing:.07em}.mechanic-card p{margin:0;color:#e9f7ff9c;font-size:11px;line-height:1.75}.mechanic-card strong{display:block;margin-top:13px;color:#efd18a;font-size:10px;line-height:1.55}.arena-sequence{margin-top:12px;padding:20px 24px 24px;border:1px solid rgba(215,184,106,.22);background:#081724c7}.arena-sequence>span{color:var(--manual-gold);font-size:10px;font-weight:800;letter-spacing:.16em}.arena-sequence ol{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 0;padding:0;list-style:none}.arena-sequence li{position:relative;padding:0 18px;border-left:1px solid rgba(195,231,246,.16)}.arena-sequence li:before{position:absolute;top:1px;left:-4px;width:7px;height:7px;background:var(--manual-frost);content:"";transform:rotate(45deg);box-shadow:0 0 8px #72c9ed8c}.arena-sequence b{display:block;font-size:12px;letter-spacing:.05em}.arena-sequence small{display:block;margin-top:5px;color:#e9f7ff78;font-size:9px;line-height:1.5}.runic-manual .manual-layout{display:grid;grid-template-columns:235px minmax(0,1fr);overflow:visible}.runic-manual .manual-toc{position:sticky;top:126px;align-self:start;max-height:calc(100vh - 150px);overflow-y:auto;border:1px solid rgba(195,231,246,.15);background:#06131fc7}.runic-manual .manual-body{position:relative;inset:auto;max-height:none;overflow:visible;border:1px solid rgba(195,231,246,.16);border-left:0;background:#071521d1}.manual-path-label{margin:6px 14px;padding:8px 10px;border-left:2px solid var(--manual-frost);background:#72c9ed12;color:var(--manual-frost);font-size:9px;font-weight:800;letter-spacing:.07em}.manual-path-label--advanced{border-color:#a995db;background:#a995db12;color:#c4b4ea}.runic-manual .manual-player-start{border-color:#d7b86a47;background:linear-gradient(145deg,#1e3f50c7,#071623db)}.runic-manual .manual-player-start h2{font-family:"Noto Serif SC",serif;letter-spacing:.04em}.runic-manual .manual-advanced-note b{color:#c4b4ea;letter-spacing:.06em}.tutorial-manual-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:14px;padding:14px 16px;border:1px solid rgba(215,184,106,.35);background:linear-gradient(105deg,#d7b86a1a,#72c9ed0d)}.tutorial-manual-callout span,.tutorial-manual-callout strong,.tutorial-manual-callout small{display:block}.tutorial-manual-callout span{color:var(--manual-gold);font-size:9px;font-weight:800;letter-spacing:.11em}.tutorial-manual-callout strong{margin-top:5px;font-size:11px}.tutorial-manual-callout small{margin-top:4px;color:#e9f7ff85;font-size:9px;line-height:1.55}@media(max-width:780px){.runic-manual .manual-toolbar{top:56px;min-height:60px;padding:8px 12px}.runic-manual .manual-toolbar .manual-badge{display:none}.runic-manual__header{width:calc(100% - 24px);margin-top:48px;padding:18px 8px 18px 18px}.runic-manual__header h1{font-size:29px}.runic-volume-tabs{width:calc(100% - 24px)}.runic-volume-tabs button{grid-template-columns:1fr;min-height:82px;padding:12px 14px}.runic-volume-tabs b{font-size:9px}.runic-volume-tabs span{font-size:13px}.game-manual,.runic-manual .manual-layout{width:calc(100% - 24px);margin-bottom:50px}.game-manual__intro{grid-template-columns:1fr;gap:18px;padding:22px 19px}.game-manual__goal{min-width:0}.mechanic-grid{grid-template-columns:1fr}.mechanic-card{grid-template-columns:46px 1fr;min-height:0}.mechanic-card>div{padding:18px 16px}.arena-sequence ol{grid-template-columns:1fr 1fr;gap:20px 0}.runic-manual .manual-layout{display:block}.runic-manual .manual-toc{position:relative;top:auto;max-height:235px}.runic-manual .manual-body{border-left:1px solid rgba(195,231,246,.16)}.runic-manual .manual-player-start{padding:18px}.runic-manual .manual-player-steps{grid-template-columns:1fr}.runic-manual .manual-chat-prompt textarea{min-height:320px}.tutorial-manual-callout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.runic-manual *{scroll-behavior:auto!important;transition:none!important}}.lobby-page.lobby-page--frozen{--lobby-ink: #edf6ff;--lobby-muted: #9db2c8;--lobby-gold: #d3a94e;--lobby-gold-bright: #f0cf7e;--lobby-violet: #b7a4eb;--lobby-ice: rgb(17 42 64 / 94%);grid-template-rows:max-content max-content minmax(0,1fr)}.lobby-page.lobby-page--frozen>*{box-sizing:border-box;min-width:0}.guest-lobby-banner{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:14px 22px;border:1px solid rgb(130 190 226 / 32%);border-left:3px solid var(--lobby-gold-bright);background:linear-gradient(100deg,#0e273ef7,#163c57eb),repeating-linear-gradient(135deg,transparent 0 18px,rgb(155 211 240 / 5%) 18px 19px);box-shadow:0 14px 32px #0008154d,inset 0 1px #ffffff14;color:var(--lobby-ink);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,14px 100%,0 calc(100% - 14px))}.lobby-page--frozen .lobby-hero-panel{grid-row:2}.lobby-page--frozen .lobby-code{grid-row:3;grid-column:1}.lobby-page--frozen .lobby-match-panel{grid-row:3;grid-column:2}.guest-lobby-banner>div{display:grid;gap:3px}.guest-lobby-banner span{color:var(--lobby-gold);font-size:10px;font-weight:900;letter-spacing:.19em}.guest-lobby-banner strong{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:18px}.guest-lobby-banner small{color:var(--lobby-muted)}.lobby-page--frozen .lobby-hero-panel,.lobby-page--frozen .lobby-code,.lobby-page--frozen .lobby-match-panel{border-radius:2px}.lobby-page--frozen .lobby-code{background:linear-gradient(150deg,#0e2438f7,#123149f2),radial-gradient(circle at 18% 10%,rgb(141 208 241 / 10%),transparent 28%)}.lobby-page--frozen .strategy-source-card{min-height:78px;border-radius:2px}.lobby-page--frozen .strategy-source-card.is-chat{border-color:#d3a94e7a;background:linear-gradient(145deg,#40331ddb,#133348eb)}.lobby-page--frozen .strategy-source-card.is-agent{border-color:#b7a4eb6b;background:linear-gradient(145deg,#31274ec7,#122d45eb)}.lobby-page--frozen .ability-icon,.lobby-page--frozen .picker-item-icon{display:grid;place-items:center;background:radial-gradient(circle at 42% 34%,rgb(255 255 255 / 62%),transparent 35%),linear-gradient(145deg,#8fcde7,#183959);box-shadow:inset 0 0 0 1px #ffffff8f,0 5px 18px #13406038}.strategy-test__heading small{display:block;margin-top:5px;color:#d5b970;font-size:10px;font-weight:750;letter-spacing:.03em}.battle-permissions{display:grid;gap:10px;padding:13px;border:1px solid rgb(130 184 215 / 24%);border-top:2px solid rgb(188 146 74 / 55%);background:linear-gradient(160deg,#14334aeb,#0c2236eb);color:var(--lobby-ink)}.battle-permissions header span{color:var(--lobby-gold);font-size:9px;font-weight:900;letter-spacing:.18em}.battle-permissions h4{margin:3px 0;font-size:13px}.battle-permissions p{margin:0;color:var(--lobby-muted);font-size:9px;line-height:1.5}.battle-permissions dl{display:grid;gap:1px;margin:0}.battle-permissions dl div{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:7px 5px;border-bottom:1px solid rgb(91 127 154 / 14%)}.battle-permissions dt{font-size:10px;font-weight:850}.battle-permissions dd{margin:0;color:var(--lobby-muted);font-size:9px;line-height:1.45}.tutorial-ai-paths{display:grid;gap:12px}.tutorial-ai-paths .tutorial-prompt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 18px}.tutorial-ai-paths .tutorial-prompt p{grid-column:1 / -1;margin:0;font-size:12px}.tutorial-ai-paths .tutorial-prompt textarea{grid-column:1 / -1}.tutorial-agent-path{display:grid;gap:6px;padding:14px 16px;border:1px solid rgb(152 129 213 / 38%);background:linear-gradient(145deg,#30274ce5,#122d45eb);color:var(--lobby-ink)}.tutorial-agent-path>span{color:var(--lobby-violet);font-size:10px;font-weight:900;letter-spacing:.13em}.tutorial-agent-path>strong{font-size:12px}.tutorial-agent-path>p{margin:0;color:var(--lobby-muted);font-size:11px;line-height:1.6}.lobby-page--frozen .ice-slab,.lobby-page--frozen .ice-panel{border-color:#7eb8dc57;background:linear-gradient(135deg,transparent 0 16px,rgb(15 40 61 / 97%) 17px) top left,linear-gradient(315deg,transparent 0 13px,rgb(11 31 49 / 98%) 14px) bottom right;background-color:#0d263b;background-size:56% 56%;background-repeat:no-repeat;box-shadow:0 16px 40px #0007126b,inset 0 0 0 1px #c6e7f90d,inset 0 0 42px #4c9ecc12}.lobby-page--frozen .ice-slab:before,.lobby-page--frozen .ice-panel:before{border-color:#80b5d624}.lobby-page--frozen .lobby-arena-mark{color:#91c5e51a}.lobby-page--frozen .lobby-panel-heading>span,.lobby-page--frozen .lobby-hero-panel>.card h4{color:#79bfe5}.lobby-page--frozen .lobby-panel-heading h3,.lobby-page--frozen .stat-big,.lobby-page--frozen .map-name,.lobby-page--frozen .ability-name,.lobby-page--frozen .strategy-test__heading h4,.lobby-page--frozen .lobby-match-summary b,.lobby-page--frozen .lobby-defend-card h4{color:var(--lobby-ink)}.lobby-page--frozen .lobby-panel-heading p,.lobby-page--frozen .stat-sub,.lobby-page--frozen .ability-desc,.lobby-page--frozen .ability-stat,.lobby-page--frozen .strategy-test__heading p,.lobby-page--frozen .lobby-match-summary span,.lobby-page--frozen .lobby-match-note{color:var(--lobby-muted)}.lobby-page--frozen .ability-stat strong{color:#d7e9f7}.lobby-page--frozen .lobby-hero-panel>.card,.lobby-page--frozen .ability-slot,.lobby-page--frozen .strategy-test,.lobby-page--frozen .lobby-defend-card{border-color:#74aed238;background:linear-gradient(145deg,#193a51b8,#0a1f31b8);color:var(--lobby-ink);box-shadow:inset 0 1px #ffffff0d}.lobby-page--frozen .map-feat span{border-color:#78b1d338;background:#86c3e412;color:#a9c5d9}.lobby-page--frozen .lobby-class-picker button,.lobby-page--frozen .strategy-source-toggle,.lobby-page--frozen .strategy-source-card,.lobby-page--frozen .code-toolbar .btn,.lobby-page--frozen .submit-code-btn,.lobby-page--frozen .ability-actions .btn,.lobby-page--frozen .lobby-defend-card>button{border-color:#7ab4d63d;background:#1b3e57b8;color:#d7e9f6;box-shadow:inset 0 1px #ffffff0d}.lobby-page--frozen .lobby-class-picker button small,.lobby-page--frozen .strategy-source-toggle small,.lobby-page--frozen .strategy-source-card__copy small,.lobby-page--frozen .strategy-source-card__copy em,.lobby-page--frozen .lobby-defend-card>button small{color:#91a9bd}.lobby-page--frozen .strategy-source-card__copy b,.lobby-page--frozen .lobby-defend-card>button strong{color:#edf7ff}.lobby-page--frozen .strategy-source-card__icon{border-color:#87bfe03d;background:#bce2f712;color:#9ed7f3}.lobby-page--frozen .lobby-class-picker button.active,.lobby-page--frozen .lobby-defend-card>button.active,.lobby-page--frozen .strategy-source-toggle:hover,.lobby-page--frozen .strategy-source-toggle.active,.lobby-page--frozen .strategy-source-card:hover,.lobby-page--frozen .code-toolbar .btn:hover,.lobby-page--frozen .submit-code-btn:hover,.lobby-page--frozen .ability-actions .btn:hover{border-color:#d9ae54ad;background:linear-gradient(145deg,#49391deb,#1b3746f0);color:#fff2c9;box-shadow:inset 0 0 0 1px #ffe09714,0 6px 16px #0000002e}.lobby-page--frozen .lobby-class-picker button.active small{color:#d7c38d}.lobby-page--frozen .code-name-input{border-color:#78b1d345;background:#051726b8;color:#e4f2fc}.lobby-page.lobby-page--frozen :is(.ice-slab,.ice-panel){border-color:#7eb8dc57;background:linear-gradient(135deg,transparent 0 16px,rgb(15 40 61 / 97%) 17px) top left,linear-gradient(315deg,transparent 0 13px,rgb(11 31 49 / 98%) 14px) bottom right;background-color:#0d263b;background-size:56% 56%;background-repeat:no-repeat;box-shadow:0 16px 40px #0007126b,inset 0 0 0 1px #c6e7f90d,inset 0 0 42px #4c9ecc12}.lobby-page.lobby-page--frozen .lobby-code{background:linear-gradient(150deg,#0e2438f7,#123149f2),radial-gradient(circle at 18% 10%,rgb(141 208 241 / 10%),transparent 28%)}.lobby-page.lobby-page--frozen .lobby-hero-panel>.card,.lobby-page.lobby-page--frozen .ability-slot,.lobby-page.lobby-page--frozen .strategy-test,.lobby-page.lobby-page--frozen .lobby-defend-card{border-color:#74aed238;background:linear-gradient(145deg,#193a51b8,#0a1f31b8);color:var(--lobby-ink);box-shadow:inset 0 1px #ffffff0d}.lobby-page.lobby-page--frozen .lobby-panel-heading h3,.lobby-page.lobby-page--frozen .stat-big,.lobby-page.lobby-page--frozen .map-name,.lobby-page.lobby-page--frozen .ability-name,.lobby-page.lobby-page--frozen .strategy-test__heading h4,.lobby-page.lobby-page--frozen .lobby-match-summary b,.lobby-page.lobby-page--frozen .lobby-defend-card h4{color:var(--lobby-ink)}.lobby-page.lobby-page--frozen .lobby-panel-heading p,.lobby-page.lobby-page--frozen .stat-sub,.lobby-page.lobby-page--frozen .ability-desc,.lobby-page.lobby-page--frozen .ability-stat,.lobby-page.lobby-page--frozen .strategy-test__heading p,.lobby-page.lobby-page--frozen .lobby-match-summary span,.lobby-page.lobby-page--frozen .lobby-match-note{color:var(--lobby-muted)}.lobby-page.lobby-page--frozen .lobby-class-picker button,.lobby-page.lobby-page--frozen .strategy-source-toggle,.lobby-page.lobby-page--frozen .code-toolbar .btn,.lobby-page.lobby-page--frozen .submit-code-btn,.lobby-page.lobby-page--frozen .ability-actions .btn,.lobby-page.lobby-page--frozen .lobby-defend-card>button{border-color:#7ab4d647;background:#1b3e57d6;color:#d7e9f6;box-shadow:inset 0 1px #ffffff0d}.lobby-page.lobby-page--frozen .lobby-class-picker button.active,.lobby-page.lobby-page--frozen .lobby-defend-card>button.active{border-color:#d9ae54b8;background:linear-gradient(145deg,#f8e8bd,#d9b66c);color:#35270f}.lobby-page.lobby-page--frozen .code-name-input{border-color:#78b1d34d;background:#051726d1;color:#e4f2fc}.lobby-page.lobby-page--frozen .map-feat span{border-color:#78b1d33d;background:#86c3e414;color:#a9c5d9}@media(max-width:900px){.lobby-page.lobby-page--frozen{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,max-content)}.lobby-page--frozen .guest-lobby-banner,.lobby-page--frozen .lobby-hero-panel,.lobby-page--frozen .lobby-code,.lobby-page--frozen .lobby-match-panel{grid-row:auto;grid-column:auto;width:100%;max-width:100%;min-width:0}.lobby-page--frozen .code-input{width:100%;max-width:100%}}@media(max-width:720px){.guest-lobby-banner{align-items:stretch;flex-direction:column;gap:11px;padding:15px}.guest-lobby-banner .btn{width:100%}.tutorial-ai-paths .tutorial-prompt{grid-template-columns:1fr}.tutorial-ai-paths .tutorial-prompt p,.tutorial-ai-paths .tutorial-prompt textarea{grid-column:1}.battle-permissions dl div{grid-template-columns:94px 1fr}}@media(prefers-reduced-motion:reduce){.lobby-page--frozen *,.tutorial-backdrop *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile-page,.leaderboard-page{--rp-ink: #061421;--rp-panel: rgba(8, 28, 43, .92);--rp-panel-light: rgba(15, 48, 67, .92);--rp-ice: #e9f8ff;--rp-mist: #9ebdcd;--rp-frost: #6ac9ed;--rp-frost-high: #c9f3ff;--rp-gold: #b58a43;--rp-gold-high: #f0d28a;--rp-line: rgba(190, 228, 243, .2);--rp-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;min-height:calc(100vh - 72px);color:var(--rp-ice);isolation:isolate}.profile-page:before,.leaderboard-page:before{position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(195,234,248,.13),transparent 28%),radial-gradient(circle at 78% 8%,rgba(104,201,237,.19),transparent 30%),linear-gradient(115deg,#030c16f0,#081d2cad 52%,#030d17f0);content:""}.profile-page:after,.leaderboard-page:after{position:fixed;z-index:-1;inset:72px 0 0;opacity:.23;background:linear-gradient(60deg,transparent 47%,rgba(163,221,242,.09) 49%,transparent 51%) 0 0 / 88px 152px,linear-gradient(-60deg,transparent 47%,rgba(181,138,67,.06) 49%,transparent 51%) 0 0 / 88px 152px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%);content:"";pointer-events:none}.profile-page{width:min(1420px,calc(100% - 40px));margin:24px auto 64px}.profile-page .card,.profile-account-cluster{border:1px solid var(--rp-line);background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 35%),var(--rp-panel);box-shadow:inset 0 1px #ffffff0f,0 20px 55px #00070d38}.profile-account-cluster.is-identity-only{grid-template-columns:1fr}.profile-page .profile-hero{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,.8fr) auto;gap:34px;align-items:center;min-height:235px;margin-bottom:16px;padding:38px clamp(28px,5vw,72px);overflow:hidden;border-color:#c9f3ff52;background:radial-gradient(circle at 79% 54%,rgba(106,201,237,.18),transparent 27%),linear-gradient(105deg,#113649fa,#081c2bd1 62%,#04111cf5);clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,21px 100%,0 calc(100% - 21px))}.profile-page .profile-hero:after{position:absolute;right:3%;width:340px;height:340px;border:1px solid rgba(106,201,237,.12);border-radius:50%;background:radial-gradient(circle,transparent 0 34%,rgba(106,201,237,.08) 34.4% 35%,transparent 35.3% 49%,rgba(181,138,67,.1) 49.4% 50%,transparent 50.3%);content:"";pointer-events:none}.profile-kicker,.lb-kicker,.lb-board-heading span{margin:0 0 8px;color:var(--rp-gold-high);font-size:10px;font-weight:750;letter-spacing:.22em;text-transform:uppercase}.profile-page .profile-hero h2{margin:0;font:700 clamp(28px,3vw,44px) / 1.1 var(--rp-display);letter-spacing:.07em;text-shadow:0 2px 18px rgba(154,224,248,.18)}.profile-page .profile-id{margin-top:12px;padding:0;border:0;background:none;color:var(--rp-mist);cursor:copy;font:11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.08em}.profile-page .profile-id:hover{color:var(--rp-frost-high)}.profile-rank{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding-left:25px;border-left:1px solid var(--rp-line)}.profile-rank>strong{grid-row:1 / 5;color:var(--rp-gold-high);font:700 clamp(38px,4vw,58px) / 1 var(--rp-display);font-variant-numeric:tabular-nums}.profile-rank small{color:var(--rp-mist);font-size:11px}.profile-rank .tier-badge{width:fit-content}.profile-page .btn{position:relative;z-index:1}.profile-account-cluster{display:grid;grid-template-columns:1.15fr .85fr;margin-bottom:16px}.profile-account-cluster .account-section{padding:24px 28px;border:0;border-right:1px solid var(--rp-line);background:transparent}.profile-account-cluster .account-section__heading{margin-bottom:14px}.profile-account-cluster .account-section h3,.profile-access-section h3{margin:0;font:650 18px/1.3 var(--rp-display);letter-spacing:.05em}.profile-account-cluster .field{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:8px 0;border-top:1px solid rgba(190,228,243,.08)}.profile-account-cluster .label{color:var(--rp-mist);font-size:11px}.profile-access-section{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:24px 28px}.profile-access-section p:last-child{max-width:430px;margin:8px 0 0;color:var(--rp-mist);font-size:12px;line-height:1.7}.profile-access-mark{display:grid;width:48px;height:56px;place-items:center;border:1px solid rgba(181,138,67,.62);background:#b58a4314;color:var(--rp-gold-high);font:28px Georgia,serif;clip-path:polygon(50% 0,100% 23%,85% 100%,15% 100%,0 23%)}.profile-access-status{padding:6px 9px;border:1px solid rgba(158,189,205,.22);color:var(--rp-mist);font-size:10px;letter-spacing:.08em;white-space:nowrap}.profile-page .profile-metrics{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:16px;border:1px solid var(--rp-line);background:#051522d1}.profile-page .profile-metrics>div{padding:17px 20px;border-right:1px solid var(--rp-line)}.profile-page .profile-metrics>div:last-child{border-right:0}.profile-page .profile-metrics strong{color:var(--rp-ice);font:650 24px/1 var(--rp-display)}.profile-page .profile-metrics span{margin-top:7px;color:var(--rp-mist);font-size:10px;letter-spacing:.08em}.profile-page .profile-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.profile-match-column{min-width:0;padding:28px}.profile-page .profile-section-head{align-items:flex-end;margin-bottom:18px}.profile-page .profile-section-head h3,.profile-column-title h3{margin:0;font:650 21px/1.2 var(--rp-display);letter-spacing:.05em}.profile-page .profile-filters{display:flex;padding:3px;border:1px solid var(--rp-line);background:#030f198c}.profile-page .profile-filters button{min-width:50px;padding:8px 10px;border:0;background:transparent;color:var(--rp-mist);font-size:11px}.profile-page .profile-filters button.active{background:linear-gradient(180deg,#b58a433d,#b58a4314);color:var(--rp-gold-high)}.profile-page .profile-match-list{gap:7px}.profile-page .profile-match{position:relative;min-height:72px;padding:12px 14px;border:1px solid rgba(190,228,243,.1);background:#05142094;transition:border-color .16s ease,background .16s ease,transform .16s ease}.profile-page .profile-match:hover{border-color:#6ac9ed59;background:#0f3043a3;transform:translate(3px)}.profile-page .profile-match.selected{border-color:#b58a438f;background:linear-gradient(90deg,#b58a4321,#0f304370);box-shadow:inset 3px 0 var(--rp-gold-high)}.profile-page .profile-outcome{border:1px solid currentColor;background:transparent}.profile-page .profile-match small,.profile-muted{color:var(--rp-mist)}.profile-column-title{margin-bottom:10px;padding:13px 16px;border:1px solid rgba(181,138,67,.28);background:linear-gradient(90deg,rgba(181,138,67,.11),transparent)}.profile-page .profile-code-column{gap:12px}.profile-page .profile-code-column>.card{padding:22px}.profile-page .profile-versions>button{border-color:#bee4f31f;background:#05142075}.profile-page .profile-versions>button:hover,.profile-page .profile-versions>button.selected{border-color:#b58a4380;background:#b58a431c}.profile-page .profile-code-card pre{max-height:255px;border:1px solid rgba(106,201,237,.16);background:#06131f;color:#cceefa}.profile-empty{width:min(660px,calc(100% - 32px));margin:90px auto;padding:52px 28px;border:1px solid rgba(190,228,243,.22);background:#081c2beb;color:#e9f8ff;text-align:center}.leaderboard-page{width:min(1420px,calc(100% - 40px));margin:24px auto 64px;padding-bottom:34px}.leaderboard-page .lb-head{display:flex;justify-content:space-between;align-items:end;min-height:176px;padding:35px clamp(24px,4.5vw,64px);border:1px solid rgba(201,243,255,.3);background:radial-gradient(circle at 70% 20%,rgba(106,201,237,.16),transparent 28%),linear-gradient(110deg,#0e2f41f5,#061725f0);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.lb-page-title{margin:0;font:700 clamp(34px,4vw,56px) / 1 var(--rp-display);letter-spacing:.08em}.lb-subtitle{margin:13px 0 0;color:var(--rp-mist);font-size:12px}.leaderboard-page .lb-windows{display:flex;padding:3px;border:1px solid var(--rp-line);background:#030f19a6}.leaderboard-page .lb-window{min-width:76px;border:0;background:transparent;color:var(--rp-mist)}.leaderboard-page .lb-window.is-active{background:linear-gradient(180deg,#b58a4340,#b58a4314);color:var(--rp-gold-high);box-shadow:inset 0 -2px var(--rp-gold)}.leaderboard-page .lb-self{margin:14px 0;border:1px solid rgba(181,138,67,.35);background:linear-gradient(90deg,#b58a4321,#081c2beb 52%)}.lb-podium{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;margin-top:16px;padding:32px 22px 0;overflow:hidden;border:1px solid var(--rp-line);background:radial-gradient(ellipse at 50% 24%,rgba(181,138,67,.13),transparent 28%),radial-gradient(ellipse at 50% 100%,rgba(106,201,237,.15),transparent 55%),#051420e6}.lb-podium:before{position:absolute;inset:0;opacity:.32;background:linear-gradient(118deg,transparent 40%,rgba(201,243,255,.11) 40.5%,transparent 41%),linear-gradient(62deg,transparent 57%,rgba(181,138,67,.09) 57.5%,transparent 58%);content:"";pointer-events:none}.lb-podium-card{position:relative;z-index:1;min-width:0;border:1px solid rgba(190,228,243,.16);background:linear-gradient(180deg,#13364894,#051420f5)}.lb-podium-card.podium-1{border-color:#f0d28a6b;box-shadow:0 0 42px #b58a4314}.lb-rank-banner{position:absolute;z-index:2;top:10px;left:10px;display:grid;padding:6px 9px;border:1px solid rgba(181,138,67,.55);background:#05111bdb;color:var(--rp-gold-high)}.lb-rank-banner span{font-size:9px;letter-spacing:.12em}.lb-rank-banner b{font:700 18px/1.1 var(--rp-display)}.lb-model-stage{position:relative;display:grid;width:100%;height:218px;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 82%,rgba(106,201,237,.2),transparent 42%),linear-gradient(180deg,rgba(72,134,159,.1),transparent)}.podium-1 .lb-model-stage{height:264px;background:radial-gradient(ellipse at 50% 82%,rgba(240,210,138,.16),transparent 44%),linear-gradient(180deg,rgba(90,141,159,.12),transparent)}.lb-model-rune{position:absolute;z-index:1;top:15%;color:#6ac9ed47;font:150px/1 Georgia,serif;filter:drop-shadow(0 0 18px rgba(106,201,237,.15))}.podium-1 .lb-model-rune{color:#f0d28a24}.lb-model-silhouette{position:absolute;z-index:2;bottom:23px;width:90px;height:142px;border:1px solid rgba(201,243,255,.72);border-radius:46% 46% 20% 20%/26% 26% 12% 12%;background:radial-gradient(circle at 50% 15%,rgba(233,248,255,.82) 0 14%,transparent 15%),linear-gradient(90deg,transparent 10%,rgba(106,201,237,.56) 11% 89%,transparent 90%);box-shadow:inset 0 0 24px #c9f3ff29;filter:drop-shadow(0 10px 15px rgba(0,6,12,.64)) drop-shadow(0 0 9px rgba(106,201,237,.28));clip-path:polygon(33% 0,67% 0,72% 18%,94% 44%,83% 100%,17% 100%,6% 44%,28% 18%)}.podium-1 .lb-model-silhouette{width:112px;height:177px}.lb-model-state{position:absolute;z-index:3;bottom:9px;padding:3px 6px;background:#04111bb8;color:#e9f8ffc2;font-size:8px;letter-spacing:.1em}.lb-pedestal{display:grid;min-height:132px;padding:18px 18px 16px;border-top:1px solid rgba(190,228,243,.12);background:linear-gradient(180deg,#103041f0,#061623fa);text-align:center}.podium-1 .lb-pedestal{min-height:150px;border-top-color:#b58a4359}.podium-name{overflow:hidden;font:650 clamp(15px,1.5vw,20px) / 1.3 var(--rp-display);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.lb-podium-class,.lb-podium-outfit,.lb-podium-record{margin-top:5px;color:var(--rp-mist);font-size:9px}.lb-podium-outfit{color:#9ebdcd9e}.podium-rating{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:10px}.podium-rating strong{color:var(--rp-gold-high);font:700 23px/1 var(--rp-display)}.lb-board{margin-top:14px;border:1px solid var(--rp-line);background:#061623eb}.lb-board-heading{display:flex;justify-content:space-between;align-items:end;padding:18px 22px 13px;border-bottom:1px solid var(--rp-line)}.lb-board-heading h3{margin:0;font:650 18px/1.2 var(--rp-display);letter-spacing:.05em}.lb-board-heading small{color:var(--rp-mist);font-size:10px}.leaderboard-page .lb-board table{border-collapse:collapse}.leaderboard-page .lb-board th{padding:10px 18px;border-bottom:1px solid var(--rp-line);color:#9ebdcdb8;font-size:9px;letter-spacing:.12em}.leaderboard-page .lb-board td{height:58px;padding:9px 18px;border-bottom:1px solid rgba(190,228,243,.08)}.leaderboard-page .lb-board tr:hover td{background:#6ac9ed0b}.leaderboard-page .lb-board tr.is-me td{background:#b58a4317}.leaderboard-page .rank{display:inline-grid;min-width:28px;height:28px;place-items:center;border:1px solid rgba(190,228,243,.15);color:var(--rp-mist);font:650 12px var(--rp-display)}.leaderboard-page .who>span{color:#9ebdcd80}.leaderboard-page .lb-foot{margin:0;padding:12px 18px;color:#9ebdcd8f}.lb-state-box{min-height:260px}@media(max-width:1024px){.profile-page .profile-hero{grid-template-columns:1fr 1fr}.profile-page .profile-hero>.btn{grid-column:1 / -1;width:100%}.profile-account-cluster{grid-template-columns:1fr}.profile-account-cluster .account-section{border-right:0;border-bottom:1px solid var(--rp-line)}.profile-page .profile-workbench{grid-template-columns:minmax(0,1fr)}.lb-podium{padding-inline:10px}.lb-model-stage{height:190px}.podium-1 .lb-model-stage{height:226px}}@media(max-width:680px){.app-shell:has(.profile-page) .runic-player-nav .player-nav__links button:nth-child(2){display:inline-flex}.profile-page,.leaderboard-page{width:calc(100% - 16px);min-height:calc(100vh - 62px);margin-top:8px}.leaderboard-page{overflow-x:hidden}.profile-page .profile-hero{display:block;min-height:auto;padding:28px 20px;clip-path:none}.profile-page .profile-hero:after{right:-170px}.profile-rank{margin:24px 0;padding:18px 0 0;border-top:1px solid var(--rp-line);border-left:0}.profile-page .profile-hero>.btn{width:100%}.profile-account-cluster .account-section,.profile-access-section,.profile-match-column,.profile-page .profile-code-column>.card{padding:19px 16px}.profile-access-section{grid-template-columns:42px 1fr}.profile-access-mark{width:40px;height:46px;font-size:22px}.profile-access-status{grid-column:2;width:fit-content}.profile-page .profile-metrics{grid-template-columns:repeat(3,1fr)}.profile-page .profile-metrics>div{padding:13px 12px;border-bottom:1px solid var(--rp-line)}.profile-page .profile-section-head{display:block}.profile-page .profile-filters{margin-top:14px}.profile-page .profile-filters button{flex:1;min-width:0}.profile-page .profile-match{grid-template-columns:32px 1fr auto;padding-inline:9px}.profile-page .profile-match-meta small{display:none}.leaderboard-page .lb-head{display:block;min-height:auto;padding:28px 18px;clip-path:none}.leaderboard-page .lb-windows{margin-top:22px}.leaderboard-page .lb-window{flex:1;min-width:0}.leaderboard-page .lb-self{grid-template-columns:auto 1fr auto;padding:12px}.leaderboard-page .lb-self .lb-self-metric{display:none}.leaderboard-page .lb-podium{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;padding:8px;border-bottom:1px solid var(--rp-line)}.leaderboard-page .lb-podium-card{display:grid;grid-template-columns:105px 1fr;width:100%;padding:0}.leaderboard-page .lb-model-stage,.leaderboard-page .podium-1 .lb-model-stage{width:105px;height:158px}.leaderboard-page .lb-model-silhouette,.leaderboard-page .podium-1 .lb-model-silhouette{width:66px;height:106px}.leaderboard-page .lb-model-rune{font-size:96px}.leaderboard-page .lb-pedestal,.leaderboard-page .podium-1 .lb-pedestal{min-height:158px;align-content:center;border-top:0;border-left:1px solid rgba(190,228,243,.12);text-align:left}.leaderboard-page .podium-rating{justify-content:flex-start}.lb-board-heading{padding-inline:12px}.leaderboard-page .lb-board th,.leaderboard-page .lb-board td{padding-inline:10px}.leaderboard-page .lb-board th:nth-child(3),.leaderboard-page .lb-board td:nth-child(3),.leaderboard-page .lb-board th:nth-child(5),.leaderboard-page .lb-board td:nth-child(5),.leaderboard-page .lb-board th:nth-child(6),.leaderboard-page .lb-board td:nth-child(6){display:none}}@media(prefers-reduced-motion:reduce){.profile-page .profile-match{transition:none}}: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}}:root{--runic-abyss: #071426;--runic-night: #0d1d36;--runic-stone: #274967;--runic-stone-hi: #527896;--runic-frost: #edf7ff;--runic-frost-soft: #d6e8f6;--runic-crystal: #48c9f6;--runic-crystal-hi: #a9e9ff;--runic-gold: #c99b48;--runic-gold-hi: #f0cf83;--runic-ink: #172b4c;--runic-muted: #75869d;--runic-danger: #a83e49;--runic-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, Georgia, serif;--runic-interface: "Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--runic-shadow: 0 28px 80px rgb(1 8 21 / 42%)}.runic-page,.runic-player-nav{font-family:var(--runic-interface)}.runic-page :is(button,input,textarea,a):focus-visible,.runic-player-nav :is(button,a):focus-visible{outline:2px solid var(--runic-gold-hi);outline-offset:3px}.runic-page--arena-gate{background:radial-gradient(circle at 72% 34%,rgb(133 190 226 / 25%),transparent 25rem),radial-gradient(circle at 24% -8%,rgb(155 210 239 / 16%),transparent 27rem),linear-gradient(142deg,#071426,#0d223c 58%,#111d32)}.runic-page--arena-gate:before{opacity:.36;background-image:radial-gradient(circle,rgb(230 243 255 / 72%) 0 1px,transparent 1.4px),linear-gradient(118deg,transparent 0 47%,rgb(181 211 239 / 5%) 48% 49%,transparent 50%);background-position:0 0,center;background-size:97px 97px,320px 320px}.runic-page--arena-gate:after{position:absolute;right:-18vw;bottom:-54vw;width:90vw;aspect-ratio:1;border:1px solid rgb(190 222 247 / 10%);border-radius:50%;box-shadow:0 0 120px #67a0d11c,inset 0 0 100px #588ec414;content:"";pointer-events:none}.runic-player-nav{top:0;right:0;left:0;min-height:68px;border-bottom:1px solid rgb(176 211 239 / 15%);padding:0 clamp(24px,4vw,68px);background:linear-gradient(180deg,#050e1ce5,#0712238a);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.runic-player-nav .player-nav__brand{gap:12px;margin-right:clamp(28px,4vw,58px);color:var(--runic-frost);font-family:Georgia,var(--runic-display);font-size:16px;letter-spacing:.16em}.runic-player-nav .player-nav__brand-mark{position:relative;width:27px;height:27px;clip-path:none;background:transparent;color:transparent;filter:none}.runic-player-nav .player-nav__brand-mark:before,.runic-player-nav .player-nav__brand-mark:after{position:absolute;content:"";transform:rotate(45deg)}.runic-player-nav .player-nav__brand-mark:before{inset:2px;border:1px solid rgb(185 233 255 / 72%);box-shadow:0 0 13px #48c9f652}.runic-player-nav .player-nav__brand-mark:after{inset:8px;border:1px solid var(--runic-gold-hi)}.runic-player-nav .player-nav__brand:hover{color:#fff;filter:none}.runic-player-nav .player-nav__brand:hover .player-nav__brand-mark{transform:none;filter:brightness(1.12)}.runic-player-nav .player-nav__links{align-self:stretch;gap:clamp(16px,2.1vw,32px)}.runic-player-nav .player-nav__links button{min-width:0;padding:0 2px;color:#dae8f794;font-size:11px;letter-spacing:.08em}.runic-player-nav .player-nav__links button:not(.player-nav__tutorial):hover{border-radius:0;background:transparent}.runic-player-nav .player-nav__links button.active:after{right:12%;left:12%;background:linear-gradient(90deg,transparent,var(--runic-gold-hi),transparent);box-shadow:0 0 10px #f0cf836b}.runic-player-nav .player-nav__tutorial{margin-left:4px;border:1px solid rgb(164 210 239 / 22%);padding-inline:12px;background:#1f426042;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.runic-player-nav :is(.player-nav__auth,.player-chip){border:1px solid rgb(190 223 247 / 28%);border-radius:2px;background:linear-gradient(145deg,#214566c2,#0b1f36cc);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:inset 0 1px #ffffff14}.runic-player-nav :is(.player-nav__auth,.player-chip):hover{border-color:#f0cf83ad;background:linear-gradient(145deg,#315371e0,#0f253eeb);box-shadow:0 9px 24px #020a1642}.runic-player-nav .player-chip__avatar{background:linear-gradient(145deg,var(--runic-frost-soft),#5f83a4);color:var(--runic-ink);font-family:var(--runic-display)}.runic-player-nav .player-account-menu{border-color:#b8dbf55c;border-radius:2px;background:linear-gradient(135deg,rgb(82 120 150 / 15%),transparent 36%),#08182bf7;box-shadow:var(--runic-shadow),inset 0 1px #ffffff12;clip-path:polygon(0 11px,11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}.runic-page--arena-gate .home-hero{top:17%;left:clamp(28px,5.5vw,90px);width:min(50vw,700px)}.runic-page--arena-gate .home-season{margin-bottom:18px;color:#cde1f1a6;font-size:9px;letter-spacing:.22em}.runic-page--arena-gate .home-season span{width:29px;height:1px;background:var(--runic-gold);box-shadow:none}.runic-page--arena-gate .home-hero h2{max-width:660px;color:var(--runic-frost);font-family:var(--runic-display);font-size:clamp(42px,4.4vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.025em}.runic-page--arena-gate .home-hero h2 em{position:relative;color:var(--runic-gold-hi)}.runic-page--arena-gate .home-hero h2 em:after{position:absolute;right:0;bottom:1px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--runic-gold),transparent);content:""}.runic-page--arena-gate .home-hero>p{max-width:560px;margin:20px 0 25px;color:#d7e8f5b8;line-height:1.86}.runic-page--arena-gate .home-actions .btn{flex:0 0 auto;width:auto;min-height:46px;border-radius:2px;font-size:12px;letter-spacing:.06em;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}.runic-page--arena-gate .home-actions .btn.big{min-width:184px;border-color:#ad7e33;background:linear-gradient(135deg,rgb(255 250 221 / 52%),transparent 36%),linear-gradient(#f0d38d,#c29343);color:#37270d;box-shadow:inset 0 1px #fffadddb,0 9px 24px #49310d3d;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.runic-page--arena-gate .home-actions .btn.big:after{margin-left:16px;content:"→"}.runic-page--arena-gate .home-actions .btn.big:hover{filter:brightness(1.06);transform:translateY(-2px)}.runic-page--arena-gate .home-actions .btn.ghost{border-color:#b2d3ef54;border-radius:2px;background:#112a4894;color:#eef7ffe0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.runic-page--arena-gate .home-actions .btn.ghost:hover{border-color:#f0cf838c;background:#223a56e0;transform:translateY(-1px)}.home-guest-note{display:flex;gap:8px;align-items:center;margin:12px 0 0;color:#c8dbeb87;font-size:9px}.home-guest-note span{color:var(--runic-gold-hi)}.runic-page--arena-gate .home-player-status{border:1px solid rgb(183 218 244 / 34%);border-left:2px solid var(--runic-gold);padding:15px 17px;background:linear-gradient(135deg,rgb(145 192 221 / 10%),transparent 35%),#102a469e;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.runic-page--arena-gate .home-player-status__eyebrow{color:var(--runic-gold-hi)}.runic-page--arena-gate .home-player-status strong{font-family:var(--runic-display)}.runic-arena-gate{top:9%;right:-2vw;width:min(55vw,820px);height:76%}.runic-arena-gate .home-arena-visual__moon{top:-1%;right:16%;width:min(17vw,240px);height:auto;aspect-ratio:1;background:radial-gradient(circle at 38% 36%,#fbfdff,#c5ddef 52%,rgb(110 150 191 / 14%) 72%,transparent 73%);opacity:.82;filter:drop-shadow(0 0 74px rgb(177 213 240 / 28%))}.runic-arena-gate .home-arena-visual__cliff{right:4%;bottom:5%;width:88%;background:radial-gradient(ellipse at center,#527895 0 45%,#294c69 46% 58%,#0b213a 59% 68%,#071326 69%);box-shadow:0 55px 90px #00040fc7,inset 0 0 50px #d7effd29}.runic-arena-gate .home-arena-visual__ring{inset:11%;border-color:#cbe7f9a1;background:linear-gradient(35deg,transparent 48%,rgb(225 242 253 / 13%) 49% 51%,transparent 52%),linear-gradient(145deg,rgb(189 225 246 / 13%),transparent 38%),radial-gradient(circle,rgb(97 151 187 / 25%),transparent 68%);box-shadow:0 0 0 10px #bde2f808,inset 0 0 46px #b5dff51f,0 0 28px #92cfed2e}.runic-arena-gate .crystal{background:linear-gradient(100deg,#668eae,#e7f6ff 44%,#5a85a9 58%,#224763);filter:drop-shadow(0 0 11px rgb(180 225 248 / 58%))}.runic-arena-gate .fighter{width:52px;height:96px;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 15px 10px rgb(1 8 20 / 56%))}.runic-arena-gate .fighter__head,.runic-arena-gate .fighter__body,.runic-arena-gate .fighter__weapon{position:absolute;display:block}.runic-arena-gate .fighter__head{z-index:2;top:0;left:16px;width:20px;height:22px;border:1px solid rgb(236 246 255 / 62%);border-radius:48% 48% 42% 42%;background:linear-gradient(110deg,#e2eff8,#6285a3 72%)}.runic-arena-gate .fighter__body{top:19px;left:9px;width:34px;height:53px;border:1px solid rgb(235 247 255 / 22%);background:linear-gradient(110deg,#c8deee,#3d6381 76%);clip-path:polygon(18% 0,82% 0,100% 28%,76% 100%,24% 100%,0 28%)}.runic-arena-gate .fighter__weapon{z-index:3;top:8px;left:-6px;width:6px;height:77px;background:linear-gradient(90deg,#668eac,#f2f9ff 48%,#658dad);clip-path:polygon(50% 0,100% 9%,68% 82%,100% 91%,54% 100%,0 91%,34% 82%,0 9%);filter:drop-shadow(0 0 8px rgb(190 226 250 / 45%));transform:rotate(-20deg)}.runic-arena-gate .fighter--blue{top:29%;left:27%}.runic-arena-gate .fighter--red{right:26%;bottom:23%;transform:rotate(5deg) rotateX(-61deg) scale(.88)}.runic-arena-gate .fighter--red .fighter__head{background:linear-gradient(110deg,#e7eef8,#776f9d 75%);box-shadow:0 0 14px #9b8cd752}.runic-arena-gate .fighter--red .fighter__body{background:linear-gradient(110deg,#ccd7e9,#514b72 76%)}.runic-arena-gate .fighter--red .fighter__weapon{right:-8px;left:auto;background:linear-gradient(90deg,#74699e,#edf4ff 48%,#74699e);transform:rotate(18deg)}.home-arena-visual__label{position:absolute;right:6%;bottom:1%;color:#daeaf74f;font:10px Georgia,serif;letter-spacing:.27em}.runic-page--arena-gate .home-process{right:clamp(110px,12vw,190px);bottom:25px;left:clamp(28px,5.5vw,90px);max-width:900px;border:1px solid rgb(153 190 219 / 28%);padding:0;background:linear-gradient(90deg,#e8f3fcf0,#d8e9f7f0);color:var(--runic-ink);box-shadow:0 14px 38px #01081552,inset 0 0 0 4px #ffffff4f;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.runic-page--arena-gate .home-process div{min-height:76px;align-content:center;padding:13px 17px}.runic-page--arena-gate .home-process div+div{border-left:1px solid rgb(81 120 165 / 20%)}.runic-page--arena-gate .home-process b{color:#9a773e;font-family:Georgia,serif}.runic-page--arena-gate .home-process span{color:#233b5b;font-family:var(--runic-display)}.runic-page--arena-gate .home-process small{color:#6b7990}.runic-page--arena-gate .home-manual-link{right:28px;bottom:30px;color:#d6e8f5ab}.runic-page--arena-gate .home-manual-link:hover{color:var(--runic-gold-hi)}.runic-page--player-pass{min-height:100dvh;background:radial-gradient(circle at 24% 50%,rgb(103 159 205 / 23%),transparent 31%),linear-gradient(135deg,#071426,#101c31)}.runic-page--player-pass .auth-story{border-right:1px solid rgb(173 203 230 / 18%);background:radial-gradient(circle at 72% 72%,rgb(92 145 192 / 22%),transparent 28%),linear-gradient(145deg,#071426,#10253e 58%,#0a1729)}.runic-page--player-pass .auth-story:before{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,rgb(231 245 255 / 70%) 0 1px,transparent 1.4px);background-size:107px 107px;content:""}.runic-page--player-pass .auth-story__brand{display:inline-flex;gap:10px;align-items:center;color:var(--runic-frost);font-family:Georgia,var(--runic-display);font-size:16px}.runic-page--player-pass .auth-story__brand span,.runic-page--player-pass .auth-story__kicker{color:var(--runic-gold-hi)}.runic-page--player-pass .auth-story h1{color:var(--runic-frost);font-family:var(--runic-display);font-size:clamp(34px,4vw,58px);font-weight:800;letter-spacing:-.025em}.runic-page--player-pass .auth-story li span{color:var(--runic-gold-hi);font-family:Georgia,serif}.runic-page--player-pass .auth-story__arena{border-color:#cbe5f752;box-shadow:0 0 70px #6fa5d138,inset 0 0 55px #b1daf31f}.runic-page--player-pass .auth-panel{padding-block:70px 36px;background:radial-gradient(circle at 55% 45%,rgb(100 146 190 / 12%),transparent 22rem),linear-gradient(155deg,#0a1a2d,#050d1a)}.runic-page--player-pass .auth-exit{border-radius:2px;color:#dcecf8c7;background:#19365275;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.auth-pass{position:relative;width:min(100%,470px);padding:28px 34px 25px}.runic-tablet{border:1px solid rgb(172 204 234 / 84%);box-shadow:var(--runic-shadow),inset 0 0 0 4px #ffffff6b;clip-path:polygon(0 15px,15px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 12px),calc(100% - 12px) 100%,24px 100%,0 calc(100% - 24px))}.runic-tablet:before{position:absolute;inset:7px;border:1px solid rgb(91 130 176 / 22%);clip-path:inherit;content:"";pointer-events:none}.runic-tablet--light{color:var(--runic-ink);background:linear-gradient(135deg,rgb(255 255 255 / 66%),transparent 31%),linear-gradient(145deg,#f1f7fd,#dbe9f7)}.auth-pass>*{position:relative;z-index:1}.auth-pass__kicker{display:block;margin-bottom:10px;color:#6b7e9a;font:800 8px var(--runic-interface);letter-spacing:.22em}.runic-page--player-pass .auth-tabs{width:100%;margin-bottom:7px;border-color:#4e75a038}.runic-page--player-pass .auth-tabs button{color:#78879c;font-size:11px}.runic-page--player-pass .auth-tabs button.active{border-bottom-color:var(--runic-gold);color:var(--runic-ink)}.runic-page--player-pass .auth-view{width:100%}.runic-page--player-pass .auth-view .auth-card{padding:14px 0 5px;color:var(--runic-ink)}.runic-page--player-pass .auth-view .auth-card h2{margin-bottom:18px;color:var(--runic-ink);font-family:var(--runic-display);font-size:27px}.runic-page--player-pass .auth-view .auth-card label{color:#536984;font-size:10px}.runic-page--player-pass .auth-view .auth-input{height:43px;border-color:#547ba84d;border-radius:2px;background:#f9fcffc7;color:var(--runic-ink)}.runic-page--player-pass .auth-view .auth-input:focus{border-color:var(--runic-gold);box-shadow:0 0 0 2px #c99b4824}.runic-page--player-pass .auth-view .auth-btn{min-height:44px;border-color:#ad7e33;border-radius:2px;background:linear-gradient(#f0d38d,#c29343);color:#37270d;font-weight:850;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.runic-page--player-pass .auth-view .auth-github-btn{border-color:#3e546d94;background:#223650;color:#f4f8fc}.runic-page--player-pass .auth-view .auth-links .btn.ghost{color:#5f7189}.runic-page--player-pass .auth-view .auth-error{border-color:#a83e4947;background:#a83e4917;color:#8d2936}.auth-pass__sync{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center;margin:14px 0 0;border-top:1px solid rgb(83 121 166 / 18%);padding-top:13px;color:#657690;font-size:8.5px;line-height:1.5}.auth-pass__sync span{color:var(--runic-gold);font-family:Georgia,serif;font-size:16px;text-align:center}.runic-page .spectate-modal{border-color:#b6d9f266;border-radius:2px;background:linear-gradient(135deg,rgb(99 148 182 / 14%),transparent 31%),linear-gradient(145deg,#173551,#0a1b30);box-shadow:var(--runic-shadow),inset 0 1px #ffffff14;clip-path:polygon(0 14px,14px 0,calc(100% - 25px) 0,100% 25px,100% calc(100% - 12px),calc(100% - 12px) 100%,22px 100%,0 calc(100% - 22px))}.runic-page .spectate-modal__eyebrow{color:var(--runic-gold-hi)}.runic-page .spectate-options button{border-color:#b7def647;border-radius:2px;background:#0c233c99}.runic-page .spectate-options button:hover{border-color:#f0cf8394;background:#234562c2}@media(max-width:1080px){.runic-player-nav{padding-inline:20px}.runic-player-nav .player-nav__brand{margin-right:25px}.runic-player-nav .player-nav__links{gap:16px}.runic-arena-gate{right:-11vw;width:65vw;opacity:.64}.runic-page--arena-gate .home-hero{width:min(58vw,650px)}.runic-page--arena-gate .home-process{right:30px}.runic-page--arena-gate .home-manual-link{display:none}}@media(max-width:760px){.runic-player-nav{top:0;right:0;left:0;min-height:58px;gap:12px;padding-inline:13px}.runic-player-nav .player-nav__brand{display:inline-flex;margin-right:0;font-size:12px}.runic-player-nav .player-nav__brand-mark{width:22px;height:22px}.runic-player-nav .player-nav__links{min-width:0;gap:13px;overflow-x:auto}.runic-player-nav .player-nav__links button{flex:0 0 auto;font-size:9px}.runic-player-nav .player-nav__links button:nth-child(2){display:none}.runic-player-nav :is(.player-nav__auth,.player-chip){padding:7px 8px}.runic-player-nav .player-chip__identity{display:none}.runic-page--arena-gate{overflow-y:auto}.runic-page--arena-gate .home-hero{position:relative;top:auto;left:auto;width:auto;padding:104px 20px 540px}.runic-page--arena-gate .home-hero h2{font-size:clamp(37px,11vw,48px)}.runic-page--arena-gate .home-hero>p{font-size:13px;line-height:1.75}.runic-page--arena-gate .home-actions{display:grid;grid-template-columns:1fr 1fr}.runic-page--arena-gate .home-actions .btn.big{grid-column:1 / -1;width:100%}.runic-page--arena-gate .home-actions .btn.ghost{width:100%}.runic-arena-gate{top:auto;right:-31vw;bottom:206px;width:128vw;height:390px;opacity:.62}.runic-arena-gate .home-arena-visual__moon{width:34vw}.runic-page--arena-gate .home-process{right:12px;bottom:16px;left:12px;grid-template-columns:1fr}.runic-page--arena-gate .home-process div{min-height:59px;padding:10px 14px}.runic-page--arena-gate .home-process div+div{border-top:1px solid rgb(81 120 165 / 20%);border-left:0}.runic-page--player-pass{grid-template-columns:1fr;overflow-y:auto}.runic-page--player-pass .auth-story{min-height:206px;border-right:0;border-bottom:1px solid rgb(173 203 230 / 15%);padding:24px 22px 34px}.runic-page--player-pass .auth-story__copy{margin-top:33px}.runic-page--player-pass .auth-story h1{margin:10px 0 6px;font-size:29px}.runic-page--player-pass .auth-story__copy>p,.runic-page--player-pass .auth-story ul{display:none}.runic-page--player-pass .auth-panel{min-height:calc(100dvh - 206px);padding:48px 13px 24px}.runic-page--player-pass .auth-exit{top:11px;left:15px}.auth-pass{padding:25px 24px 23px}}@media(prefers-reduced-motion:reduce){.runic-page *,.runic-page *:before,.runic-page *:after,.runic-player-nav *,.runic-player-nav *:before,.runic-player-nav *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.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}}