:root{--bg: #0a0c10;--bg-deep: #060709;--surface-1: #11141b;--surface-2: #161a23;--surface-3: #1c2030;--surface-hi: #232838;--line: #20252e;--line-strong: #2f3542;--line-hi: rgba(255, 255, 255, .06);--text: #e8eaf0;--text-dim: #9ba0ac;--text-soft: #6b7080;--text-faint: #3d4150;--pulse-hot: #d63d2c;--pulse: #b73121;--pulse-deep: #8a2316;--pulse-glow: rgba(214, 61, 44, .32);--green: #4ade80;--green-glow: rgba(74, 222, 128, .45);--red: #f87171;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14.5px;line-height:1.5;letter-spacing:-.005em;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14.5px;line-height:1.5;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 900px 520px at 50% -10%,var(--pulse-glow),transparent 70%),radial-gradient(ellipse 700px 400px at 90% 90%,rgba(70,90,200,.12),transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%);animation:gridDrift 80s linear infinite}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:60px 60px,60px 60px}}.bg-scanlines{position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.bg-pulse-ring{position:fixed;top:18%;left:50%;width:480px;height:480px;margin-left:-240px;margin-top:-240px;border-radius:50%;border:1px solid var(--pulse-hot);pointer-events:none;z-index:0;opacity:0;animation:pulseRing 6s ease-out infinite}.bg-pulse-ring.r2{animation-delay:2s}.bg-pulse-ring.r3{animation-delay:4s}@keyframes pulseRing{0%{transform:scale(.35);opacity:0;border-color:var(--pulse-hot)}20%{opacity:.5}to{transform:scale(2.6);opacity:0;border-color:#d63d2c00}}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.soft{color:var(--text-soft)}.beta-banner{position:fixed;top:14px;right:14px;background:linear-gradient(135deg,var(--pulse-hot),var(--pulse-deep));color:#fff;font-family:var(--mono);font-weight:800;font-size:9.5px;letter-spacing:.18em;padding:5px 11px;border-radius:999px;box-shadow:0 4px 14px var(--pulse-glow);z-index:1000;pointer-events:none;text-transform:uppercase}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-soft);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.brand-mark-block{display:inline-flex;align-items:center;gap:10px}.brand-mark-icon{width:36px;height:36px;background:var(--bg);border:1px solid rgba(214,61,44,.5);border-radius:8px;display:grid;place-items:center;flex-shrink:0;position:relative;color:var(--pulse-hot);box-shadow:0 0 18px var(--pulse-glow),inset 0 1px #ffffff14;animation:rpBrandPulse 3.8s ease-in-out infinite}.brand-mark-icon:before{content:"";position:absolute;inset:-5px;border-radius:11px;border:1px solid rgba(236,82,64,.42);opacity:0;pointer-events:none;animation:rpBrandRing 3.8s ease-in-out infinite}@keyframes rpBrandPulse{0%,32%,to{transform:scale(1);box-shadow:0 0 18px var(--pulse-glow),inset 0 1px #ffffff14}16%{transform:scale(1.07);box-shadow:0 0 32px #ff8a6b9e,inset 0 1px #ffffff2e}20%{transform:scale(.98)}28%{transform:scale(1.04);box-shadow:0 0 26px #ff8a6b7a,inset 0 1px #ffffff24}}@keyframes rpBrandRing{0%,32%,to{opacity:0;transform:scale(1)}16%{opacity:.55;transform:scale(1.18)}28%{opacity:.32;transform:scale(1.12)}}.brand-mark-text{line-height:1.05}.brand-mark-text .name{font-weight:800;font-size:18px;letter-spacing:-.01em}.brand-mark-text .tag{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--text-soft);font-weight:500;margin-top:2px;text-transform:uppercase}.page-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.login-card{width:100%;max-width:480px;background:linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:14px;padding:36px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent)}.brand-mark{font-family:var(--mono);font-weight:700;letter-spacing:.22em;color:var(--pulse-hot);font-size:10px;text-transform:uppercase}.login-card h1{margin:10px 0 18px;font-size:36px;font-weight:800;letter-spacing:-.02em}.lead{color:var(--text-dim);margin:0 0 28px;line-height:1.6}.steam-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;background:linear-gradient(180deg,#1b2838,#0e151c);color:#fff;border:1px solid #2c3e50;border-radius:10px;font-weight:600;font-size:14px;transition:filter .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}.steam-btn:hover{filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 10px 26px #28508266}.login-foot{margin-top:28px;font-size:12.5px;color:var(--text-soft);line-height:1.6}.page-home{min-height:100vh;max-width:1180px;margin:0 auto;padding:28px 24px 96px;position:relative}.home-glow{display:none}.home-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:14px 18px;background:#0b0e1499;backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--line);border-radius:12px;position:sticky;top:12px;z-index:30}.brand-row{display:flex;align-items:center;gap:12px}.brand-mark-large{font-weight:800;font-size:17px;letter-spacing:-.01em}.brand-sub{font-family:var(--mono);font-weight:700;letter-spacing:.24em;color:var(--pulse-hot);font-size:10px;text-transform:uppercase}.home-account{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 10px}.home-avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--surface-hi),var(--surface-3))}.home-account-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.home-name{font-weight:600;font-size:13px}.home-steamid{color:var(--text-soft);font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.home-signout{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;margin-left:4px;transition:color .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease)}.home-signout:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.home-signout:disabled{opacity:.5;cursor:default}.leader-page{padding:22px 0 60px}.leader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.leader-game-list{display:flex;flex-direction:column;gap:8px}.leader-game-list button{border:1px solid var(--line);border-left:3px solid var(--accent, var(--pulse));background:#ffffff09;color:var(--text);border-radius:8px;padding:10px 12px;text-align:left;font:inherit;font-weight:800;cursor:pointer}.leader-game-list button.active{background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04));border-color:var(--accent)}.leader-board-panel{min-width:0;border:1px solid var(--line);background:#00000038;border-radius:8px;padding:14px}.hs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.hs-list li{display:grid;grid-template-columns:54px 32px minmax(0,1fr) 72px 96px;align-items:center;gap:10px;padding:9px 10px;background:#ffffff09;border:1px solid var(--line);border-radius:7px}.hs-rank,.hs-score{font-family:var(--mono);font-weight:900}.hs-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#ffffff14}.hs-avatar img{width:100%;height:100%;object-fit:cover}.hs-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.hs-sid,.hs-loading,.hs-empty,.hs-error{color:var(--text-dim)}.hs-score{text-align:right;color:var(--pulse-2)}.hero{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;margin:8px 0 36px;padding:32px 32px 28px;background:radial-gradient(ellipse 360px 200px at 14% 50%,color-mix(in srgb,var(--pulse-hot) 18%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden;z-index:1;box-shadow:0 28px 80px #0000008c}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pulse-hot) 60%,transparent),transparent)}.hero:after{content:"";position:absolute;right:18px;bottom:18px;width:120px;height:120px;background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1.5px);background-size:10px 10px;opacity:.6;pointer-events:none;mask-image:linear-gradient(135deg,transparent 40%,#000 100%);-webkit-mask-image:linear-gradient(135deg,transparent 40%,#000 100%)}.hero-core{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}.hero-rings{position:absolute;inset:0;pointer-events:none}.hero-ring{position:absolute;inset:0;border:1px solid var(--pulse-hot);border-radius:50%;opacity:0;animation:heroPulse 3s ease-out infinite}.hero-ring.r-b{animation-delay:1s}.hero-ring.r-c{animation-delay:2s}@keyframes heroPulse{0%{transform:scale(.5);opacity:.65}to{transform:scale(1.6);opacity:0}}.hero-orb{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1.5px solid rgba(214,61,44,.5);color:var(--pulse-hot);box-shadow:0 0 32px var(--pulse-glow),0 0 70px var(--pulse-glow),inset 0 1px #ffffff14;animation:heroBreathe 3.8s ease-in-out infinite;position:relative;z-index:2}@keyframes heroBreathe{0%,32%,to{transform:scale(1);box-shadow:0 0 32px var(--pulse-glow),0 0 70px var(--pulse-glow),inset 0 1px #ffffff14}16%{transform:scale(1.07);box-shadow:0 0 50px #ff8a6b99,0 0 110px #ff8a6b59,inset 0 1px #ffffff2e}20%{transform:scale(.98)}28%{transform:scale(1.04);box-shadow:0 0 42px #ff8a6b7a,0 0 90px #ff8a6b47,inset 0 1px #ffffff24}}.hero-text{min-width:0;position:relative;z-index:1}.hero-eyebrow{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--pulse-hot);margin-bottom:8px}.hero-title{margin:0 0 10px;font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:var(--text)}.hero-sub{margin:0 0 20px;font-size:14px;color:var(--text-dim);max-width:540px;line-height:1.55}.hero-stats{display:flex;gap:10px;flex-wrap:wrap}.hero-stat{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.hero-stat strong{font-family:var(--sans);font-size:18px;font-weight:800;color:var(--text);letter-spacing:0}.hero-stat.live{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--green-glow);animation:liveDot 1.6s ease-out infinite}@keyframes liveDot{0%{box-shadow:0 0 0 0 var(--green-glow)}to{box-shadow:0 0 0 10px #4ade8000}}.home-section{margin-top:32px;position:relative;z-index:1}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px}.section-head h2{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0;display:inline-flex;align-items:center;gap:10px}.section-bar{display:inline-block;width:3px;height:14px;background:var(--pulse-hot);border-radius:2px;box-shadow:0 0 8px var(--pulse-glow)}.section-sub{color:var(--text-soft);font-size:12px}.muted{color:var(--text-dim)}.muted.small{font-size:12px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.game-tile{--accent: var(--pulse-hot);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon body" "icon cta";gap:6px 16px;text-align:left;background:linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;color:inherit;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);position:relative;overflow:hidden;isolation:isolate}.game-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent);z-index:1}.game-tile:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);z-index:1;opacity:.85}.game-tile:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 32px #00000080,0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent)}.game-tile:hover .tile-cta{color:var(--accent)}.game-tile:hover .tile-corner{opacity:1}.tile-corner{position:absolute;width:10px;height:10px;pointer-events:none;opacity:.35;transition:opacity .18s var(--ease);z-index:2}.tile-corner.tl{top:6px;left:6px;border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent)}.tile-corner.tr{top:6px;right:6px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}.tile-corner.bl{bottom:6px;left:6px;border-bottom:1.5px solid var(--accent);border-left:1.5px solid var(--accent)}.tile-corner.br{bottom:6px;right:6px;border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}.tile-icon{grid-area:icon;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface-2)),var(--surface-1));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));position:relative;z-index:1}.tile-body{grid-area:body;position:relative;z-index:1;min-width:0}.tile-name{font-size:16px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.tile-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);padding:2px 7px;border-radius:4px;text-transform:uppercase}.tile-tagline{font-size:12.5px;color:var(--text-dim);line-height:1.45}.tile-cta{grid-area:cta;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--text-soft);transition:color .18s var(--ease);position:relative;z-index:1;text-transform:uppercase;margin-top:6px}.game-tile.compact{grid-template-columns:1fr;grid-template-areas:"body";padding:16px 18px}.game-tile.compact .tile-name{font-size:15px}.tile-picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 28px #00000073}.quick-join{margin-top:28px}.quick-join-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface-2);border:1px dashed var(--line-strong);color:var(--text-dim);border-radius:10px;padding:16px;font-size:13px;font-weight:500;letter-spacing:.01em;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.quick-join-btn span{color:var(--pulse-hot);font-weight:600;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.quick-join-btn:hover{color:var(--text);border-color:var(--pulse-hot);background:color-mix(in srgb,var(--pulse-hot) 6%,var(--surface-2))}.page-mode{--accent: var(--pulse-hot);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 24px}.mode-card{width:100%;max-width:720px;background:linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:14px;padding:32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 50%,transparent),transparent)}.mode-title{margin:8px 0 4px;font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:26px 0 16px}.mode-tile{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center;color:inherit;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease);position:relative;overflow:hidden}.mode-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent)}.mode-tile:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--surface-3)}.mode-icon{font-size:26px;color:var(--accent);margin-bottom:12px;line-height:1}.mode-name{font-size:15px;font-weight:700;margin-bottom:4px}.mode-tag{font-size:12px;color:var(--text-dim);line-height:1.5}.page-play{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;background:var(--bg);position:relative}.page-play:has(.pool-body){background:radial-gradient(ellipse at 50% 55%,transparent 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.78) 78%,rgba(0,0,0,.92) 100%),url(/sprites/backgrounds/pool_tavern.png) center / cover no-repeat,var(--bg)}.page-play:has(.pool-body) .game-wrap{background:transparent;border-color:#ffffff14;box-shadow:0 28px 80px #000000a6}.page-play:has(.pool-body) .game-wrap:before{display:none}.page-play:has(.pool-body) .game-body{background:transparent}.page-play:has(.pool-body) .game-head{background:linear-gradient(180deg,#0000008c,#00000040);backdrop-filter:blur(6px)}.play-watermark{position:fixed;bottom:14px;left:14px;font-family:var(--mono);font-size:10px;color:var(--text-soft);letter-spacing:.12em;pointer-events:none;font-weight:600;text-transform:uppercase}.game-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1080px;background:linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 28px 80px #0000008c}.game-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent)}.game-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 18px;background:#0b0e1466;border-bottom:1px solid var(--line)}.game-head button{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .15s var(--ease),border-color .15s var(--ease)}.game-head button:hover{background:var(--surface-3);border-color:var(--line-strong)}.game-title{font-family:var(--mono);font-weight:700;letter-spacing:.22em;font-size:12px;text-transform:uppercase;color:var(--text)}.game-stats{display:flex;gap:16px;font-family:var(--mono);font-size:9.5px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em}.game-stats strong{display:block;color:var(--text);font-size:16px;font-weight:700;letter-spacing:0;font-family:var(--sans)}.game-body{display:flex;justify-content:center;background:var(--bg-deep);padding:18px;position:relative;width:100%}.game-wrap.fill-canvas .game-body{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;align-items:stretch;justify-content:stretch}.game-wrap.fill-canvas .game-body>canvas{display:block;width:100%;height:100%}.tetris-stage{display:inline-flex;align-items:flex-start;gap:16px}@media (min-width: 901px) and (pointer: fine){.page-play .game-wrap{height:calc(100vh - 28px)}.page-play .game-body{flex:1 1 auto;min-height:0;padding:0;align-items:center}.page-play .game-body>canvas,.page-play .tetris-stage>canvas,.page-play .worms-canvas{max-width:none;max-height:none;width:auto;height:auto}}.page-play:has(.tetris-canvas) .game-body{background:radial-gradient(ellipse at 50% 36%,rgba(255,92,0,.12),transparent 62%),linear-gradient(180deg,#0a0c12,#05060a)}.page-play:has(.pacman-canvas) .game-body{background:radial-gradient(ellipse at 50% 36%,rgba(45,79,170,.16),transparent 62%),linear-gradient(180deg,#080b14,#05070d)}.page-play:has(.racer-canvas) .game-body{background:radial-gradient(ellipse at 50% 30%,rgba(194,74,44,.18),transparent 60%),linear-gradient(180deg,#1a1206,#0b0805)}.page-play:has(.platformer-canvas) .game-body{background:linear-gradient(180deg,#1a2c4a,#122039 55%,#0b1426)}.page-play:has(.td-canvas) .game-body{background:radial-gradient(ellipse at 50% 40%,rgba(214,61,44,.14),transparent 62%),linear-gradient(180deg,#130a0a,#0a0607)}.page-play:has(.strike-canvas) .game-body{background:radial-gradient(ellipse at 50% 30%,rgba(148,168,255,.14),transparent 62%),linear-gradient(180deg,#0a0e1a,#05070d)}.page-play:has(.worms-canvas) .game-body{background:radial-gradient(ellipse at 50% 34%,rgba(255,122,40,.12),transparent 62%),linear-gradient(180deg,#11131b,#07080e)}.page-play:has(.chess-canvas) .game-body{background:radial-gradient(ellipse at 50% 40%,rgba(255,209,102,.12),transparent 62%),linear-gradient(180deg,#0f0d08,#070605)}.page-play:has(.arena-canvas) .game-body{background:radial-gradient(ellipse at 50% 40%,rgba(184,127,255,.14),transparent 62%),linear-gradient(180deg,#0d0a16,#06050b)}.game-footer{width:100%;padding:10px 18px;background:#0b0e1466;border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--text-soft);letter-spacing:.04em}.game-footer strong{font-family:var(--mono);color:var(--text);font-weight:700}.worms-ingame-controls,.strike-ingame-controls{position:absolute;top:28px;left:28px;z-index:6;display:flex;gap:8px;align-items:center;pointer-events:auto}.worms-control-pill,.strike-control-pill,.worms-control-icon,.strike-control-icon{border:1px solid rgba(255,255,255,.16);background:#07090db8;color:var(--text);border-radius:8px;min-height:34px;padding:0 12px;font-family:var(--mono);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.worms-control-icon,.strike-control-icon{width:36px;padding:0;font-size:18px;line-height:1;letter-spacing:0}.worms-control-pill.active,.strike-control-pill.active,.worms-control-icon:hover:not(:disabled),.strike-control-icon:hover:not(:disabled){border-color:#ffd166b8;background:#ff5c0038;color:#fff}.worms-control-pill:disabled,.worms-control-icon:disabled{opacity:.42;cursor:not-allowed}.worms-weapon-menu,.strike-level-menu{position:absolute;top:70px;left:28px;width:min(760px,calc(100% - 56px));max-height:min(420px,calc(100% - 96px));z-index:8;overflow:auto;padding:12px;background:linear-gradient(180deg,#11141bf5,#060709f5);border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 44px #0000007a}.worms-weapon-menu-head,.strike-level-menu-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;font-family:var(--mono);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.worms-weapon-menu-head strong,.strike-level-menu-head strong{color:#ffd166;letter-spacing:0}.strike-level-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.strike-level-choice{display:flex;flex-direction:column;gap:4px;min-height:92px;border:1px solid rgba(255,255,255,.12);border-left:3px solid rgba(148,168,255,.72);background:#ffffff0a;color:var(--text);border-radius:8px;padding:10px;text-align:left}.strike-level-choice span,.strike-level-choice small{color:var(--text-soft);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.strike-level-choice strong{color:var(--text);font-size:13px}.strike-level-choice small{line-height:1.35;text-transform:none;letter-spacing:0}.strike-level-choice.active,.strike-level-choice:hover{border-color:#ffd166b8;background:#ffd1661a}.worms-weapon-grid,.worms-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}.worms-weapon-choice,.worms-map-choice{border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--weapon-color, rgba(255,209,102,.72));background:#ffffff0b;color:var(--text);border-radius:8px;min-height:78px;padding:9px 10px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px 8px}.worms-weapon-choice span,.worms-map-choice span{font-weight:900;font-size:12px}.worms-weapon-choice strong{color:#ffd166;font-family:var(--mono);font-size:12px}.worms-weapon-choice small{grid-column:1 / -1;color:var(--text-soft);font-size:10px;line-height:1.3}.worms-weapon-choice.active,.worms-weapon-choice:hover:not(:disabled),.worms-map-choice.active,.worms-map-choice:hover{border-color:#ffd166c7;background:#ffd1661c}.worms-weapon-choice:disabled{opacity:.42;cursor:not-allowed}.worms-map-choice{min-height:74px;align-items:end;background:linear-gradient(180deg,#0000000a,#0000006b),linear-gradient(135deg,#5b8f52,#233b25)}.worms-map-choice-desert{background:linear-gradient(135deg,#d59853,#7d4423)}.worms-map-choice-snow{background:linear-gradient(135deg,#b9cad7,#556674)}.worms-map-choice-jungle{background:linear-gradient(135deg,#335f39,#0f2d22)}.mobile-game-controls{display:none}body.mobile-game-active{overscroll-behavior:none;touch-action:none}@media (pointer: coarse),(max-width: 900px){.page-play{height:var(--app-vh, 100dvh);min-height:0;padding:0;justify-content:stretch;background:#000;overflow:hidden}.page-play .game-wrap{width:100vw;max-width:none;height:var(--app-vh, 100dvh);min-height:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.page-play .game-head{display:none}.page-play .game-head button{padding:7px 9px;font-size:11px}.page-play .game-title{font-size:10px;letter-spacing:.12em;text-align:center}.page-play .game-stats{gap:8px;font-size:8px}.page-play .game-stats strong{font-size:12px}.page-play .game-body{flex:1;min-height:0;padding:0;align-items:center;overflow:hidden}.page-play canvas{max-width:100vw!important;max-height:100dvh!important;width:auto;height:auto;object-fit:contain;touch-action:none}.page-play .td-canvas{max-width:none!important;max-height:none!important;object-fit:fill}.page-play .game-footer,.play-watermark,.page-play .tetris-side{display:none}.page-play .tetris-body{justify-content:center;gap:0}.page-play .strike-ingame-controls{display:none}.page-play .plat-difficulty{position:fixed;inset:0;z-index:5500;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.page-play .game-over-actions{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:5500;max-width:calc(100vw - 28px);flex-wrap:wrap;justify-content:center}.page-play .worms-weapon-menu,.page-play .strike-level-menu{z-index:5500;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-game-controls{position:fixed;inset:0;z-index:5000;display:block;pointer-events:none;touch-action:none}.mobile-game-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid rgba(255,255,255,.16);background:#07090d7a;color:#fff;border-radius:999px;min-width:42px;min-height:42px;position:relative;z-index:3;font-family:var(--mono);font-size:10px;font-weight:900;opacity:.92;backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff17}.mobile-game-controls button:active{transform:scale(.94);border-color:var(--pulse-hot);background:#d63d2c61}.mobile-game-fullscreen{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);padding:0 10px;min-width:44px!important;height:38px;font-size:16px!important;opacity:.7}.mobile-game-exit{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:max(8px,env(safe-area-inset-left));width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:16px!important;background:#d63d2c6b!important;border-color:#ff786480!important}.mobile-game-pause{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:calc(max(8px,env(safe-area-inset-left)) + 46px);width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:12px!important}.mobile-game-menu{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:calc(max(8px,env(safe-area-inset-left)) + 46px);width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:16px!important}.mobile-game-menu.after-pause{left:calc(max(8px,env(safe-area-inset-left)) + 92px)}.mobile-game-cursor{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:max(10px,env(safe-area-inset-right));width:44px;height:44px;min-width:44px!important;min-height:44px;padding:0;font-size:19px!important;line-height:1}.mobile-game-cursor.active{border-color:#ffd166b8;background:#ff5c0059}.mobile-game-crosshair{position:fixed;z-index:5001;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid rgba(255,209,102,.9);border-radius:50%;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.mobile-game-crosshair:before,.mobile-game-crosshair:after{content:"";position:absolute;background:#ffd166f2}.mobile-game-crosshair:before{left:50%;top:-9px;bottom:-9px;width:2px;transform:translate(-50%)}.mobile-game-crosshair:after{top:50%;left:-9px;right:-9px;height:2px;transform:translateY(-50%)}.mobile-game-zone{position:absolute;bottom:0;width:42%;height:50%;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;z-index:1}.mobile-game-zone-left{left:0}.mobile-game-zone-right{right:0}.mobile-game-dpad{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 6px);width:168px;height:168px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;z-index:5001;pointer-events:none}.mobile-game-dpad-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#07090d99;border:1px solid rgba(255,255,255,.18);color:#ffd166;font-size:26px;line-height:1;backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none}.mobile-game-dpad-btn:active{background:#ff5c0057;border-color:#ffd166b8}.mobile-game-dpad-btn.up{grid-column:2;grid-row:1;border-radius:12px 12px 4px 4px}.mobile-game-dpad-btn.left{grid-column:1;grid-row:2;border-radius:12px 4px 4px 12px}.mobile-game-dpad-btn.right{grid-column:3;grid-row:2;border-radius:4px 12px 12px 4px}.mobile-game-dpad-btn.down{grid-column:2;grid-row:3;border-radius:4px 4px 12px 12px}.mobile-game-controls-chess .mobile-game-exit{left:auto;right:max(8px,env(safe-area-inset-right))}.mobile-game-aimtouch{position:absolute;inset:0;z-index:0;pointer-events:auto;touch-action:none}.mobile-game-stick-float{position:fixed;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),rgba(255,255,255,.02) 60%,transparent 64%),#07090d47;box-shadow:0 8px 22px #0000004d,inset 0 1px #ffffff1a;backdrop-filter:blur(8px);pointer-events:none;z-index:5002}.mobile-game-stick-knob{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ff5c0094;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff38;pointer-events:none}.mobile-game-stick-hint{position:absolute;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 26px);width:92px;height:92px;pointer-events:none;z-index:5003;display:flex;align-items:center;justify-content:center;animation:mobile-stick-hint-fade 4.2s ease forwards}.mobile-game-stick-hint.left{left:calc(max(18px,env(safe-area-inset-left)) + 18px)}.mobile-game-stick-hint.right{right:calc(max(18px,env(safe-area-inset-right)) + 18px)}.mobile-game-stick-hint .ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(255,209,102,.7);background:radial-gradient(circle at 50% 50%,rgba(255,92,0,.18),transparent 66%);animation:mobile-stick-hint-pulse 1.5s ease-in-out infinite}.mobile-game-stick-hint .label{position:relative;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffebcdf2;text-shadow:0 1px 4px rgba(0,0,0,.7)}@keyframes mobile-stick-hint-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}@keyframes mobile-stick-hint-fade{0%,70%{opacity:1}to{opacity:0}}.mobile-game-actions{position:absolute;right:max(6px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));top:auto;max-height:78%;width:auto;display:flex;flex-direction:column-reverse;align-items:flex-end;flex-wrap:wrap-reverse;gap:7px;pointer-events:none;z-index:2}.mobile-game-actions button{min-width:46px;min-height:46px;padding:0 8px}.mobile-game-actions.cluster{width:clamp(116px,26vw,138px);height:clamp(116px,26vw,138px);right:max(10px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:auto;top:auto;display:block;padding:0}.mobile-game-actions.cluster.cluster-lg{width:clamp(150px,33vw,188px);height:clamp(150px,33vw,188px)}.mobile-game-actions.cluster.cluster-lg button{width:44px;height:44px;min-width:44px;min-height:44px}.mobile-game-actions.cluster button{position:absolute;transform:translate(-50%,-50%);margin:0;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;font-size:10px}.mobile-game-actions.cluster button.primary{width:56px;height:56px;min-width:56px;min-height:56px;font-size:11px;border-color:#ffd16680;background:#d63d2c80}.mobile-game-actions.cluster button:active{transform:translate(-50%,-50%) scale(.92)}.mobile-game-controls-pool .mobile-game-actions button:first-child{min-width:64px;min-height:64px;border-color:#ffd16694;background:#d63d2c85}.pool-spin-ring{touch-action:none}.mobile-game-popover-wrap{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.mobile-game-popover-backdrop{position:absolute;inset:0;background:#05070a99;backdrop-filter:blur(2px);pointer-events:auto}.mobile-game-popover{position:relative;display:flex;flex-direction:column;gap:9px;min-width:220px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0c0f14f5;box-shadow:0 18px 50px #00000080}.mobile-game-popover-title{font-family:var(--mono);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;text-align:center;margin-bottom:2px}.mobile-game-popover button{pointer-events:auto;-webkit-tap-highlight-color:transparent;min-height:50px;padding:0 18px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff;font-family:var(--mono);font-size:14px;font-weight:800}.mobile-game-popover button:active{background:#ff5c0066}.mobile-game-popover .popover-exit{border-color:#ff786480;background:#d63d2c66}.mobile-game-popover .popover-close{background:transparent;border-color:transparent;color:#ffffff8c;min-height:40px}.mobile-game-rotate{position:fixed;inset:0;z-index:6000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px;background:#05070af5;backdrop-filter:blur(8px);pointer-events:auto;touch-action:none}.mobile-game-rotate-icon{font-size:64px;line-height:1;color:var(--pulse-hot, #d63d2c);animation:mobile-rotate-spin 2.4s var(--ease, ease) infinite}@keyframes mobile-rotate-spin{0%,60%{transform:rotate(0)}80%,to{transform:rotate(90deg)}}.mobile-game-rotate-title{font-family:var(--mono);font-size:18px;font-weight:900;letter-spacing:.08em;color:#fff}.mobile-game-rotate-sub{font-size:13px;color:#fff9}.mobile-game-rotate-exit{margin-top:14px;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:1px solid rgba(255,120,100,.5);background:#d63d2c6b;color:#fff;border-radius:999px;min-height:48px;padding:0 22px;font-family:var(--mono);font-size:13px;font-weight:900}}@media (pointer: coarse) and (orientation: portrait),(max-width: 900px) and (orientation: portrait){.page-play canvas{max-height:100dvh!important}.worms-ingame-controls,.strike-ingame-controls{top:8px;left:max(8px,env(safe-area-inset-left))}.worms-weapon-menu,.strike-level-menu{top:50px;left:max(8px,env(safe-area-inset-left));width:calc(100% - max(16px,env(safe-area-inset-left) + env(safe-area-inset-right)));max-height:calc(100% - 64px)}.mobile-game-actions{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 122px);width:min(60vw,260px)}.mobile-game-stick{width:90px;height:90px}}.page-join,.page-host,.page-lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 24px}.back-btn{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 14px;margin-bottom:22px;font-weight:500;font-size:12.5px;transition:background .15s var(--ease),border-color .15s var(--ease)}.back-btn:hover{background:var(--surface-3);border-color:var(--line-strong)}.join-card,.host-card,.lobby-card{width:100%;max-width:600px;background:linear-gradient(180deg,var(--surface-1),var(--bg-deep));border:1px solid var(--line);border-radius:14px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}.join-card:before,.host-card:before,.lobby-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent)}.join-card h1,.host-card h1,.lobby-card h1{margin:8px 0 12px;font-size:24px;font-weight:800;letter-spacing:-.01em}.code-input{display:block;width:100%;padding:16px 18px;font-size:28px;letter-spacing:.28em;font-weight:700;text-align:center;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--pulse-hot);margin:16px 0;font-family:var(--mono);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.code-input:focus{outline:none;border-color:var(--pulse-hot);box-shadow:0 0 0 3px var(--pulse-glow)}.primary-btn{display:inline-block;padding:11px 20px;background:linear-gradient(180deg,var(--pulse-hot),var(--pulse));color:#fff;border:1px solid var(--pulse);border-radius:9px;font-weight:600;font-size:13.5px;letter-spacing:.01em;transition:filter .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease);margin-top:8px;box-shadow:0 0 0 1px #0000001a,0 4px 14px var(--pulse-glow),inset 0 1px #ffffff2e}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn:disabled{opacity:.4;cursor:default;transform:none;filter:grayscale(.5)}.form-error{margin:8px 0;padding:10px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.36);border-radius:8px;color:var(--red);font-size:12.5px}.lobby-code-row{display:flex;gap:10px;align-items:center;margin:18px 0 6px}.lobby-code{flex:1;font-family:var(--mono);font-size:36px;font-weight:800;letter-spacing:.3em;text-align:center;padding:14px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--pulse-hot);text-shadow:0 0 18px var(--pulse-glow)}.secondary-btn{padding:12px 16px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:9px;font-weight:600;font-size:12.5px;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.secondary-btn:hover{background:var(--surface-3);border-color:var(--pulse-hot);color:var(--pulse-hot)}.lobby-members{display:grid;gap:8px;margin:22px 0}.member{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.member.empty{border-style:dashed;opacity:.55;justify-content:center}.member-avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--surface-hi),var(--surface-3))}.member-name{font-weight:600;flex:1;font-size:13.5px}.member-badge{font-family:var(--mono);font-size:9px;letter-spacing:.16em;font-weight:700;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--pulse-hot) 18%,transparent);color:var(--pulse-hot);border:1px solid color-mix(in srgb,var(--pulse-hot) 36%,transparent)}.member-badge.you{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 36%,transparent)}.member.offline{opacity:.5}.error-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);background:#f87171f2;color:#fff;padding:11px 18px;border-radius:10px;z-index:1100;cursor:pointer;box-shadow:0 12px 32px #f8717166;font-size:13px;font-weight:600;max-width:480px;text-align:center}.tetris-canvas{border:1px solid var(--line);border-radius:8px;background:#080a0e;box-shadow:0 0 30px #ff5c002e}.pacman-canvas{border:1px solid var(--line);border-radius:8px;background:#080a0e;box-shadow:0 0 30px #1d2f7a57}.platformer-canvas{border:1px solid var(--line);border-radius:8px;background:#1a2c4a;box-shadow:0 0 30px #5fdc883d}.pool-canvas{border:1px solid var(--line);border-radius:10px;background:#0b0d11;cursor:crosshair}.td-canvas{border:1px solid var(--line);border-radius:10px;background:#11141b;cursor:crosshair;box-shadow:0 0 30px #d63d2c2e}.strike-canvas{border:1px solid var(--line);border-radius:10px;background:#0b0d11;cursor:crosshair;box-shadow:0 0 30px #94a8ff29}.pool-body{flex-direction:column;gap:14px}.pool-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;max-width:720px;padding:10px 14px;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.pool-hud:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-hi),transparent)}.pool-hud-side{display:flex;align-items:center;gap:10px;min-width:0;transition:opacity .15s var(--ease)}.pool-hud-side.active .pool-hud-name{color:#ffd166}.pool-hud-side.active .pool-hud-avatar{box-shadow:0 0 0 2px #ffd166,0 0 14px #ffd16680}.pool-hud-side:not(.active){opacity:.6}.pool-hud-side:last-of-type{justify-content:flex-end}.pool-hud-side:last-of-type .pool-hud-text{text-align:right}.pool-hud-side:last-of-type .pool-hud-meta{justify-content:flex-end}.pool-hud-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--surface-hi),var(--surface-3));border:1px solid var(--line-strong);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:12px;color:var(--text)}.pool-hud-avatar img{width:100%;height:100%;object-fit:cover}.pool-hud-text{min-width:0}.pool-hud-name{font-weight:700;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;transition:color .15s var(--ease)}.pool-hud-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.pool-hud-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;border:1px solid var(--line);background:var(--surface-3);font-weight:700;letter-spacing:.16em}.pool-hud-chip.pool-hud-solid{border-color:#f1c23366;color:#f1c233}.pool-hud-chip.pool-hud-solid:before{content:"";width:8px;height:8px;border-radius:50%;background:#f1c233}.pool-hud-chip.pool-hud-stripe{border-color:#1f3ecf73;color:#94a8ff}.pool-hud-chip.pool-hud-stripe:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong),0 0 0 .5px var(--line-strong);background-image:linear-gradient(180deg,transparent 35%,#1f3ecf 35%,#1f3ecf 65%,transparent 65%)}.pool-hud-chip.pool-hud-open{color:var(--text-soft)}.pool-hud-chip.pool-hud-open:before{content:"";width:8px;height:8px;border-radius:50%;border:1px dashed var(--text-soft)}.pool-hud-extra{color:#ff944d;font-weight:700}.pool-hud-vs{font-family:var(--mono);font-weight:800;font-size:11px;letter-spacing:.2em;color:var(--pulse-hot);padding:4px 10px;border:1px solid color-mix(in srgb,var(--pulse-hot) 36%,transparent);border-radius:4px;background:color-mix(in srgb,var(--pulse-hot) 8%,transparent)}.pool-spin{display:inline-flex;flex-direction:row;align-items:center;gap:14px;padding:8px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:10px;user-select:none;align-self:center;flex:0 0 auto}.pool-spin-disabled{opacity:.4;pointer-events:none}.pool-spin-label{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;color:var(--text-soft);text-transform:uppercase}.pool-spin-ring{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#cfd2da 70%,#a0a4ad);border:1.5px solid var(--line-strong);position:relative;cursor:crosshair;box-shadow:inset 0 0 8px #0000002e;flex:0 0 auto}.pool-spin-grid{position:absolute;background:#00000026;pointer-events:none}.pool-spin-grid-h{left:4px;right:4px;top:50%;height:1px;transform:translateY(-.5px)}.pool-spin-grid-v{top:4px;bottom:4px;left:50%;width:1px;transform:translate(-.5px)}.pool-spin-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--pulse-hot);box-shadow:0 0 0 1.5px #fff,0 0 8px var(--pulse-glow);transform:translate(-50%,-50%);pointer-events:none;transition:background .12s var(--ease)}.pool-spin-dot-stun{background:var(--text-soft);box-shadow:0 0 0 1.5px #fff}.pool-spin-hint{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--pulse-hot);min-width:64px;text-align:left;text-transform:uppercase}.pool-spin-disabled .pool-spin-hint{color:var(--text-soft)}.pool-turn-pop{position:absolute;top:108px;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 36px));padding:14px 18px;background:linear-gradient(180deg,#11141bf0,#060709f0);border:1px solid rgba(255,255,255,.14);border-left:4px solid #ffd166;border-radius:8px;box-shadow:0 18px 42px #00000073;color:var(--text);z-index:3;pointer-events:none;text-align:center;animation:pool-pop-in .18s var(--ease)}.pool-turn-pop-foul{border-left-color:#ed4245}.pool-turn-pop-score{border-left-color:#3ba55d}.pool-turn-pop-win{border-left-color:#ffd166}.pool-turn-pop-eyebrow{font-size:10px;letter-spacing:.18em;color:var(--text-soft);font-weight:800}.pool-turn-pop-title{margin-top:4px;font-size:22px;font-weight:900;letter-spacing:.02em}.pool-turn-pop-body{margin-top:5px;color:var(--text-soft);font-size:13px;line-height:1.35}@keyframes pool-pop-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.worms-canvas{border:1px solid var(--line);border-radius:10px;background:#0b0d11}.chess-canvas{border:1px solid var(--line);border-radius:10px;background:#0b0d11;cursor:pointer;box-shadow:0 0 0 1px #ffd16629,0 0 30px #ffd1661f,inset 0 0 60px #0006}.arena-canvas{border:1px solid var(--line);border-radius:8px;background:#080a0e;cursor:crosshair;box-shadow:0 0 30px #4a90e247}.rts-board{border:1px solid var(--line);border-radius:8px;background:#080a0e;box-shadow:0 0 30px #ed424542}.arena-body,.rts-body,.platformer-body,.strike-body{position:relative}.game-over-actions{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);display:flex;gap:10px;pointer-events:auto;z-index:5500}.game-over-actions button{padding:10px 18px;border-radius:9px;background:var(--surface-3);color:var(--text);border:1px solid var(--line);font-weight:600}.game-over-actions button:hover{background:var(--surface-hi)}.plat-difficulty{position:absolute;inset:0;z-index:5500;background:#07090deb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;pointer-events:auto;text-align:center}.plat-difficulty-title{font-family:var(--mono);font-size:clamp(22px,4vw,30px);font-weight:900;letter-spacing:.06em;color:#5fdc88}.plat-difficulty-sub{font-size:13px;color:#cfd6e0cc;margin-bottom:8px}.plat-difficulty-tiers{display:flex;flex-direction:column;gap:10px;width:min(360px,86%)}.plat-tier{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;min-height:58px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s var(--ease),border-color .12s var(--ease)}.plat-tier:hover,.plat-tier:active{background:#5fdc8829;border-color:#5fdc88}.plat-tier-num{grid-row:1 / span 2;font-family:var(--mono);font-size:20px;font-weight:900;color:#5fdc88;width:24px;text-align:center}.plat-tier-label{font-size:16px;font-weight:800}.plat-tier-desc{font-size:12px;color:#8a93a3}.td-place-bar{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:5500;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#0c0f14f0;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px #00000080;pointer-events:auto}.td-place-label{font-family:var(--mono);font-size:11px;color:#ffffffb3;max-width:36vw}.td-place-bar button{min-height:46px;padding:0 18px;border-radius:10px;font-family:var(--mono);font-weight:800;font-size:14px;-webkit-tap-highlight-color:transparent}.td-place-btn{background:#5bdc88d9;color:#06210f;border:1px solid rgba(91,220,136,.9)}.td-place-btn:disabled{background:#ffffff1a;color:#fff6;border-color:#ffffff26}.td-place-done{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.22)}.td-hud{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5400;display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;background:#0c0f14db;border:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:12px;font-weight:800;color:#fff;pointer-events:auto;max-width:calc(100vw - 16px)}.td-hud-scrap{color:#ffd166}.td-hud-lives{color:#ff7a7a}.td-hud-wave{color:#ffffffbf}.td-hud-score{color:#ffffff8c}.td-hud-exit{margin-left:2px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,120,100,.5);background:#d63d2c6b;color:#fff;-webkit-tap-highlight-color:transparent}@media (pointer: coarse),(max-width: 900px){.game-over-actions{top:60%;gap:12px;flex-wrap:wrap;justify-content:center;width:min(420px,90%)}.game-over-actions button{min-height:50px;padding:0 20px;font-size:15px;-webkit-tap-highlight-color:transparent}}.tetris-side{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-left:14px;padding:12px;font-size:12px}.biome-chip{font-family:var(--mono);font-size:.62em;font-weight:700;letter-spacing:.18em;color:#ffffffa6;margin-left:6px;padding:3px 9px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);vertical-align:middle;text-transform:uppercase}.rts-wrap{background:linear-gradient(180deg,#0e1116,#06080a)}.rts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px}.rts-exit-btn,.rts-recruit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text);font:600 13px/1 var(--mono);padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.rts-exit-btn:hover,.rts-recruit-btn:hover{background:#ffffff1a}.rts-recruit-btn.active{background:#ed424538;border-color:#ed424580;color:#ffd0d0}.rts-head-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rts-tag{font:600 12px/1 var(--mono);padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-soft);letter-spacing:.04em}.rts-tag-scrap{color:#ffd766;border-color:#ffd76640}.rts-tag-units{color:#b3c7ff;border-color:#b3c7ff40}.rts-body{flex-direction:column;gap:10px;padding:10px 14px 18px}.rts-stage{position:relative;width:100%;max-width:672px;aspect-ratio:672 / 448;align-self:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #00000080,inset 0 0 60px #00000073;background:#1a2418;touch-action:none}.rts-board{position:absolute;top:0;left:0;transform-origin:top left;transform:scale(var(--rts-scale, 1))}.rts-tiles{position:absolute;inset:0;display:grid;grid-auto-rows:28px;pointer-events:none}.rts-tile{width:28px;height:28px}.rts-tile-grass{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.04),transparent 60%),#1f3a23}.rts-tile-forest{background:radial-gradient(circle at 50% 60%,rgba(15,50,30,.85) 6px,transparent 14px),radial-gradient(circle at 30% 30%,rgba(25,65,35,.75) 5px,transparent 10px),#14281b}.rts-tile-rock{background:radial-gradient(circle at 50% 50%,rgba(150,145,130,.45) 6px,transparent 18px),#2a2722;box-shadow:inset 0 0 0 1px #00000059}.rts-outpost{position:absolute;top:0;left:0;width:56px;height:56px;pointer-events:none;z-index:2}.rts-outpost-body{width:100%;height:100%;border-radius:8px;border:2px solid;font:800 18px/52px var(--mono);text-align:center;letter-spacing:.1em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);background:#0006}.rts-outpost.rts-p1 .rts-outpost-body{border-color:#4aa3ff;background:#4aa3ff2e;box-shadow:0 0 18px #4aa3ff59,inset 0 0 14px #4aa3ff26}.rts-outpost.rts-cpu .rts-outpost-body{border-color:#ed4245;background:#ed42452e;box-shadow:0 0 18px #ed424559,inset 0 0 14px #ed424526}.rts-hp{width:100%;height:4px;margin-top:2px;background:#000000a6;border-radius:2px;overflow:hidden}.rts-hp-fill{height:100%;background:linear-gradient(90deg,#59c87b,#a5e6b4);transition:width .18s}.rts-hp-unit{height:3px;margin-top:1px}.rts-build-queue{position:absolute;top:0;left:0;display:flex;gap:4px;pointer-events:none;z-index:3}.rts-queue-slot{width:26px;background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:4px;font:800 10px/16px var(--mono);text-align:center;color:#ffd766;padding:1px 0 2px}.rts-queue-bar{height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.rts-queue-bar>div{height:100%;background:#ffd766;transition:width .12s linear}.rts-unit{position:absolute;top:0;left:0;width:24px;height:24px;pointer-events:none;z-index:4;will-change:transform}.rts-unit-body{width:100%;height:100%;border-radius:50%;border:1.5px solid;font:800 12px/19px var(--mono);text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.85);background:#00000059;position:relative}.rts-unit.rts-p1 .rts-unit-body{border-color:#4aa3ff;background:#4aa3ff8c}.rts-unit.rts-cpu .rts-unit-body{border-color:#ed4245;background:#ed42458c}.rts-unit-aim{position:absolute;top:50%;left:50%;width:10px;height:1.5px;background:#ffffffa6;transform-origin:0 50%}.rts-unit.selected .rts-unit-body{box-shadow:0 0 0 2px #ffd766,0 0 14px #ffd7668c}.rts-unit.attacking .rts-unit-body{animation:rts-attack-pulse .35s ease-out infinite alternate}@keyframes rts-attack-pulse{to{transform:scale(1.08);filter:brightness(1.25)}}.rts-projectile{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:5}.rts-projectile.rts-p1{background:#c5e0ff;box-shadow:0 0 6px #4aa3ff}.rts-projectile.rts-cpu{background:#ffcfcf;box-shadow:0 0 6px #ed4245}.rts-dragbox{position:absolute;top:0;left:0;border:1.5px dashed #ffd766;background:#ffd76614;pointer-events:none;z-index:6;border-radius:2px}.rts-hud{display:flex;gap:16px;width:100%;max-width:672px;align-self:center}.rts-hud-side{flex:1}.rts-hud-label{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);display:block;margin-bottom:4px}.rts-hud-bar{height:10px;background:#0000008c;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.rts-hud-bar-fill{height:100%;transition:width .25s}.rts-hud-p1{background:linear-gradient(90deg,#2c6ea8,#4aa3ff)}.rts-hud-cpu{background:linear-gradient(90deg,#8c2528,#ed4245)}.rts-recruit-menu{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(96vw,520px);background:#0e1116f5;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px #0009;padding:14px 14px 12px;z-index:50;backdrop-filter:blur(8px)}.rts-recruit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:700 13px/1 var(--mono);color:var(--text)}.rts-recruit-scrap{color:#ffd766}.rts-recruit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.rts-recruit-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,transform .08s;font-family:var(--mono)}.rts-recruit-choice:not(:disabled):hover{background:#4aa3ff1f;border-color:#4aa3ff66}.rts-recruit-choice:not(:disabled):active{transform:scale(.97)}.rts-recruit-choice:disabled{opacity:.4;cursor:not-allowed}.rts-recruit-glyph{width:34px;height:34px;border-radius:50%;background:#4aa3ff40;border:1.5px solid #4aa3ff;font:800 16px/30px var(--mono);color:#fff;text-align:center}.rts-recruit-choice strong{font-size:13px}.rts-recruit-choice small{font-size:11px;color:var(--text-soft);letter-spacing:.04em}.rts-recruit-stats{color:var(--text-soft)}.rts-recruit-hint{font:500 11px/1.4 var(--mono);color:var(--text-soft);text-align:center;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.rts-outcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000b3;z-index:10;backdrop-filter:blur(4px)}.rts-outcome-title{font:900 36px/1 var(--mono);letter-spacing:.18em}.rts-outcome-victory .rts-outcome-title{color:#ffd766;text-shadow:0 0 24px rgba(255,215,102,.5)}.rts-outcome-defeat .rts-outcome-title{color:#ed4245;text-shadow:0 0 24px rgba(237,66,69,.5)}.rts-outcome-stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font:600 13px/1 var(--mono);color:var(--text-soft)}.rts-outcome-btn{margin-top:4px;padding:10px 22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:var(--text);font:600 13px/1 var(--mono);cursor:pointer}.rts-outcome-btn:hover{background:#ffffff1f}@media (max-width: 640px){.rts-head{padding:8px 10px}.rts-recruit-grid{grid-template-columns:repeat(2,1fr)}.rts-outcome-title{font-size:28px}}.rts-picker-wrap{padding-bottom:24px}.rts-picker-title{flex:1;text-align:center;font:800 16px/1 var(--mono);letter-spacing:.08em;color:var(--text)}.rts-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:16px 18px}.rts-picker-card{background:#ffffff08;border:2px solid currentColor;border-radius:14px;padding:18px 14px;cursor:pointer;color:var(--text);font-family:var(--mono);display:flex;flex-direction:column;align-items:center;gap:10px;transition:background .15s,transform .08s;text-align:center}.rts-picker-card:hover{background:#ffffff0f}.rts-picker-card.selected{background:#ffffff1a;box-shadow:0 0 22px currentColor,0 0 0 1px currentColor inset}.rts-picker-card:active{transform:scale(.98)}.rts-picker-icon{width:56px;height:56px;border-radius:12px;background:currentColor;color:#0006;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px currentColor)}.rts-picker-icon>svg{color:#000000d9}.rts-picker-name{font:800 22px/1 var(--mono);letter-spacing:.06em;color:inherit}.rts-picker-tagline{font:500 12px/1.4 var(--mono);color:var(--text-soft);min-height:32px}.rts-picker-units{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.rts-picker-unit-chip{display:inline-flex;align-items:center;gap:4px;font:600 11px/1 var(--mono);color:var(--text);background:#00000059;padding:4px 8px;border-radius:999px}.rts-picker-unit-chip em{font-style:normal}.rts-picker-roster{margin:0 auto;width:min(96vw,520px);background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px}.rts-picker-roster-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;font:600 12px/1.4 var(--mono);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rts-picker-roster-row:last-child{border-bottom:none}.rts-picker-roster-row.team-0 .rts-picker-roster-name{color:#ed4245}.rts-picker-roster-row.team-1 .rts-picker-roster-name{color:#4aa3ff}.rts-picker-roster-row.team-2 .rts-picker-roster-name{color:#59c87b}.rts-picker-roster-row.team-3 .rts-picker-roster-name{color:#ffd766}.rts-picker-roster-team{background:#ffffff14;padding:3px 8px;border-radius:999px;color:var(--text-soft);font-size:11px}.rts-picker-roster-pick{color:var(--text-soft)}.rts-tag-faction{border-width:1.5px}.rts-wrap.rts-biome-forest .rts-stage{background:#0d1a13}.rts-wrap.rts-biome-desert .rts-stage{background:#1d150a}.rts-wrap.rts-biome-arid .rts-stage{background:#1e1a10}.rts-wrap.rts-biome-snow .rts-stage{background:#131a1f}.rts-wrap.rts-biome-desert .rts-tile-grass{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 60%),#43331b}.rts-wrap.rts-biome-desert .rts-tile-forest{background:radial-gradient(circle at 50% 60%,rgba(70,50,30,.85) 6px,transparent 14px),#3a2a15}.rts-wrap.rts-biome-arid .rts-tile-grass{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 60%),#4d4521}.rts-wrap.rts-biome-arid .rts-tile-forest{background:radial-gradient(circle at 50% 60%,rgba(80,60,30,.85) 6px,transparent 14px),#3d3520}.rts-wrap.rts-biome-snow .rts-tile-grass{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 60%),#2c3a44}.rts-wrap.rts-biome-snow .rts-tile-forest{background:radial-gradient(circle at 50% 60%,rgba(20,50,35,.85) 6px,transparent 14px),#25323d}.rts-outpost.dimmed .rts-outpost-body{filter:grayscale(.7) brightness(.55);box-shadow:none!important;border-style:dashed}.rts-outpost.dimmed .rts-hp{display:none}.rts-unit-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85))}.rts-shape-square .rts-unit-body{border-radius:4px}.rts-shape-triangle .rts-unit-body{clip-path:polygon(50% 0%,100% 100%,0% 100%);border-radius:0;background:currentColor}.rts-shape-triangle .rts-unit-icon{color:#000000b3}.rts-unit.flying .rts-unit-body{box-shadow:0 6px 8px -2px #0000008c;transform:translateY(-3px)}.rts-fog{position:absolute;inset:0;display:grid;grid-auto-rows:28px;pointer-events:none;z-index:7}.rts-fog-cell{width:28px;height:28px;transition:background .25s,opacity .25s}.rts-fog-visible{background:transparent}.rts-fog-explored{background:#00000073}.rts-fog-hidden{background:#050708}.rts-fx{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;pointer-events:none;z-index:8;will-change:transform,opacity}.rts-fx-hit{background:radial-gradient(circle,rgba(255,220,130,.85) 0%,rgba(255,100,60,.4) 50%,transparent 70%)}.rts-fx-spark{background:radial-gradient(circle,rgba(255,220,130,.9) 0%,transparent 65%)}.rts-fx-heal{background:radial-gradient(circle,rgba(120,240,160,.8) 0%,rgba(120,240,160,.2) 50%,transparent 70%)}.rts-fx-explosion{background:radial-gradient(circle,rgba(255,240,200,.95) 0%,rgba(255,140,60,.8) 35%,rgba(140,40,20,.5) 65%,transparent 80%);width:64px;height:64px}.rts-hud-team-0{background:linear-gradient(90deg,#6b1d1f,#ed4245)}.rts-hud-team-1{background:linear-gradient(90deg,#1c4674,#4aa3ff)}.rts-hud-team-2{background:linear-gradient(90deg,#2a7a3e,#59c87b)}.rts-hud-team-3{background:linear-gradient(90deg,#8a7320,#ffd766)}.rts-hud-side.mine .rts-hud-label{color:var(--text);font-weight:800}.rts-recruit-special{font-size:10px!important;color:#ffd766!important;letter-spacing:.06em;text-transform:uppercase}.rts-queue-slot{cursor:pointer;font:inherit}.rts-queue-slot:hover{background:#ed42454d;border-color:#ed424599}@media (max-width: 640px){.rts-picker-grid{grid-template-columns:1fr}.rts-picker-roster{width:96vw}}.rts-tag-wood{color:#b8d99f;border-color:#b8d99f4d}.rts-tag-stone{color:#c7c0b0;border-color:#c7c0b04d}.rts-tag-sub{color:var(--text-soft);margin-left:4px;font-weight:400}.rts-head-actions{display:flex;gap:6px}.rts-build-btn{background:#ffffff0d;border:1px solid rgba(255,215,102,.3);color:#ffd766;font:600 13px/1 var(--mono);padding:8px 14px;border-radius:8px;cursor:pointer}.rts-build-btn:hover{background:#ffd7661f}.rts-build-btn.active{background:#ffd76638;border-color:#ffd76699}.rts-body{flex-direction:row!important;gap:10px;align-items:flex-start;flex-wrap:wrap}.rts-stage{width:100%!important;max-width:760px!important;flex:1 1 480px}.rts-side{flex:0 0 220px;display:flex;flex-direction:column;gap:10px}.rts-board{overflow:hidden}.rts-world{position:absolute;top:0;left:0;will-change:transform}.rts-node{position:absolute;top:0;left:0;width:24px;pointer-events:none;z-index:1;text-align:center}.rts-node-glyph{font-size:18px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.rts-node-bar{height:3px;background:#0009;border-radius:2px;margin-top:1px;overflow:hidden}.rts-node-bar>div{height:100%;transition:width .2s}.rts-node-wood .rts-node-glyph{filter:drop-shadow(0 0 4px rgba(127,185,107,.5))}.rts-node-stone .rts-node-glyph{filter:drop-shadow(0 0 4px rgba(169,158,138,.5))}.rts-building{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.rts-building-body{width:100%;height:100%;border:2px solid;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#000000d9}.rts-building.constructing .rts-building-body{opacity:.55;border-style:dashed}.rts-building.dimmed .rts-building-body{filter:grayscale(.7) brightness(.55);border-style:dashed;box-shadow:none!important}.rts-building.dimmed .rts-hp,.rts-building.dimmed .rts-construct-bar{display:none}.rts-building.selected .rts-building-body{box-shadow:0 0 0 3px #ffd766,0 0 18px #ffd7668c!important}.rts-construct-bar{height:4px;background:#000000b3;border-radius:2px;overflow:hidden;margin-top:1px}.rts-construct-bar>div{height:100%;background:linear-gradient(90deg,#ffd766,#fffacd);transition:width .3s}.rts-turret-barrel{position:absolute;top:50%;left:50%;width:22px;height:4px;transform-origin:0 50%;border-radius:2px;pointer-events:none}.rts-building-queue{position:absolute;top:-22px;left:0;display:flex;gap:3px;pointer-events:auto}.rts-place-preview{position:absolute;top:0;left:0;border:2px dashed;border-radius:6px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9;color:#ffd766}.rts-place-preview.valid{border-color:#78f0a0d9;background:#78f0a02e;color:#000000b3}.rts-place-preview.invalid{border-color:#ed4245d9;background:#ed42452e;color:#000000b3}.rts-build-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000000c7;color:#ffd766;font:600 12px/1.4 var(--mono);padding:6px 14px;border-radius:999px;z-index:30;pointer-events:none;border:1px solid rgba(255,215,102,.4)}.rts-unit-cargo{position:absolute;top:-6px;right:-6px;font-size:11px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.85));pointer-events:none}.rts-unit.gathering .rts-unit-body{animation:rts-gather-bob .35s ease-in-out infinite alternate}@keyframes rts-gather-bob{to{transform:translateY(-2px)}}.rts-unit.building .rts-unit-body{animation:rts-build-rock .5s ease-in-out infinite alternate}@keyframes rts-build-rock{to{transform:rotate(-8deg)}}.rts-unit.worker .rts-unit-body{opacity:.92}.rts-minimap{position:relative;width:220px;height:154px;background:#0a0c10;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none}.rts-mm-tiles{position:absolute;inset:0;display:grid;grid-auto-rows:1fr}.rts-mm-tile{width:100%;height:100%}.rts-mm-tile.rts-tile-grass{background:#1f3a23}.rts-mm-tile.rts-tile-forest{background:#14281b}.rts-mm-tile.rts-tile-rock{background:#2a2722}.rts-mm-tile.rts-tile-water{background:#15303a}.rts-mm-fog-explored{background:#07090c!important}.rts-mm-fog-hidden{background:#000!important}.rts-mm-dot{position:absolute;width:4px;height:4px;margin-left:-2px;margin-top:-2px;border-radius:50%;pointer-events:none}.rts-mm-bldg{width:5px;height:5px;margin-left:-2.5px;margin-top:-2.5px;border-radius:2px}.rts-mm-viewport{position:absolute;border:1.5px solid #ffd766;background:#ffd76614;pointer-events:none;border-radius:2px}.rts-hud-list{display:flex;flex-direction:column;gap:8px}.rts-hud-list .rts-hud-side{flex:none}.rts-recruit-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.rts-recruit-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text);font:600 11px/1 var(--mono);padding:6px 10px;border-radius:6px;cursor:pointer}.rts-recruit-tab.active{background:#4aa3ff33;border-color:#4aa3ff99;color:#fff}.rts-recruit-tab.disabled,.rts-recruit-tab[disabled]{opacity:.35;cursor:not-allowed}.rts-build-menu .rts-recruit-choice.selected{border-color:#ffd766;background:#ffd7662e}@media (max-width: 760px){.rts-body{flex-direction:column!important}.rts-side{flex:none;width:100%;flex-direction:row}.rts-minimap{width:160px;height:112px}.rts-hud-list{flex:1}}.rts-hint-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(94%,520px);background:#0a0c12eb;color:var(--text);font:500 12px/1.45 var(--mono);padding:12px 16px;border:1px solid rgba(255,215,102,.42);border-radius:10px;z-index:28;box-shadow:0 6px 22px #0000008c;animation:rts-hint-in .3s ease-out;text-align:center}.rts-hint-banner strong{color:#ffd766}.rts-hint-banner em{color:#9bd0ff;font-style:normal}.rts-hint-banner>div+div{margin-top:4px}.rts-hint-dismiss{margin-top:8px;background:#ffd76638;border:1px solid rgba(255,215,102,.45);color:#ffd766;font:700 11px/1 var(--mono);padding:6px 14px;border-radius:999px;cursor:pointer}.rts-hint-dismiss:hover{background:#ffd76652}@keyframes rts-hint-in{0%{transform:translate(-50%) translateY(-12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.rts-cam-pad{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:36px 36px 36px;grid-template-rows:36px 36px 36px;gap:4px;z-index:25;pointer-events:none}.rts-cam-pad>button{background:#0a0c12bf;border:1px solid rgba(255,255,255,.18);color:#ffd766;font:800 14px/1 var(--mono);border-radius:6px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.rts-cam-pad>button:active{background:#ffd7662e;transform:scale(.94)}.rts-cam-up{grid-column:2;grid-row:1}.rts-cam-left{grid-column:1;grid-row:2}.rts-cam-right{grid-column:3;grid-row:2}.rts-cam-down{grid-column:2;grid-row:3}@media (min-width: 900px) and (pointer: fine){.rts-cam-pad{display:none}}.rts-hint-list{margin:6px 0 8px;padding-left:20px;text-align:left;font-size:12px}.rts-hint-list li{margin:4px 0}.rts-hint-list strong{color:#ffd766}.rts-hint-list em{color:#9bd0ff;font-style:normal}.rts-build-btn{font-size:14px;padding:9px 16px;position:relative}.rts-build-btn:not(.active){animation:rts-build-pulse 2s ease-in-out infinite}@keyframes rts-build-pulse{0%,to{box-shadow:0 0 #ffd76600}50%{box-shadow:0 0 0 4px #ffd76640}}.rts-build-menu{border-color:#ffd76666}.rts-build-menu .rts-recruit-head{color:#ffd766}.rts-unit{width:28px;height:28px}.rts-unit-body{border-width:2px}.rts-unit-icon svg{width:18px;height:18px}.rts-node-glyph{font-size:22px}.rts-node{width:28px}.rts-building-body svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.rts-recruit-menu{z-index:60}.tetris-canvas,.pacman-canvas,.platformer-canvas,.pool-canvas,.td-canvas,.strike-canvas,.worms-canvas,.chess-canvas,.arena-canvas{max-width:100%;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.game-body canvas{max-width:100%;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}@media (max-width: 600px){.game-body{padding:0!important}.game-head{padding:8px 12px;gap:8px}.game-title{font-size:10px;letter-spacing:.1em}.game-stats{display:none}.game-head button{padding:5px 10px;font-size:11px}}.worms-body{padding:0!important;background:radial-gradient(ellipse at 50% 34%,rgba(255,122,40,.12),transparent 62%),linear-gradient(180deg,#11131b,#07080e)!important}.worms-canvas{display:block;width:100%;height:auto}.pool-canvas{display:block;max-height:70vh}.td-canvas,.strike-canvas{display:block;max-height:75vh}@media (max-width: 640px){.page-home{padding:14px 12px 64px}.home-head{flex-wrap:wrap;gap:10px 12px;padding:12px 14px;top:8px;margin-bottom:18px}.home-account{flex:1 1 100%;gap:8px}.home-account-text{flex:1 1 auto;min-width:0}.home-name{font-size:12.5px}.home-steamid{display:none}.home-signout{padding:8px 11px;font-size:12px}.hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:22px 18px;margin:4px 0 22px}.hero:after{display:none}.hero-core{width:104px;height:104px}.hero-orb{width:72px;height:72px}.hero-title{font-size:25px}.hero-sub{font-size:13.5px;margin-bottom:16px}.hero-stats{justify-content:center}.section-head h2{font-size:18px}.game-tile{padding:14px}.leader-layout{grid-template-columns:1fr;gap:12px}.leader-game-list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}.leader-game-list button{flex:0 0 auto;white-space:nowrap;border-left-width:3px}.hs-list li{grid-template-columns:32px 28px minmax(0,1fr) auto;gap:8px;padding:8px 9px}.hs-sid{display:none}.hs-rank,.hs-score{font-size:13px}.page-login,.page-mode,.page-join,.page-host,.page-lobby{padding:16px 12px}.login-card{padding:26px 20px}.login-card h1{font-size:28px}.lead{font-size:14px}.mode-card{padding:22px 18px}.mode-title{font-size:24px}.mode-tile{padding:18px 14px}.join-card,.host-card,.lobby-card{padding:22px 18px}.code-input{font-size:24px;letter-spacing:.2em}.lobby-code{font-size:22px}}.audio-toggle{position:fixed;left:14px;bottom:14px;z-index:9000;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-dim);background:color-mix(in srgb,var(--surface-1) 86%,transparent);border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease-spring),box-shadow .18s var(--ease);opacity:.7}.audio-toggle:hover{opacity:1;color:var(--pulse-hot);border-color:color-mix(in srgb,var(--pulse-hot) 50%,var(--line));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 22px #00000073,0 0 0 1px var(--pulse-glow)}.audio-toggle:active{transform:translateY(0) scale(.94)}@media (max-width: 640px){.audio-toggle{width:34px;height:34px;left:10px;bottom:10px}}@keyframes tileIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tile-grid .game-tile{animation:tileIn .5s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 45ms)}.game-tile{background-clip:padding-box}.game-tile .tile-icon{transition:transform .22s var(--ease-spring),box-shadow .22s var(--ease),color .18s var(--ease)}.game-tile:hover .tile-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 45%,transparent)}.game-tile:hover .tile-cta{transform:translate(3px)}.game-tile .tile-cta{transition:color .18s var(--ease),transform .18s var(--ease-spring)}.game-tile:active{transform:translateY(1px) scale(.985)}.primary-btn,.secondary-btn,.steam-btn,.mode-tile,.quick-join-btn,.home-signout,.back-btn,.hs-primary,.hs-secondary{transition:transform .16s var(--ease-spring),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.primary-btn:active,.secondary-btn:active,.steam-btn:active,.mode-tile:active,.quick-join-btn:active,.home-signout:active,.back-btn:active,.hs-primary:active,.hs-secondary:active{transform:scale(.96)}.mode-tile:hover{transform:translateY(-3px)}.mode-tile:active{transform:translateY(0) scale(.97)}.hs-banner{animation:hsBannerIn .55s var(--ease-spring) both}@keyframes hsBannerIn{0%{opacity:0;transform:translateY(-16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.hs-score-value{animation:hsScorePop .6s var(--ease-spring) .15s both}@keyframes hsScorePop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.hs-list li{animation:hsRowIn .4s var(--ease) both}.hs-list li:nth-child(1){animation-delay:.05s}.hs-list li:nth-child(2){animation-delay:.1s}.hs-list li:nth-child(3){animation-delay:.15s}.hs-list li:nth-child(n+4){animation-delay:.2s}@keyframes hsRowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.tile-grid .game-tile,.hs-banner,.hs-score-value,.hs-list li{animation:none}.audio-toggle,.game-tile,.game-tile .tile-icon,.mode-tile,.primary-btn,.secondary-btn,.steam-btn{transition:none}}