:root{--bg:#090d12;--bg-elevated:#121820;--panel:rgba(12,17,24,0.84);--panel-border:rgba(255,209,87,0.24);--text:#f4f7fb;--muted:#94a6ba;--accent:#ffd74e;--accent-warm:#ff824d;--accent-cool:#67ddff;--good:#7dff4d;--danger:#ff695c;--warning:#ffd166;--riot-hp-purple:#8b5cf6;--riot-hp-magenta:#d946ef;--riot-hp-warning-orange:#fb923c;--riot-hp-danger-orange:#f97316;--riot-hp-critical-red:#ef4444;--riot-en-green:#39ff14;--riot-en-mint:#a8ff7a;--riot-en-blue:#35dcff;--riot-en-deep-blue:#2d86ff;--riot-crit-gold:#fbbf24;--hud-hp-gradient:linear-gradient(90deg,var(--riot-hp-purple),var(--riot-hp-magenta));--hud-hp-warning-gradient:linear-gradient(90deg,var(--riot-hp-purple),var(--riot-hp-warning-orange));--hud-hp-critical-gradient:linear-gradient(90deg,var(--riot-hp-danger-orange),var(--riot-hp-critical-red));--hud-en-gradient:linear-gradient(90deg,var(--riot-en-blue),var(--riot-en-deep-blue));--hud-hp-gradient-reverse:linear-gradient(270deg,var(--riot-hp-purple),var(--riot-hp-magenta));--hud-hp-warning-gradient-reverse:linear-gradient(270deg,var(--riot-hp-purple),var(--riot-hp-warning-orange));--hud-hp-critical-gradient-reverse:linear-gradient(270deg,var(--riot-hp-danger-orange),var(--riot-hp-critical-red));--hud-en-gradient-reverse:linear-gradient(270deg,var(--riot-en-blue),var(--riot-en-deep-blue));--shadow:0 24px 70px rgba(0,0,0,0.4);--font-display:"Arial Black","Franklin Gothic Heavy","Impact",sans-serif;--font-ui:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;--btn-clip:none;--btn-clip-sm:none;--card-clip:none;--hud-clip:none;--panel-clip:none;--btn-primary-bg:var(--good);--btn-primary-fg:var(--bg);--btn-primary-border:var(--good);--btn-primary-hover-bg:var(--bg);--btn-primary-hover-fg:var(--good);--btn-primary-hover-border:var(--good);--btn-primary-glow:rgba(57,255,20,0.24);--btn-secondary-bg:transparent;--btn-secondary-fg:var(--text);--btn-secondary-border:rgba(255,255,255,0.12);--btn-secondary-hover-bg:rgba(255,255,255,0.06);--btn-secondary-hover-fg:var(--accent);--btn-secondary-hover-border:rgba(255,209,87,0.32);--btn-secondary-glow:rgba(255,215,78,0.14);--btn-accent-bg:var(--accent);--btn-accent-fg:var(--bg);--btn-accent-border:var(--accent);--btn-accent-hover-bg:var(--bg);--btn-accent-hover-fg:var(--accent);--btn-accent-hover-border:var(--accent);--btn-accent-glow:rgba(255,215,78,0.22);--hud-panel-bg:rgba(8,12,18,0.72);--hud-panel-border:rgba(255,209,87,0.18);--hud-p1-color:var(--good);--hud-p2-color:var(--riot-hp-magenta);--transition-snap:220ms cubic-bezier(0.22,0.68,0,1.2);--transition-fast:160ms ease;--transition-smooth:220ms ease}*{box-sizing:border-box;min-width:0;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{position:relative;min-height:100vh;min-height:100svh;background:radial-gradient(circle at top,rgba(255,173,76,.12),transparent 26%),radial-gradient(circle at left,rgba(86,223,255,.1),transparent 24%),linear-gradient(180deg,#05070b,#0b1017 52%,#05070b);color:var(--text);font-family:var(--font-ui);overscroll-behavior:none}body.gameplay-cursor-hidden,body.gameplay-cursor-hidden *{cursor:none!important}body:before{background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:72px 72px;opacity:.12}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px);z-index:9999;opacity:.4}button,input,select{font:inherit}button{border:none;padding:0;background:none}a{color:inherit;text-decoration:none}main{isolation:isolate}.battle-page,.page-shell{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden}.page-shell{display:grid;place-items:center;padding:20px}.panel{width:min(480px,100%);padding:24px;border:1px solid var(--panel-border);background:rgba(9,14,21,.88);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.language-toggle button,.launch-button,.option-pill,.secondary-button,.utility-chip{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),text-shadow var(--transition-fast),opacity var(--transition-fast)}.launch-button{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;min-width:176px;min-height:58px;padding:0 28px;border:2px solid var(--btn-primary-border);border-radius:0;background:var(--btn-primary-bg);color:var(--btn-primary-fg);font-size:.94rem;font-weight:900;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.launch-button:after,.launch-button:before{display:none}.launch-button:hover{background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-fg);border-color:var(--btn-primary-hover-border);text-shadow:0 0 14px var(--good);box-shadow:inset 0 0 24px var(--btn-primary-glow),0 0 28px var(--btn-primary-glow);transform:translateY(-2px)}.launch-button:active{transform:translateY(0);box-shadow:inset 0 0 16px var(--btn-primary-glow)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-width:148px;min-height:58px;padding:0 24px;border:1px solid var(--btn-secondary-border);border-radius:0;background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.secondary-button:hover{background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-fg);border-color:var(--btn-secondary-hover-border);text-shadow:0 0 12px var(--btn-secondary-glow);box-shadow:inset 0 0 20px rgba(255,255,255,.04);transform:translateY(-2px)}.menu-secondary-nav{padding:10px 18px;border:2px solid var(--btn-primary-border);border-radius:0;background:rgba(8,12,18,.88);color:var(--btn-primary-border);font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(57,255,20,.1);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),text-shadow var(--transition-fast)}.menu-secondary-nav:hover{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border);text-shadow:none;box-shadow:inset 0 0 20px var(--btn-primary-glow),0 0 22px var(--btn-primary-glow);transform:translateY(-2px)}.option-pill,.utility-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(255,255,255,.03);color:var(--text);letter-spacing:.1em;text-transform:uppercase}.option-pill:hover,.utility-chip:hover{background:rgba(255,255,255,.06);border-color:rgba(139,92,246,.34);box-shadow:0 0 16px rgba(139,92,246,.12);transform:translateY(-2px)}.language-toggle button.active,.option-pill.active,.utility-chip.is-active{border-color:rgba(139,92,246,.5);background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(217,70,239,.14));color:#f3ebff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 18px rgba(139,92,246,.12)}.player-badge{position:relative;z-index:11;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.player-badge.is-p1{background:linear-gradient(135deg,var(--riot-en-green),var(--riot-en-mint));color:#041510}.player-badge.is-p2{background:linear-gradient(135deg,var(--riot-hp-purple),var(--riot-hp-magenta));color:#fff4ff}.player-badge.is-editable{cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast)}.player-badge.is-editable:focus-visible,.player-badge.is-editable:hover{transform:translateY(-1px);filter:saturate(1.04)}.menu-page{position:relative;width:100vw;height:100vh;height:100svh;overflow-x:hidden;overflow-y:hidden;padding:8px 14px 10px;background:radial-gradient(circle at 50% 0,rgba(255,178,73,.16),transparent 20%),radial-gradient(circle at 0 100%,rgba(90,221,255,.12),transparent 24%),linear-gradient(180deg,#05070b,#0a0f16 56%,#05070b)}.menu-stage,.result-stage{position:relative;width:100%;height:100%;border:1px solid rgba(255,206,117,.16);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(15,20,28,.94),rgba(8,12,18,.9)),radial-gradient(circle at top right,rgba(255,173,76,.08),transparent 34%);box-shadow:var(--shadow)}.battle-canvas-shell:before,.menu-stage:before,.result-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,182,91,.14),transparent 24%),linear-gradient(320deg,rgba(85,219,255,.1),transparent 28%);pointer-events:none}.menu-stage:after,.result-stage:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.04);border-radius:22px;pointer-events:none}.menu-stage{width:min(1760px,100%);height:100%;min-height:0;margin:0 auto;border:none;border-radius:0;overflow:visible;background:transparent;box-shadow:none;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:2px;gap:2px;padding:0}.menu-stage:after,.menu-stage:before{display:none}.main-menu-page{padding:0;background:radial-gradient(ellipse at 50% 82%,rgba(19,145,255,.18),transparent 44%),linear-gradient(180deg,rgba(0,4,10,.2),rgba(0,0,0,.92)),#02050a}.main-menu-page:after,.main-menu-page:before{content:"";position:absolute;inset:0;pointer-events:none}.main-menu-page:before{z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(1,7,13,.22) 42%,rgba(1,3,8,.78))}.main-menu-page:after{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.68),transparent 24%,transparent 72%,rgba(0,0,0,.62)),linear-gradient(180deg,rgba(0,0,0,.22),transparent 18%,rgba(0,0,0,.28))}.main-menu-page .menu-stage.is-bot-step{--home-horizon-y:50vh;position:relative;z-index:2;width:100%;max-width:none;height:100%;display:block;overflow:hidden;background:#02050a}.main-menu-page .menu-stage.is-bot-step:after,.main-menu-page .menu-stage.is-bot-step:before{content:"";position:absolute;display:block;pointer-events:none}.main-menu-page .menu-stage.is-bot-step:before{left:0;right:0;top:0;z-index:0;height:var(--home-horizon-y);background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,5,14,.34)),url(/pic/home-bg-red-frontier.png) bottom /cover no-repeat;filter:brightness(.66) saturate(1);animation:home-bg-breathe 7.5s ease-in-out infinite}.main-menu-page .menu-stage.is-bot-step:after{inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 22%,transparent 58%,rgba(0,0,0,.82)),linear-gradient(90deg,rgba(0,0,0,.64),transparent 22%,transparent 76%,rgba(0,0,0,.62))}.main-menu-page .menu-stage.is-bot-step .menu-header{position:absolute;inset:0 0 auto;z-index:80;min-height:clamp(104px,12vh,142px);display:flex;align-items:center;justify-content:flex-start;padding:12px clamp(112px,8.5vw,168px) 12px clamp(20px,2.2vw,34px);background:linear-gradient(180deg,rgba(1,5,12,.96),rgba(3,8,15,.74) 70%,rgba(3,8,15,0));box-shadow:0 18px 34px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-menu-page .menu-stage.is-bot-step .menu-brand-block{top:calc(50% + 18px);bottom:auto;min-height:auto;height:auto;transform:translate(-50%,-50%);z-index:86}.main-menu-page .menu-stage.is-bot-step .menu-header-tools{z-index:86;align-self:center;min-height:44px;margin:0}.main-menu-page .menu-title{width:clamp(185px,17.4vw,312px);height:clamp(67px,8.3vw,115px);font-size:0;line-height:1;color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px rgba(255,255,255,.18)) drop-shadow(0 0 28px rgba(139,92,246,.26))}.menu-logo-image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-menu-page .menu-logo-title:after,.main-menu-page .menu-logo-title:before{content:"";background-image:url(/pic/riot-bots-logo.png);background-repeat:no-repeat;background-position:50%;background-size:contain;mix-blend-mode:screen}.main-menu-page .menu-logo-title{animation:menu-logo-glitch-sync 2.35s steps(2) infinite}.main-menu-page .menu-logo-title .menu-logo-image{animation:menu-logo-image-flicker 2.35s steps(2) infinite}.main-menu-page .menu-logo-title:before{filter:hue-rotate(42deg) saturate(1.35) drop-shadow(2px 0 0 rgba(57,255,20,.38));animation:menu-logo-glitch-a 2.35s steps(2) infinite}.main-menu-page .menu-logo-title:after{filter:hue-rotate(282deg) saturate(1.25) drop-shadow(-2px 0 0 rgba(217,70,239,.34));animation:menu-logo-glitch-b 2.35s steps(2) infinite}.bot-select-shell,.menu-header,.result-stage>*{position:relative;z-index:1}.menu-header{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;gap:2px;z-index:20;pointer-events:none;min-height:56px;padding:2px calc(124px + clamp(16px, 2vw, 24px)) 0 0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-header>*{pointer-events:auto}.menu-header:not(.is-map-step) .menu-brand-block{top:2px;bottom:auto;min-height:44px;height:44px;align-content:center}.menu-header:not(.is-map-step) .menu-header-tools{align-self:flex-start;min-height:44px;margin-right:auto;margin-top:2px;justify-content:flex-start;align-items:center}.menu-header.is-map-step{min-height:18px;padding:2px 0 0;justify-content:flex-start}.menu-brand-block,.menu-header.is-map-step .menu-brand-block{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.menu-brand-block{display:grid;grid-gap:2px;gap:2px;min-height:18px;align-content:end;background:transparent}.menu-header-tools{display:flex;justify-content:flex-start;align-items:flex-end}.hud-phase,.hud-slot,.menu-kicker,.option-label,.result-eyebrow,.utility-dock-label{margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.menu-title,.result-title{margin:0;line-height:.88;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-display)}.menu-title{position:relative;display:inline-block;font-size:2.1rem;max-width:none;white-space:nowrap;line-height:.9;font-weight:900;color:#ffffff;text-shadow:2px 2px 0 #9f5cff,4px 4px 0 rgba(159,92,255,.42),0 0 18px rgba(255,255,255,.2);animation:menu-title-launch-sync 4.8s steps(2) infinite;will-change:transform}.menu-title:after,.menu-title:before{position:absolute;inset:0;display:block;pointer-events:none;content:"RIOT BOTS";opacity:0;white-space:nowrap}.menu-title:before{color:rgba(230,198,255,.96);text-shadow:0 0 10px rgba(217,70,239,.58),2px 0 0 rgba(139,92,246,.74);animation:solo-launch-glitch-a 4.8s steps(2) infinite}.menu-title:after{color:rgba(255,255,255,.94);text-shadow:0 0 8px rgba(139,92,246,.42),-2px 0 0 rgba(217,70,239,.58);animation:solo-launch-glitch-b 4.8s steps(2) infinite}.result-title{max-width:11ch;font-size:clamp(2.8rem,6.4vw,5.4rem);text-align:center}.menu-launch-group{display:grid;grid-gap:8px;gap:8px;justify-items:flex-end}.selection-readout{display:flex;align-items:center;justify-content:center;gap:0;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.selection-readout span{color:#fff1cd;font-size:clamp(1.9rem,3.4vw,3.2rem);font-weight:900;line-height:1;letter-spacing:.22em;text-shadow:0 0 26px rgba(255,202,109,.22)}.game-mode-selector{position:relative;display:inline-grid;z-index:120}.game-mode-backdrop{position:fixed;inset:0;z-index:90;border:0;background:rgba(3,5,8,.5);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity .22s ease,-webkit-backdrop-filter .22s ease;transition:opacity .22s ease,backdrop-filter .22s ease;transition:opacity .22s ease,backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease}.game-mode-trigger{position:relative;z-index:110}.game-mode-trigger.is-expanded{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border);text-shadow:none;box-shadow:inset 0 0 20px var(--btn-primary-glow),0 0 22px var(--btn-primary-glow)}.game-mode-backdrop.is-open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-mode-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:100;width:min(280px,calc(100vw - 32px));opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.game-mode-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.game-mode-cards{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid rgba(159,92,255,.42);background:rgba(7,10,16,.78);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(57,255,20,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-mode-card{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 18px;cursor:pointer;text-align:center;font:inherit}.game-mode-card:hover{transform:translateY(-2px)}.game-mode-card.is-active{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border);text-shadow:none;box-shadow:inset 0 0 20px var(--btn-primary-glow),0 0 22px var(--btn-primary-glow)}.game-mode-card-title{font-size:.84rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.solo-bot-select{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:0 10px 12px;z-index:3;isolation:isolate}.solo-bot-select:after,.solo-bot-select:before{content:"";position:absolute;pointer-events:none}.solo-bot-select:before{display:none}.solo-bot-select:after{inset:4% 5% 4%;z-index:-2;background:radial-gradient(ellipse at 50% 54%,rgba(127,79,255,.18),transparent 36%),radial-gradient(ellipse at 68% 38%,rgba(99,214,255,.12),transparent 28%),linear-gradient(180deg,rgba(3,7,12,0),rgba(3,7,12,.48));filter:blur(4px)}.solo-showcase{--bot-accent-soft:color-mix(in srgb,var(--bot-accent) 60%,white 12%);position:relative;display:grid;grid-template-columns:minmax(170px,.16fr) minmax(520px,1.45fr) minmax(260px,.26fr);align-items:center;grid-gap:clamp(8px,1.35vw,20px);gap:clamp(8px,1.35vw,20px);min-height:0;padding:10px clamp(12px,1.6vw,26px) 0;border:0;border-radius:0;overflow:hidden;background:linear-gradient(90deg,rgba(4,8,14,.76),rgba(4,8,14,.16) 30%,rgba(4,8,14,.72)),radial-gradient(ellipse at 48% 76%,color-mix(in srgb,var(--bot-accent) 18%,transparent),transparent 44%);z-index:4}.solo-showcase:after,.solo-showcase:before{content:"";position:absolute;pointer-events:none}.solo-showcase:before{left:14%;right:14%;bottom:clamp(24px,5vh,54px);height:26%;border:2px solid color-mix(in srgb,var(--bot-accent) 56%,rgba(255,255,255,.04));border-top:2px solid transparent;border-radius:50%;opacity:.45;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--bot-accent) 26%,transparent));transform:perspective(680px) rotateX(66deg);transform-origin:center bottom}.solo-showcase:after{left:20%;right:20%;bottom:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,221,255,.52),transparent);opacity:.5}.solo-showcase-actions{justify-items:start;grid-gap:14px;gap:14px}.solo-showcase-actions,.solo-showcase-side{position:relative;z-index:5;display:grid;align-content:center;align-items:start;min-width:0;align-self:stretch;padding:18px 0 20px}.solo-showcase-side{justify-items:stretch;grid-gap:16px;gap:16px}.solo-showcase-nameplate{container-type:inline-size;display:grid;width:100%;min-width:0;grid-gap:6px;gap:6px;justify-items:stretch;text-align:right;color:rgba(255,255,255,.92);text-transform:uppercase}.solo-showcase-nameplate strong{display:block;width:100%;font-family:var(--font-display);max-width:100%;font-size:clamp(1.18rem,min(4vw,13cqw),4rem);font-style:italic;font-weight:950;line-height:.88;letter-spacing:.03em;white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:keep-all;text-wrap:nowrap;color:color-mix(in srgb,var(--bot-accent) 90%,white 10%);text-shadow:0 0 24px color-mix(in srgb,var(--bot-accent) 32%,transparent)}.solo-showcase-meta{display:grid;grid-gap:6px;gap:6px;justify-items:end}.solo-showcase-meta span{opacity:.66;font-size:.72rem;letter-spacing:.14em;line-height:1.35;overflow-wrap:anywhere}.solo-showcase-description{max-width:29ch;margin:22px 0 10px auto;color:color-mix(in srgb,var(--bot-accent) 82%,white 18%);font-size:clamp(.66rem,.82vw,.78rem);font-weight:700;line-height:1.5;letter-spacing:.05em;text-align:right;text-shadow:0 0 18px color-mix(in srgb,var(--bot-accent) 28%,transparent);overflow-wrap:anywhere}.solo-showcase-description.is-zh{display:grid;grid-gap:4px;gap:4px;max-width:24ch;font-size:clamp(.64rem,.76vw,.74rem);line-height:1.42;letter-spacing:.02em}.solo-showcase-description span{display:block}.solo-showcase-stats{display:grid;grid-gap:10px;gap:10px;width:100%;max-width:286px;margin:8px 0 0 auto}.solo-showcase-stat{display:grid;grid-template-columns:42px minmax(0,1fr) 48px;grid-gap:10px;gap:10px;align-items:center;min-width:0}.solo-showcase-stat span{color:rgba(203,213,225,.72);font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.solo-showcase-stat strong{color:#f8fbff;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-align:right}.solo-showcase-stat-track{height:9px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.solo-showcase-stat-fill{height:100%;background:linear-gradient(90deg,var(--bot-accent),color-mix(in srgb,var(--bot-accent) 36%,white));box-shadow:0 0 16px color-mix(in srgb,var(--bot-accent) 34%,transparent)}.solo-showcase-viewport{position:relative;z-index:2;width:100%;height:100%;min-height:clamp(380px,60vh,720px);align-self:stretch;flex:1 1;display:grid;place-items:stretch;overflow:visible;isolation:isolate}.solo-showcase-viewport:before{position:absolute;pointer-events:none;content:"";inset:5% 4% 7%;z-index:0;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--bot-accent) 18%,transparent),transparent 50%),radial-gradient(ellipse at 52% 36%,rgba(255,244,219,.12),transparent 46%),linear-gradient(180deg,rgba(117,221,255,.08),transparent 42%,rgba(0,0,0,.24));opacity:.78}.solo-showcase-viewport .bot-showcase-viewport{z-index:3;filter:drop-shadow(0 26px 30px rgba(0,0,0,.44)) drop-shadow(0 0 24px color-mix(in srgb,var(--bot-accent) 16%,transparent))}.solo-model-light{position:absolute;pointer-events:none;border-radius:50%;will-change:transform,opacity}.solo-model-light-key{left:48%;top:31%;z-index:2;width:clamp(180px,25vw,440px);height:clamp(130px,18vw,300px);background:radial-gradient(ellipse at 48% 50%,rgba(255,238,196,.26),transparent 48%),radial-gradient(ellipse at 56% 60%,rgba(255,255,255,.1),transparent 62%);filter:blur(12px);opacity:.68;transform:translate(-50%,-50%) rotate(-10deg);animation:solo-light-breathe 6.8s ease-in-out infinite}.solo-model-light-rim{right:10%;top:43%;z-index:2;width:clamp(150px,21vw,360px);height:clamp(110px,17vw,280px);background:radial-gradient(ellipse at 42% 50%,color-mix(in srgb,var(--bot-accent) 34%,transparent),transparent 58%),radial-gradient(ellipse at 60% 56%,rgba(105,226,255,.12),transparent 62%);filter:blur(15px);opacity:.58;transform:translateY(-50%) rotate(8deg);animation:solo-rim-drift 7.6s ease-in-out infinite}.solo-model-fog{position:absolute;left:50%;top:58%;z-index:1;width:clamp(260px,44vw,680px);height:clamp(120px,20vw,250px);pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);filter:blur(18px);opacity:.68;will-change:transform,opacity}.solo-model-fog-a{background:radial-gradient(ellipse at 40% 52%,rgba(255,255,255,.17),transparent 38%),radial-gradient(ellipse at 64% 46%,color-mix(in srgb,var(--bot-accent) 24%,transparent),transparent 54%);animation:solo-fog-drift-a 7.4s ease-in-out infinite}.solo-model-fog-b{top:64%;width:clamp(220px,36vw,520px);height:clamp(86px,14vw,170px);background:radial-gradient(ellipse at 52% 58%,rgba(103,221,255,.18),transparent 50%),radial-gradient(ellipse at 50% 44%,rgba(139,92,246,.16),transparent 58%);filter:blur(24px);opacity:.48;animation:solo-fog-drift-b 8.6s ease-in-out infinite}.solo-model-fog-c{top:72%;z-index:2;width:clamp(290px,48vw,760px);height:clamp(78px,13vw,176px);background:radial-gradient(ellipse at 50% 54%,rgba(230,241,255,.15),transparent 48%),radial-gradient(ellipse at 44% 58%,color-mix(in srgb,var(--bot-accent) 20%,transparent),transparent 58%);filter:blur(18px);opacity:.36;animation:solo-fog-drift-c 9.4s ease-in-out infinite}.solo-showcase-actions .player-badge{min-width:88px;max-width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solo-showcase-actions .launch-button{width:min(100%,246px);min-width:0;min-height:88px;justify-content:center;padding:0 clamp(14px,1.5vw,28px);font-size:clamp(.98rem,1.45vw,1.42rem);line-height:1;letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:visible;animation:solo-launch-button-glitch 4.8s steps(2) infinite;border-color:color-mix(in srgb,var(--riot-hp-purple) 78%,var(--riot-hp-magenta) 22%);background:color-mix(in srgb,var(--riot-hp-purple) 76%,#111827 24%);color:#f7f1ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(139,92,246,.24),0 0 18px rgba(139,92,246,.18)}.solo-showcase-actions .launch-button>span{pointer-events:none}.solo-showcase-actions .launch-button:after,.solo-showcase-actions .launch-button:before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;content:attr(data-text);opacity:0}.solo-showcase-actions .launch-button:before{justify-content:center;padding-left:0;color:rgba(230,198,255,.96);text-shadow:0 0 10px rgba(217,70,239,.58),2px 0 0 rgba(139,92,246,.74);animation:solo-launch-glitch-a 4.8s steps(2) infinite}.solo-showcase-actions .launch-button:after{color:rgba(255,255,255,.94);text-shadow:0 0 8px rgba(139,92,246,.42),-2px 0 0 rgba(217,70,239,.58);animation:solo-launch-glitch-b 4.8s steps(2) infinite}.solo-showcase-actions .launch-button:hover:after,.solo-showcase-actions .launch-button:hover:before{animation-duration:2.6s}.solo-showcase-actions .launch-button:hover{background:rgba(11,8,22,.94);color:#f4ecff;border-color:color-mix(in srgb,var(--riot-hp-purple) 82%,white 18%);text-shadow:0 0 14px rgba(217,70,239,.48);box-shadow:inset 0 0 24px rgba(139,92,246,.28),0 0 28px rgba(139,92,246,.22);animation-duration:2.6s}.solo-showcase-actions,.solo-showcase-side,.solo-showcase-viewport{opacity:1;transform:translateX(0);will-change:transform,opacity}.solo-showcase-actions.is-entering{animation:solo-showcase-actions-enter .18s cubic-bezier(.22,1,.36,1) both}.solo-showcase-side.is-entering{animation:solo-showcase-copy-enter .18s cubic-bezier(.22,1,.36,1) both}.solo-showcase-viewport.is-entering{animation:solo-showcase-model-enter .22s cubic-bezier(.22,1,.36,1) both}.solo-bot-row{display:flex;gap:12px;min-height:0;height:196px;padding:28px 2px 20px;overflow:visible}.solo-bot-row>.bot-option{flex:1 1;min-width:0}.solo-bot-card-deck{position:relative;z-index:8;min-height:204px;overflow:visible}.main-menu-page .menu-stage.is-bot-step .solo-bot-select{position:absolute;inset:0;z-index:10;display:block;min-height:0;padding:0;overflow:hidden}.main-menu-page .menu-stage.is-bot-step .solo-bot-select:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:26;height:clamp(170px,22vh,248px);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,2,8,.58) 36%,rgba(0,2,8,.94))}.main-menu-page .menu-stage.is-bot-step .solo-bot-select:after{display:none}.main-menu-page .menu-stage.is-bot-step .solo-showcase{position:absolute;inset:0;z-index:12;display:grid;grid-template-columns:minmax(150px,.22fr) minmax(420px,1.14fr) minmax(250px,.22fr);align-items:center;grid-gap:clamp(12px,2vw,34px);gap:clamp(12px,2vw,34px);min-height:0;height:100%;padding:clamp(78px,9vh,108px) clamp(26px,3vw,48px) clamp(188px,22vh,258px);overflow:hidden;background:transparent;isolation:isolate}.main-menu-page .menu-stage.is-bot-step .solo-showcase:before{left:-8%;right:-8%;top:calc(var(--home-horizon-y) - 2px);bottom:auto;z-index:0;height:calc(100vh - var(--home-horizon-y) + 72px);border:0;border-radius:0;opacity:.88;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--bot-accent) 34%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--bot-accent) 22%,transparent));transform:none;transform-origin:center top;background:linear-gradient(180deg,color-mix(in srgb,var(--bot-accent) 26%,transparent) 0,color-mix(in srgb,var(--bot-accent) 82%,white 8%) 48%,color-mix(in srgb,var(--bot-accent) 34%,transparent) 100%);background-size:100% 100%;background-position:top;background-repeat:no-repeat;-webkit-mask-image:url(/pic/home-perspective-grid.svg);-webkit-mask-position:center top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(/pic/home-perspective-grid.svg);mask-mode:alpha;mask-position:center top;mask-repeat:no-repeat;mask-size:100% 100%}.main-menu-page .menu-stage.is-bot-step .solo-showcase:after{display:none}.main-menu-page .menu-stage.is-bot-step .solo-showcase-actions{z-index:42;align-content:center;padding:0 0 clamp(24px,8vh,76px)}.main-menu-page .menu-stage.is-bot-step .solo-showcase-side{z-index:42;align-content:center;padding:0 0 clamp(20px,8vh,76px)}.main-menu-page .menu-stage.is-bot-step .solo-showcase-viewport{z-index:20;min-height:0;height:100%;overflow:visible}.main-menu-page .menu-stage.is-bot-step .solo-showcase-viewport:before{inset:2% -4% 8%;z-index:0;background:radial-gradient(ellipse at 50% 64%,color-mix(in srgb,var(--bot-accent) 20%,transparent),transparent 54%),radial-gradient(ellipse at 50% 48%,rgba(225,248,255,.14),transparent 42%);opacity:.9}.main-menu-page .menu-stage.is-bot-step .solo-showcase-viewport .bot-showcase-viewport{z-index:5;filter:drop-shadow(0 34px 36px rgba(0,0,0,.54)) drop-shadow(0 0 34px color-mix(in srgb,var(--bot-accent) 18%,transparent))}.main-menu-page .menu-stage.is-bot-step .solo-model-light-key{top:36%;opacity:.54}.main-menu-page .menu-stage.is-bot-step .solo-model-light-rim{top:46%;opacity:.62}.main-menu-page .menu-stage.is-bot-step .solo-model-fog{opacity:.54}.main-menu-page .menu-stage.is-bot-step .solo-showcase-actions .player-badge{width:min(92px,100%);height:32px;border:1px solid rgba(95,255,118,.48);box-shadow:0 0 16px rgba(57,255,20,.1)}.main-menu-page .menu-stage.is-bot-step .solo-showcase-actions .launch-button{width:clamp(158px,13vw,236px);min-height:clamp(64px,8vh,86px);background:linear-gradient(135deg,rgba(126,87,255,.92),rgba(92,57,210,.9));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 28px rgba(139,92,246,.22)}.main-menu-page .menu-stage.is-bot-step .solo-showcase-nameplate strong{font-size:clamp(1.95rem,min(5vw,18cqw),4.35rem);text-shadow:0 0 26px color-mix(in srgb,var(--bot-accent) 38%,transparent)}.main-menu-page .menu-stage.is-bot-step .solo-showcase-description{margin-top:clamp(18px,3vh,34px)}.main-menu-page .menu-stage.is-bot-step .solo-bot-card-deck{position:absolute;left:clamp(26px,3vw,48px);right:clamp(26px,3vw,48px);bottom:clamp(18px,2.2vh,30px);z-index:44;min-height:0;height:clamp(128px,17vh,184px);overflow:visible}.main-menu-page .menu-stage.is-bot-step .solo-bot-row{height:100%;padding:0;gap:clamp(8px,.9vw,14px)}.main-menu-page .menu-stage.is-bot-step .solo-bot-row>.bot-option{min-height:0;border-color:rgba(112,213,255,.18);background:linear-gradient(180deg,rgba(8,20,34,.72),rgba(2,7,14,.9)),radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--bot-accent) 18%,transparent),transparent 58%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 36px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes solo-fog-drift-a{0%,to{opacity:.54;transform:translate(-52%,-50%) scale(.98)}50%{opacity:.74;transform:translate(-47%,-53%) scale(1.06)}}@keyframes solo-fog-drift-b{0%,to{opacity:.34;transform:translate(-45%,-48%) scale(1)}50%{opacity:.56;transform:translate(-55%,-51%) scale(1.08)}}@keyframes solo-fog-drift-c{0%,to{opacity:.26;transform:translate(-52%,-48%) scale(.96)}50%{opacity:.42;transform:translate(-47%,-52%) scale(1.08)}}@keyframes solo-light-breathe{0%,to{opacity:.5;transform:translate(-51%,-50%) rotate(-10deg) scale(.96)}50%{opacity:.74;transform:translate(-48%,-52%) rotate(-8deg) scale(1.05)}}@keyframes solo-rim-drift{0%,to{opacity:.44;transform:translateY(-50%) rotate(8deg) scale(.98)}50%{opacity:.66;transform:translate(-5%,-53%) rotate(11deg) scale(1.07)}}@keyframes solo-showcase-actions-enter{0%{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:translateX(0)}}@keyframes solo-showcase-copy-enter{0%{opacity:0;transform:translateX(44px)}to{opacity:1;transform:translateX(0)}}@keyframes solo-showcase-model-enter{0%{opacity:0;transform:translateX(56px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes solo-launch-glitch-a{0%,82%,to{opacity:0;transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}84%{opacity:.82;transform:translate(2px,-1px);-webkit-clip-path:inset(8% 0 52% 0);clip-path:inset(8% 0 52% 0)}86%{opacity:.7;transform:translate(-3px,1px);-webkit-clip-path:inset(52% 0 18% 0);clip-path:inset(52% 0 18% 0)}88%{opacity:0;transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes solo-launch-glitch-b{0%,81%,to{opacity:0;transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}83%{opacity:.6;transform:translate(-2px);-webkit-clip-path:inset(18% 0 46% 0);clip-path:inset(18% 0 46% 0)}85%{opacity:.42;transform:translate(3px);-webkit-clip-path:inset(58% 0 10% 0);clip-path:inset(58% 0 10% 0)}87%{opacity:0;transform:translate(0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes solo-launch-button-glitch{0%,81%,to{transform:translate(0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(139,92,246,.24),0 0 18px rgba(139,92,246,.18)}83%{transform:translate(-1px,1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(159,92,255,.42),0 0 18px rgba(159,92,255,.28)}85%{transform:translate(2px,-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(159,92,255,.52),0 0 22px rgba(159,92,255,.34)}87%{transform:translate(0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px rgba(139,92,246,.24),0 0 18px rgba(139,92,246,.18)}}@keyframes menu-title-launch-sync{0%,81%,to{transform:translate(0)}83%{transform:translate(-1px,1px)}85%{transform:translate(2px,-1px)}87%{transform:translate(0)}}@keyframes home-bg-breathe{0%,to{opacity:.68;filter:brightness(.62) saturate(.98)}50%{opacity:.78;filter:brightness(.72) saturate(1.04)}}@keyframes menu-logo-image-flicker{0%,70%,to{opacity:1;filter:none}72%{opacity:.82;filter:brightness(1.3) contrast(1.18)}74%{opacity:1;filter:hue-rotate(16deg) saturate(1.2)}78%{opacity:.72;filter:brightness(1.6) contrast(1.28)}80%{opacity:1;filter:none}}@keyframes menu-logo-glitch-a{0%,68%,to{opacity:0;transform:translate(0) scaleX(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}70%{opacity:.92;transform:translate(8px,-2px) scaleX(1.035);-webkit-clip-path:inset(4% 0 68% 0);clip-path:inset(4% 0 68% 0)}73%{opacity:.76;transform:translate(-10px,2px) scaleX(.98);-webkit-clip-path:inset(34% 0 42% 0);clip-path:inset(34% 0 42% 0)}78%{opacity:.96;transform:translate(6px,1px) scaleX(1.02);-webkit-clip-path:inset(62% 0 8% 0);clip-path:inset(62% 0 8% 0)}82%{opacity:0;transform:translate(0) scaleX(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes menu-logo-glitch-b{0%,66%,to{opacity:0;transform:translate(0) scaleY(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}69%{opacity:.68;transform:translate(-7px,2px) scaleY(1.05);-webkit-clip-path:inset(16% 0 58% 0);clip-path:inset(16% 0 58% 0)}75%{opacity:.88;transform:translate(11px,-1px) scaleY(.98);-webkit-clip-path:inset(48% 0 26% 0);clip-path:inset(48% 0 26% 0)}79%{opacity:.58;transform:translate(-5px,3px) scaleY(1.04);-webkit-clip-path:inset(74% 0 2% 0);clip-path:inset(74% 0 2% 0)}83%{opacity:0;transform:translate(0) scaleY(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes menu-logo-glitch-sync{0%,66%,to{transform:translate(0) skewX(0deg)}69%{transform:translate(-3px,1px) skewX(-1deg)}74%{transform:translate(4px,-1px) skewX(1.5deg)}79%{transform:translate(-2px,2px) skewX(-1deg)}83%{transform:translate(0) skewX(0deg)}}.bot-select-shell{min-height:0;display:grid;grid-template-rows:minmax(214px,.78fr) minmax(0,.82fr);grid-gap:4px;gap:4px;z-index:3}.main-menu-page .menu-stage.is-bot-step .bot-select-shell{position:absolute;inset:clamp(106px,12vh,144px) clamp(18px,2.4vw,42px) clamp(14px,2vh,28px);z-index:10;grid-template-rows:minmax(300px,1.08fr) minmax(232px,.82fr);gap:clamp(8px,1.3vh,16px);overflow:visible}.selection-showcase{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(188px,14vw) minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding-top:20px;position:relative;z-index:4}.main-menu-page .menu-stage.is-bot-step .selection-showcase{height:100%;grid-template-columns:minmax(0,1fr) minmax(168px,12vw) minmax(0,1fr);align-items:stretch;gap:clamp(8px,1vw,16px);padding-top:0}.showcase-bot{--bot-accent-soft:color-mix(in srgb,var(--bot-accent) 60%,white 12%);position:relative;min-height:202px;display:grid;grid-template-columns:1fr;align-items:end;grid-gap:6px;gap:6px;padding:160px 16px 12px;border:1px solid color-mix(in srgb,var(--bot-accent) 24%,rgba(255,255,255,.08));border-radius:0;overflow:visible;background:linear-gradient(135deg,color-mix(in srgb,var(--bot-accent) 10%,rgba(8,12,18,.88)),rgba(8,12,18,.92)),rgba(8,12,18,.92);z-index:4}.main-menu-page .menu-stage.is-bot-step .showcase-bot{height:100%;min-height:clamp(300px,39vh,520px);padding:clamp(166px,23vh,246px) clamp(12px,1.3vw,18px) clamp(12px,1.6vh,18px);overflow:hidden}.main-menu-page .menu-stage.is-bot-step .showcase-bot.is-opponent .showcase-view,.main-menu-page .menu-stage.is-bot-step .showcase-view{inset:4px 8px 0;height:auto;min-height:0}.showcase-nameplate{position:absolute;top:16px;left:16px;right:16px;z-index:6;text-align:right;pointer-events:none}.showcase-nameplate strong{display:block;width:100%;font-family:var(--font-display);color:color-mix(in srgb,var(--bot-accent) 92%,white 8%);font-size:clamp(1.08rem,1.7vw,1.58rem);font-style:italic;font-weight:950;letter-spacing:.03em;line-height:.98;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-transform:uppercase;text-shadow:none}.showcase-bot:before{content:"";position:absolute;inset:auto -10% -22% auto;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bot-accent) 28%,transparent),transparent 72%);pointer-events:none}.showcase-view{position:absolute;inset:0 8px 0;height:auto;min-height:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;z-index:0}.showcase-view:after{display:none}.bot-showcase-viewport,.bot-showcase-viewport canvas{display:block;width:100%!important;height:100%!important}.bot-showcase-viewport{position:relative;pointer-events:auto;touch-action:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 24px 28px rgba(0,0,0,.34))}.bot-showcase-viewport canvas{cursor:inherit}.bot-showcase-viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.showcase-bot.is-opponent .showcase-copy{text-align:right;justify-items:end}.showcase-bot.is-opponent .showcase-nameplate{left:16px;right:16px;text-align:left}.showcase-copy{display:grid;align-content:end;grid-gap:4px;gap:4px;position:relative;z-index:1}.showcase-copy span{color:var(--muted);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}.showcase-center{display:grid;position:relative;z-index:8;grid-gap:8px;gap:8px;align-self:stretch;align-content:center;justify-items:center;text-align:center}.showcase-center,.showcase-center .launch-button{width:100%;min-width:0}.meta-chip,.showcase-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(8,12,18,.76);color:var(--muted);font-size:.76rem}.meta-chip,.showcase-chip,.showcase-versus{letter-spacing:.14em;text-transform:uppercase}.showcase-versus{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1;font-family:var(--font-display);color:#fff1cd;text-shadow:0 0 26px rgba(255,202,109,.22)}.selection-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;position:relative;z-index:8}.main-menu-page .menu-stage.is-bot-step .selection-grid{min-height:0;gap:clamp(8px,1vw,14px);align-items:stretch}.hud-center,.option-group,.player-lane,.result-card,.skill-rack,.utility-dock-panel{border:1px solid rgba(255,255,255,.08);background:rgba(8,12,18,.76);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-lane{overflow:visible;min-height:0;display:grid;grid-template-rows:auto auto;grid-gap:5px;gap:5px;padding:9px 10px 10px;border-radius:0}.main-menu-page .menu-stage.is-bot-step .player-lane{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.player-lane-head{display:flex;align-items:center;gap:8px;min-width:0;position:relative;z-index:10}.player-nickname{min-width:0;max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.84rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.player-lane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;overflow:visible;padding:0;align-content:start}.main-menu-page .menu-stage.is-bot-step .player-lane-grid{height:100%;grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch;overflow:visible}.main-menu-page .menu-stage.is-bot-step .player-lane-grid .bot-option,.main-menu-page .menu-stage.is-bot-step .player-lane-grid .bot-render{min-height:0}.map-select-shell{min-height:0;display:grid;grid-template-rows:auto auto auto;align-content:center;grid-gap:clamp(18px,2.6vh,28px);gap:clamp(18px,2.6vh,28px);width:min(1100px,100%);margin:0 auto;padding:clamp(56px,10vh,104px) 0 clamp(28px,5vh,44px)}.map-select-head{display:grid;justify-items:center;align-content:end}.map-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(14px,2vw,22px);gap:clamp(14px,2vw,22px);min-height:0;width:min(980px,100%);margin:0 auto;align-items:stretch}.map-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:14px;gap:14px;min-height:0;padding:18px;align-content:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(255,184,90,.1),transparent 34%),linear-gradient(180deg,rgba(16,21,29,.98),rgba(8,11,18,.94));color:var(--text);text-align:center;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth)}.map-card:before{inset:0;background:linear-gradient(135deg,rgba(255,209,102,.12),transparent 32%),linear-gradient(315deg,rgba(139,92,246,.08),transparent 28%)}.map-card:after,.map-card:before{content:"";position:absolute;pointer-events:none}.map-card:after{inset:10px;border:1px solid rgba(255,255,255,.04)}.map-card:hover{transform:translateY(-6px);border-color:rgba(57,255,20,.42);box-shadow:0 22px 44px rgba(0,0,0,.34)}.map-card.selected{border-color:rgba(57,255,20,.66);background:radial-gradient(circle at top,rgba(57,255,20,.16),transparent 30%),linear-gradient(180deg,rgba(18,24,34,.98),rgba(8,11,18,.96));box-shadow:0 0 0 1px rgba(57,255,20,.34),0 24px 46px rgba(0,0,0,.38)}.map-card-topline{display:grid;grid-gap:6px;gap:6px;justify-items:center;text-align:center;position:relative;z-index:1}.map-card-metrics span,.map-card-tags span,.map-card-topline span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.map-card-topline strong{font-size:clamp(1.18rem,2.2vw,1.82rem);font-weight:900;letter-spacing:.12em;color:#f7fbff;text-shadow:0 0 18px rgba(255,209,102,.16)}.map-card-copy{display:grid;grid-gap:8px;gap:8px}.map-card-copy p{margin:0;color:#dce7f1;font-size:.84rem;line-height:1.38}.map-card-metrics,.map-card-tags,.map-select-actions{display:flex;flex-wrap:wrap;gap:8px}.map-card-metrics span,.map-card-tags span{padding:6px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.map-select-actions{justify-content:center;width:min(500px,100%);margin:4px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.map-preview-art{position:relative;aspect-ratio:1.22;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 52%),linear-gradient(180deg,rgba(42,46,54,.96),rgba(25,28,33,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 14px 28px rgba(0,0,0,.24)}.map-preview-art span{position:absolute;display:block}.map-preview-art.battle-arena{background:radial-gradient(circle at 50% 50%,rgba(255,209,102,.09),transparent 54%),linear-gradient(180deg,#51555e,#32363d)}.map-preview-wall{background:linear-gradient(180deg,#0f1318,#27303a)}.map-preview-wall.north,.map-preview-wall.south{left:4%;width:92%;height:8%}.map-preview-wall.north{top:5%}.map-preview-wall.south{bottom:5%}.map-preview-wall.east,.map-preview-wall.west{top:4%;width:8%;height:92%}.map-preview-wall.east{right:5%}.map-preview-wall.west{left:5%}.map-preview-screw{background:repeating-linear-gradient(135deg,#ffd166 0 12%,#11161d 12% 24%);border-radius:999px}.map-preview-screw.north,.map-preview-screw.south{left:37%;width:26%;height:5%}.map-preview-screw.north{top:11%}.map-preview-screw.south{bottom:11%}.map-preview-screw.east,.map-preview-screw.west{top:37%;width:5%;height:26%}.map-preview-screw.east{right:11%}.map-preview-screw.west{left:11%}.map-preview-saw{width:6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.94) 0 38%,rgba(255,107,107,.9) 38% 72%,transparent 72%),rgba(255,255,255,.02);box-shadow:0 0 0 2px rgba(255,107,107,.2)}.map-preview-saw.nw-a{left:13%;top:14%}.map-preview-saw.nw-b{left:8%;top:22%}.map-preview-saw.ne-a{right:13%;top:14%}.map-preview-saw.ne-b{right:8%;top:22%}.map-preview-saw.sw-a{left:13%;bottom:14%}.map-preview-saw.sw-b{left:8%;bottom:22%}.map-preview-saw.se-a{right:13%;bottom:14%}.map-preview-saw.se-b{right:8%;bottom:22%}.map-preview-spawn{top:42%;width:12%;height:16%;border-radius:4px}.map-preview-spawn.left{left:20%;background:rgba(52,211,153,.72)}.map-preview-spawn.right{right:20%;background:rgba(139,92,246,.72)}.map-preview-logo{left:50%;top:50%;transform:translate(-50%,-50%);color:#f7fbff;font-size:.92rem;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.map-preview-art.vibe-arena{background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.14),transparent 52%),linear-gradient(180deg,#26313d,#11161d)}.map-preview-lane{left:45%;top:14%;width:10%;height:72%;border-radius:999px;background:rgba(80,97,117,.68)}.map-preview-hazard.blade{left:26%;top:18%;width:48%;height:5%;border-radius:999px;background:rgba(139,92,246,.84)}.map-preview-hazard.spike{left:39%;top:42%;width:22%;height:16%;background:rgba(255,77,77,.72)}.map-preview-hazard.launcher{width:10%;height:10%;border-radius:6px;background:rgba(52,211,153,.84)}.map-preview-hazard.launcher.left{left:18%;bottom:24%}.map-preview-hazard.launcher.right{right:18%;top:24%;background:rgba(139,92,246,.84)}.map-preview-pad{width:10%;height:6%;background:repeating-linear-gradient(135deg,#ffd166 0 18%,#11161d 18% 36%)}.map-preview-pad.nw{left:12%;top:12%}.map-preview-pad.se{right:12%;bottom:12%}.map-preview-teeter{left:47%;top:24%;width:6%;height:52%;background:rgba(216,236,255,.88)}.selection-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.option-group{display:grid;grid-gap:8px;gap:8px;padding:12px}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.result-stage{display:grid;justify-items:center;align-content:center;grid-gap:clamp(10px,1.8vh,20px);gap:clamp(10px,1.8vh,20px);padding:clamp(14px,2.2vh,26px)}.result-stage .result-title{text-align:center;font-size:clamp(1.42rem,2.8vw,2.4rem)}.result-showcase{--bot-accent-soft:color-mix(in srgb,var(--bot-accent) 58%,white 14%);position:relative;z-index:3;width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;padding:18px 18px 12px;border:1px solid color-mix(in srgb,var(--bot-accent) 28%,rgba(255,255,255,.08));background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--bot-accent) 16%,transparent),transparent 56%),linear-gradient(180deg,rgba(8,12,18,.94),rgba(8,12,18,.82));box-shadow:0 18px 48px rgba(0,0,0,.3)}.result-showcase-copy{position:relative;z-index:2;display:grid;justify-items:center;grid-gap:6px;gap:6px;text-align:center}.result-showcase-label{color:var(--bot-accent-soft);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.result-showcase-copy strong{max-width:min(100%,18ch);color:var(--bot-accent);font-size:clamp(1.34rem,2.3vw,2rem);letter-spacing:.08em;text-shadow:0 0 20px color-mix(in srgb,var(--bot-accent) 24%,transparent)}.result-showcase-bot-name,.result-showcase-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.result-showcase-bot-name{font-size:.76rem}.result-showcase-bot-name,.result-showcase-player-name{max-width:min(100%,20ch);color:var(--muted);letter-spacing:.12em}.result-showcase-player-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.result-showcase-view{overflow:visible;height:clamp(300px,43vh,460px);min-height:0}.result-showcase-view,.result-showcase-view .bot-showcase-viewport,.result-showcase-view .bot-showcase-viewport canvas{position:relative;z-index:6}.result-grid{width:min(900px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.result-card{display:grid;grid-gap:6px;gap:6px;padding:14px;text-align:center}.result-card strong{font-size:1.08rem;letter-spacing:.08em}.result-card strong,.result-card-bot-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card-bot-name{font-size:.74rem;letter-spacing:.14em}.result-card span,.result-card-bot-name{color:var(--muted);text-transform:uppercase}.result-card span{letter-spacing:.08em}.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (pointer:coarse) and (orientation:portrait){.result-stage{align-content:start;gap:12px;padding:18px 0 20px}.result-showcase{width:100%;gap:10px;padding:14px 14px 10px}.result-showcase-copy strong,.result-showcase-player-name{white-space:normal;text-align:center}.result-showcase-view{height:min(34vh,260px)}.result-actions,.result-grid{width:100%;grid-template-columns:1fr;gap:10px}.result-actions{display:grid;grid-gap:10px}}.bot-option{--bot-accent-soft:color-mix(in srgb,var(--bot-accent) 64%,white 10%);position:relative;z-index:0;min-height:116px;display:grid;place-items:center;grid-gap:0;gap:0;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:linear-gradient(180deg,rgba(13,18,26,.96),rgba(8,11,18,.94));color:var(--text);text-align:left;overflow:hidden;isolation:isolate;box-shadow:0 14px 28px rgba(0,0,0,.18);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.bot-option:after,.bot-option:before{content:"";position:absolute;inset:0;pointer-events:none}.bot-option:before{background:linear-gradient(135deg,color-mix(in srgb,var(--bot-accent) 12%,transparent),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 44%);opacity:.9}.bot-option:after{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);transform:translateX(-100%);animation:card-scanline 4s linear infinite;will-change:transform}.bot-option:hover{z-index:2;transform:translateY(-6px);border-color:color-mix(in srgb,var(--bot-accent) 44%,rgba(255,255,255,.12));box-shadow:0 18px 34px rgba(0,0,0,.3),0 0 20px color-mix(in srgb,var(--bot-accent) 14%,transparent)}.bot-option.selected{z-index:1;transform:translateY(-4px);border-color:color-mix(in srgb,var(--bot-accent) 72%,rgba(255,255,255,.2));box-shadow:0 22px 42px rgba(0,0,0,.32),inset 0 0 0 1px color-mix(in srgb,var(--bot-accent) 56%,rgba(255,255,255,.18)),0 0 24px color-mix(in srgb,var(--bot-accent) 18%,transparent)}@keyframes card-scanline{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.bot-option-media{position:relative;z-index:1;width:100%;height:100%;min-height:0;display:grid;place-items:center;transition:opacity var(--transition-smooth),transform var(--transition-smooth),filter var(--transition-smooth)}.bot-option-overlay{position:absolute;inset:0;z-index:3;display:grid;align-content:end;padding:12px 10px 10px;background:linear-gradient(180deg,rgba(7,10,16,.12),rgba(7,10,16,.94) 38%,rgba(7,10,16,.98)),linear-gradient(135deg,color-mix(in srgb,var(--bot-accent) 16%,transparent),transparent 44%);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.bot-option.selected .bot-option-overlay,.bot-option:focus-visible .bot-option-overlay,.bot-option:hover .bot-option-overlay{opacity:1;transform:translateY(0)}.bot-option:focus-visible .bot-option-media,.bot-option:hover .bot-option-media{opacity:.76;transform:translateY(-3px) scale(1.02);filter:saturate(1.06)}.bot-option.selected .bot-option-media{opacity:.82;transform:translateY(-2px) scale(1.015);filter:saturate(1.04)}.bot-render{position:relative;width:100%;height:100%;min-height:102px;margin-bottom:0;border-radius:0;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.06),transparent 50%),linear-gradient(180deg,rgba(17,23,33,.96),rgba(8,12,18,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -18px 28px rgba(0,0,0,.28);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.bot-option.selected .bot-render,.bot-option:hover .bot-render{transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bot-accent) 28%,rgba(255,255,255,.08)),inset 0 -22px 32px rgba(0,0,0,.3)}.bot-render.large{height:100px;margin-bottom:0}.bot-render-frame,.bot-render-glow,.bot-render-image{position:absolute;display:block}.bot-render-frame{inset:7px;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 36%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--bot-accent) 10%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -16px 24px rgba(0,0,0,.24)}.bot-render-glow{left:50%;top:50%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bot-accent) 24%,transparent),transparent 70%);filter:blur(18px);opacity:.88}.bot-render-image{left:50%;top:50%;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate(calc(-50% + var(--bot-card-offset-x, 0%)),calc(-50% + var(--bot-card-offset-y, 0%))) scale(var(--bot-card-scale,1));transform-origin:center center;filter:drop-shadow(0 16px 22px rgba(0,0,0,.34))}.bot-copy{display:grid;grid-gap:3px;gap:3px;margin-bottom:0}.bot-copy strong{font-size:.72rem;letter-spacing:.08em}.bot-copy span,.bot-stat label{color:var(--muted);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.bot-option-body,.bot-option-stats{display:grid}.bot-option-body{gap:8px;align-content:end}.bot-option-stats{gap:5px}.bot-stat{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-gap:6px;gap:6px;align-items:center}.bot-stat+.bot-stat{margin-top:0}.bot-stat strong{color:var(--text);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-align:right}.bot-stat-bar{height:8px;overflow:hidden;border-radius:0;background:rgba(255,255,255,.08)}.bot-stat-fill{height:100%;background:linear-gradient(90deg,var(--bot-accent),color-mix(in srgb,var(--bot-accent) 24%,white))}.solo-bot-card{min-height:138px;padding:5px;background:linear-gradient(180deg,rgba(8,13,21,.86),rgba(3,7,12,.98)),radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--bot-accent) 13%,transparent),transparent 48%);box-shadow:0 18px 34px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.04);transform-origin:center bottom;will-change:transform}.solo-bot-card:focus-visible,.solo-bot-card:hover{z-index:50;transform:translateY(-10px) scale(1.055);border-color:color-mix(in srgb,var(--bot-accent) 62%,rgba(255,255,255,.18));box-shadow:0 26px 46px rgba(0,0,0,.42),inset 0 0 0 1px color-mix(in srgb,var(--bot-accent) 36%,rgba(255,255,255,.06)),0 0 28px color-mix(in srgb,var(--bot-accent) 22%,transparent)}.solo-bot-card.selected{z-index:20;transform:translateY(-6px) scale(1.025)}.solo-bot-card.selected:focus-visible,.solo-bot-card.selected:hover{z-index:60;transform:translateY(-12px) scale(1.07)}.solo-bot-card .bot-option-media{opacity:1;transform:none}.solo-bot-card.selected .bot-option-media,.solo-bot-card:focus-visible .bot-option-media,.solo-bot-card:hover .bot-option-media{opacity:1;transform:translateY(-3px);filter:saturate(1.08)}.solo-bot-card .bot-option-overlay{opacity:1;transform:none;padding:12px 12px 10px;background:linear-gradient(180deg,rgba(3,7,12,0) 26%,rgba(3,7,12,.76) 66%,rgba(3,7,12,.96)),linear-gradient(135deg,color-mix(in srgb,var(--bot-accent) 15%,transparent),transparent 52%)}.solo-bot-card .bot-copy{gap:2px;text-transform:uppercase}.solo-bot-card .bot-copy strong{font-family:var(--font-display);font-size:.9rem;line-height:1;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--bot-accent) 34%,transparent)}.solo-bot-card .bot-copy span{font-size:.58rem;font-weight:900;letter-spacing:.12em}.solo-bot-card .bot-render{min-height:124px;isolation:isolate;overflow:visible;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--bot-accent) 15%,transparent),transparent 56%),linear-gradient(180deg,rgba(15,22,31,.92),rgba(4,8,14,.96))}.solo-bot-card .bot-render-frame{inset:5px;z-index:3}.solo-bot-card .bot-render-glow{z-index:1}.solo-bot-card .bot-render-image{z-index:2;width:100%;height:100%;transition:transform .36s cubic-bezier(.2,1.45,.34,1),filter var(--transition-smooth)}.solo-bot-card:focus-visible .bot-render-image,.solo-bot-card:hover .bot-render-image{animation:solo-card-image-pop .52s cubic-bezier(.16,1.72,.3,1) both;filter:drop-shadow(0 18px 24px rgba(0,0,0,.42)) saturate(1.1);transform:translate(calc(-50% + var(--bot-card-offset-x, 0%)),calc(-50% + var(--bot-card-hover-offset-y, var(--bot-card-offset-y, 0%)))) scale(var(--bot-card-hover-scale,var(--bot-card-scale,1)))}@keyframes solo-card-image-pop{0%{transform:translate(calc(-50% + var(--bot-card-offset-x, 0%)),calc(-50% + var(--bot-card-offset-y, 0%))) scale(var(--bot-card-scale,1))}58%{transform:translate(calc(-50% + var(--bot-card-offset-x, 0%)),calc(-50% + var(--bot-card-hover-offset-y, var(--bot-card-offset-y, 0%)))) scale(var(--bot-card-pop-scale,var(--bot-card-hover-scale,var(--bot-card-scale,1))))}to{transform:translate(calc(-50% + var(--bot-card-offset-x, 0%)),calc(-50% + var(--bot-card-hover-offset-y, var(--bot-card-offset-y, 0%)))) scale(var(--bot-card-hover-scale,var(--bot-card-scale,1)))}}.hud-shell{--skill-rack-scale:0.7;grid-template-rows:auto 1fr auto;padding:18px 18px 14px}.battle-countdown-overlay,.hud-shell{position:absolute;inset:0;display:grid;pointer-events:none}.battle-countdown-overlay{place-items:center}.match-stage-overlay{z-index:34;background:radial-gradient(circle at 50% 50%,rgba(255,196,118,.08),transparent 28%),linear-gradient(180deg,rgba(4,8,16,.08),rgba(4,8,16,.2))}.match-stage-overlay.is-opaque{pointer-events:auto;background:radial-gradient(circle at 50% 44%,rgba(255,176,96,.1),transparent 22%),linear-gradient(180deg,#020408,#03060c);-webkit-backdrop-filter:none;backdrop-filter:none}.match-stage-overlay.is-multiplayer{background:radial-gradient(circle at 50% 50%,rgba(255,176,96,.12),transparent 30%),linear-gradient(180deg,rgba(44,20,8,.08),rgba(8,12,18,.24))}.match-stage-overlay.is-multiplayer.is-opaque{background:radial-gradient(circle at 50% 44%,rgba(255,176,96,.12),transparent 24%),linear-gradient(180deg,rgba(10,7,5,.94),rgba(4,5,8,.97))}.match-stage-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px}.match-stage-spinner{width:56px;height:56px;border-color:rgba(255,202,120,.95) rgba(255,168,92,.72) rgba(255,255,255,.12) rgba(255,255,255,.12);border-style:solid;border-width:3px;border-radius:999px;box-shadow:0 0 28px rgba(255,176,96,.16);animation:match-stage-spinner .9s linear infinite}.battle-countdown-number{color:#fff;font-family:var(--font-display);font-size:clamp(5.8rem,16vw,10.5rem);font-weight:900;line-height:1;letter-spacing:.03em;text-align:center;text-shadow:0 0 18px rgba(255,215,78,.28),6px 6px 0 rgba(5,7,11,.38),-1px -1px 0 var(--accent);animation:battle-countdown-pop .9s cubic-bezier(.18,.88,.22,1) both}.battle-countdown-number.is-word{font-size:clamp(3.2rem,9vw,6rem);letter-spacing:.1em}.match-stage-detail{color:rgba(242,247,255,.78);font-size:.88rem;letter-spacing:.26em;text-transform:uppercase;text-shadow:0 0 18px rgba(255,211,110,.18)}.hud-top{position:relative;min-height:110px}.hud-player{position:absolute;top:0;width:min(320px,calc(50vw - 154px));padding:12px 14px;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-player.left{left:0}.hud-player.right{right:0;text-align:right}.hud-player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hud-player.right .hud-player-head{flex-direction:row-reverse}.hud-bot-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.26rem;letter-spacing:.08em;text-transform:uppercase}.hud-bot-name.is-p1{color:var(--hud-p1-color);text-shadow:0 0 18px rgba(57,255,20,.26)}.hud-bot-name.is-p2{color:var(--hud-p2-color);text-shadow:0 0 18px rgba(217,70,239,.24)}.hud-meter-bar{height:8px;overflow:hidden;border-radius:0;background:rgba(255,255,255,.08);position:relative}.hud-meter+.hud-meter{margin-top:8px}.hud-meter.compact .hud-meter-bar{height:6px}.hud-meter-fill{height:100%;position:absolute;inset:0 auto 0 0}.hud-meter-fill.hp{background:var(--hud-hp-gradient)}.hud-meter-fill.hp.is-warning{background:var(--hud-hp-warning-gradient);box-shadow:0 0 12px rgba(251,146,60,.24)}.hud-meter-fill.battery{background:var(--hud-en-gradient)}.hud-player.right .hud-meter-fill{inset:0 0 0 auto}.hud-player.right .hud-meter-fill.hp{background:var(--hud-hp-gradient-reverse)}.hud-player.right .hud-meter-fill.hp.is-warning{background:var(--hud-hp-warning-gradient-reverse)}.hud-meter-fill.hp.is-critical,.hud-player.right .hud-meter-fill.hp.is-critical{background:var(--hud-hp-critical-gradient);box-shadow:0 0 14px rgba(249,115,22,.28);animation:hp-critical-pulse 1.2s ease-in-out infinite}.hud-player.right .hud-meter-fill.hp.is-critical{background:var(--hud-hp-critical-gradient-reverse)}.hud-player.right .hud-meter-fill.battery{background:var(--hud-en-gradient-reverse)}.hud-player-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.hud-player.right .hud-player-meta{flex-direction:row-reverse}.hud-player-scoreboard{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.hud-player-scoreboard.right{flex-direction:row-reverse}.hud-score-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(10,14,22,.72);color:rgba(244,247,251,.92);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.hud-score-chip.crit{color:var(--riot-crit-gold)}.hud-effects{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hud-effects.right{justify-content:flex-end}.hud-effect-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:0;background:rgba(255,186,92,.1);color:#ffe6b6;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.hud-center{position:absolute;top:0;left:50%;transform:translateX(-50%);min-width:152px;display:grid;grid-gap:4px;gap:4px;justify-items:center;padding:12px 18px;border-radius:0;background:rgba(8,12,18,.32);border:none;box-shadow:0 12px 24px rgba(0,0,0,.14)}.hud-timer{font-size:2.8rem;line-height:1;font-family:var(--font-display)}.hud-skill-commentary{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 36px));padding:10px 14px;border:none;background:transparent;box-shadow:none;color:rgba(244,247,251,.92);font-size:.86rem;line-height:1.5;text-align:center;text-wrap:balance}.hud-skill-commentary-player.is-p1{color:var(--riot-en-green);text-shadow:0 0 14px rgba(52,211,153,.2)}.hud-skill-commentary-player.is-p2{color:var(--riot-hp-purple);text-shadow:0 0 14px rgba(139,92,246,.18)}.hud-skill-commentary-bot,.hud-skill-commentary-damage,.hud-skill-commentary-player,.hud-skill-commentary-skill{font-weight:700}.hud-skill-commentary-skill{color:var(--text)}.hud-skill-commentary-pickup{font-weight:800}.hud-skill-commentary-pickup.is-energy{color:var(--accent-cool);text-shadow:0 0 16px rgba(74,198,255,.3)}.hud-skill-commentary-bracket,.hud-skill-commentary-copy{color:rgba(206,214,227,.88)}.hud-skill-commentary-damage{display:inline-block;padding:0 .34em;margin:0 .08em;color:var(--danger);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(255,70,70,.32)}.hud-skill-commentary-damage.is-critical{color:#ff8b6c;text-shadow:0 0 18px rgba(255,103,76,.4)}.hud-skill-commentary.is-rocket-lock{animation:rocket-lock-commentary-flash 1.05s ease-in-out 0s 3}.hud-skill-commentary-alert-copy{color:#ff3333;font-weight:900;letter-spacing:.04em;text-shadow:0 0 10px rgba(255,51,51,.82),0 0 22px rgba(255,51,51,.5),0 0 36px rgba(255,115,79,.3)}@keyframes rocket-lock-commentary-flash{0%,to{opacity:1;filter:none}42%{opacity:.42;filter:brightness(1.75) saturate(1.35)}68%{opacity:1;filter:brightness(1.25)}}.hud-bottom{align-self:end;display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.skill-rack{width:calc(min(336px, calc(40vw - 22px)) * var(--skill-rack-scale));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:calc(8px * var(--skill-rack-scale));gap:calc(8px * var(--skill-rack-scale));padding:0;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.skill-rack,.skill-rack.is-opponent{background:transparent}.skill-rack.is-unavailable-flash .skill-chip{animation:skill-rack-unavailable-flash .18s ease-in-out 5}.skill-chip{--skill-chip-accent:#6fd9ff;position:relative;overflow:hidden;min-height:calc(69px * var(--skill-rack-scale));aspect-ratio:1/.94;padding:0;border:1px solid color-mix(in srgb,var(--skill-chip-accent) 28%,rgba(255,255,255,.08));border-radius:0;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--skill-chip-accent) 20%,transparent),transparent 58%),linear-gradient(180deg,rgba(10,14,20,.94),rgba(8,11,18,.82));display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.16);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.skill-chip:after{content:"";position:absolute;inset:1px;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 36%);opacity:.66;pointer-events:none}.skill-chip.is-active{border-color:color-mix(in srgb,var(--skill-chip-accent) 56%,rgba(255,255,255,.16));box-shadow:0 0 18px color-mix(in srgb,var(--skill-chip-accent) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--skill-chip-accent) 22%,rgba(255,255,255,.08))}.skill-chip.is-cooling-down{border-color:rgba(145,154,170,.2);background:linear-gradient(180deg,rgba(22,24,30,.94),rgba(16,18,24,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.skill-chip.is-cooling-down:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 8px);pointer-events:none;z-index:2}.skill-chip.is-cooling-down:after{opacity:.18}.skill-chip-key{position:absolute;top:4px;left:4px;right:4px;z-index:3;color:#edf2ff;font-size:.72rem;font-weight:950;letter-spacing:.16em;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.82),0 0 8px rgba(0,0,0,.4)}.skill-chip-icon{z-index:1;line-height:1}.skill-chip-icon,.skill-cooldown-icon,.skill-cooldown-icon-layer{position:absolute;inset:0;width:100%;height:100%;display:block}.skill-cooldown-icon{--skill-ready-progress:100%}.skill-cooldown-icon-layer{overflow:hidden}.skill-cooldown-icon-layer.is-dim{opacity:0;filter:grayscale(1) brightness(.46) contrast(.88)}.skill-cooldown-icon-layer.is-ready{-webkit-clip-path:inset(0 calc(100% - var(--skill-ready-progress)) 0 0);clip-path:inset(0 calc(100% - var(--skill-ready-progress)) 0 0)}.skill-chip-icon svg{overflow:hidden}.skill-chip-icon img,.skill-chip-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--skill-chip-accent) 24%,transparent));transition:filter var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);transform:scale(1.08);transform-origin:center}.skill-chip-icon img{object-fit:contain;will-change:transform,filter}.skill-chip.is-active .skill-chip-icon img,.skill-chip.is-active .skill-chip-icon svg{transform:scale(1.12);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--skill-chip-accent) 36%,transparent))}.skill-chip.is-cooling-down .skill-chip-key{color:rgba(188,196,210,.54)}.skill-chip.is-cooling-down .skill-chip-icon{filter:none;opacity:1}.skill-chip.is-cooling-down .skill-cooldown-icon-layer.is-dim{opacity:.78}.skill-chip.is-cooling-down .skill-cooldown-icon-layer.is-dim img,.skill-chip.is-cooling-down .skill-cooldown-icon-layer.is-dim svg{filter:grayscale(1) brightness(.42) contrast(.86)}.skill-chip.is-cooling-down .skill-cooldown-icon-layer.is-ready img,.skill-chip.is-cooling-down .skill-cooldown-icon-layer.is-ready svg{filter:none}@keyframes match-stage-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.battle-page{background:radial-gradient(circle at top,rgba(255,185,94,.14),transparent 20%),linear-gradient(180deg,#05070b,#0a0f16 56%,#05070b)}.battle-canvas-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,183,88,.12),transparent 24%),linear-gradient(180deg,#07090d,#0b1017 48%,#05070b)}.battle-canvas-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px),radial-gradient(ellipse 92% 96% at 50% 50%,transparent 42%,rgba(4,8,16,.14) 78%,rgba(2,4,10,.32) 100%)}.battle-canvas-shell canvas{display:block;width:100%;height:100%}@keyframes skill-rack-unavailable-flash{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.68) saturate(1.28);transform:scale(1.035)}}@keyframes hp-critical-pulse{0%,to{opacity:.88;filter:saturate(1) brightness(.98)}50%{opacity:1;filter:saturate(1.08) brightness(1.1)}}@keyframes bot-core-pulse{0%,to{box-shadow:0 0 12px rgba(255,154,67,.22);opacity:.88}50%{box-shadow:0 0 22px rgba(255,154,67,.46);opacity:1}}@keyframes battle-countdown-pop{0%{opacity:0;transform:translateX(40px) scale(1.42);filter:blur(5px)}18%{opacity:1;transform:translateX(0) scale(.92);filter:blur(0)}72%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}to{opacity:.08;transform:translateX(-20px) scale(1.06);filter:blur(1px)}}@keyframes bot-disc-spin{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@keyframes bot-bar-spin{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(180deg)}}@keyframes menu-logo-pulse-jolt{0%,68%,to{transform:translateZ(0) scale(1)}10%{transform:translate3d(-1px,0,0) scale(1.02)}14%{transform:translate3d(1.5px,0,0) scale(1.04)}18%{transform:translate3d(-1px,0,0) scale(1.02)}24%{transform:translateZ(0) scale(1)}}@keyframes versus-name-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.012)}}.mobile-controls-shell{position:absolute;inset:0;z-index:34;pointer-events:none}.mobile-joystick-cluster,.mobile-skill-column,.mobile-skill-panel-trigger,.mobile-skill-stack{pointer-events:auto}.mobile-joystick-cluster{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;justify-items:center;grid-gap:0;gap:0}.mobile-joystick-caption{padding:4px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(8,12,18,.78);color:rgba(245,250,255,.82);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-joystick{position:relative;width:min(34vw,168px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:radial-gradient(circle at 50% 45%,rgba(120,196,255,.12),transparent 55%),linear-gradient(180deg,rgba(8,12,18,.82),rgba(8,12,18,.62));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-joystick.is-active{box-shadow:inset 0 0 0 1px rgba(111,217,255,.22),0 0 20px rgba(111,217,255,.12)}.mobile-joystick.is-boost{box-shadow:inset 0 0 0 1px rgba(255,203,108,.28),0 0 24px rgba(255,184,61,.2)}.mobile-joystick-gate,.mobile-joystick-ring{position:absolute;inset:50%;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.mobile-joystick-ring{width:86%;height:86%;border:1px solid rgba(255,255,255,.12)}.mobile-joystick-gate{width:44%;height:44%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}.mobile-joystick-thumb{position:absolute;top:50%;left:50%;width:34%;height:34%;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.42),rgba(255,255,255,.06)),linear-gradient(180deg,rgba(103,183,255,.72),rgba(51,92,168,.72));box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 0 18px rgba(255,255,255,.18);transform:translate(0);margin-left:-17%;margin-top:-17%;pointer-events:none}.mobile-skill-stack{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));top:auto;display:grid;justify-items:end;grid-gap:8px;gap:8px;transform:none}.mobile-skill-column{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}button.mobile-skill-chip{width:clamp(60px,13.5vw,78px);height:clamp(60px,13.5vw,78px);min-height:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-skill-chip.is-touch-pressed{transform:scale(.96);box-shadow:0 0 18px color-mix(in srgb,var(--skill-chip-accent) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--skill-chip-accent) 32%,rgba(255,255,255,.08))}.mobile-skill-chip-label{position:absolute;top:3px;left:50%;z-index:3;transform:translateX(-50%);color:#edf2ff;font-size:.52rem;font-weight:800;letter-spacing:.16em;text-shadow:0 1px 10px rgba(0,0,0,.82),0 0 8px rgba(0,0,0,.4)}.mobile-skill-panel-trigger{justify-self:end;padding:0;border:none;background:transparent;color:rgba(218,224,234,.32);font-size:.46rem;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-skill-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(58vw,248px);max-height:min(42vh,260px);padding:8px 10px 10px;border:1px solid rgba(210,220,235,.14);background:linear-gradient(180deg,rgba(10,14,20,.96),rgba(6,9,15,.9));box-shadow:0 16px 32px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.03);opacity:0;overflow:auto;transform:translateY(12px) scale(.96);transform-origin:bottom right;transition:opacity .14s ease,transform .18s ease;pointer-events:none}.mobile-skill-panel.is-visible{opacity:1;transform:translateY(0) scale(1)}.mobile-skill-panel-list{display:flex;flex-direction:column;gap:0}.mobile-skill-panel-entry{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:4px 8px;gap:4px 8px;align-items:start;padding:5px 0;border-top:1px solid rgba(255,255,255,.06)}.mobile-skill-panel-entry:first-child{padding-top:0;border-top:none}.mobile-skill-panel-entry:last-child{padding-bottom:0}.mobile-skill-panel-key{min-width:1.5em;color:rgba(235,240,249,.64);font-size:.5rem;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.mobile-skill-panel-copy{min-width:0}.mobile-skill-panel-name{display:block;font-size:.62rem;font-weight:800;letter-spacing:.06em;line-height:1.18}.mobile-skill-panel-description{margin:2px 0 0;color:rgba(214,220,232,.72);font-size:.52rem;line-height:1.24}.mobile-skill-panel-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:4px}.mobile-skill-panel-meta-item{font-size:.46rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap}.mobile-skill-panel-meta-item.is-cd{color:#b688ff}.mobile-skill-panel-meta-item.is-time{color:#71ef95}.mobile-skill-panel-meta-item.is-en{color:#72c8ff}.mobile-rotate-overlay{position:absolute;inset:0;z-index:36;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,7,12,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-rotate-card{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:20px 24px;border:1px solid rgba(255,255,255,.12);background:rgba(10,14,20,.94);text-align:center}.mobile-rotate-card strong{color:#f4f8ff;font-size:1rem;letter-spacing:.12em}.mobile-rotate-card span{color:rgba(233,241,255,.68);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.mobile-rotate-icon{position:relative;width:62px;height:62px}.mobile-rotate-icon span{position:absolute;display:block;border:2px solid rgba(255,255,255,.82)}.mobile-rotate-icon span:first-child{inset:18px 8px}.mobile-rotate-icon span:last-child{inset:8px 18px;opacity:.38}@media (pointer:coarse) and (orientation:landscape){.mobile-controls-shell{inset:auto 0 0;height:100%}.mobile-joystick-caption{padding:3px 8px;font-size:.58rem}.mobile-joystick-cluster{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));gap:0}.mobile-joystick{width:min(19vw,126px)}.mobile-skill-stack{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));gap:6px}button.mobile-skill-chip{width:min(10.9vw,62px);height:min(10.9vw,62px)}.mobile-skill-panel{width:min(46vw,224px);max-height:min(42vh,236px)}.mobile-skill-panel-trigger{font-size:.42rem}}@media (pointer:coarse) and (orientation:portrait){.mobile-controls-shell{inset:0}.mobile-joystick-cluster{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));gap:0}.mobile-joystick-caption{padding:3px 8px;font-size:.56rem;letter-spacing:.12em}.mobile-joystick{width:min(38vw,172px)}.mobile-skill-stack{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));gap:8px}.mobile-skill-column{gap:8px}button.mobile-skill-chip{width:min(19.6vw,76px);height:min(19.6vw,76px)}.mobile-skill-chip-label{font-size:.56rem}.mobile-skill-panel{width:min(72vw,296px);max-height:min(34vh,248px)}}