:root{--color-bg: #0f172a;--color-bg-deep: #0a0f1e;--color-bg-midnight: #0f172a;--color-bg-violet: #1e1b4b;--color-bg-surface: rgba(15, 23, 42, .8);--color-bg-overlay: rgba(15, 23, 42, .9);--color-bg-elevated: rgba(30, 41, 59, .9);--color-bg-card: rgba(15, 23, 42, .9);--color-bg-card-hover: rgba(30, 64, 175, .9);--color-primary: #22d3ee;--color-primary-hover: #06b6d4;--color-primary-glow: rgba(34, 211, 238, .5);--color-accent: #818cf8;--color-accent-glow: rgba(129, 140, 248, .45);--neon-cyan: #22d3ee;--neon-magenta: #e879f9;--neon-yellow: #fde047;--neon-green: #4ade80;--text-main: #f8fafc;--text-muted: #94a3b8;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-dim: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .18);--color-accent-muted: rgba(34, 211, 238, .22);--color-danger: #f43f5e;--color-danger-pulse: rgba(244, 63, 94, .4);--color-success: #22c55e;--glass-blur: blur(14px);--glass-blur-strong: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .2);--glass-bg: rgba(255, 255, 255, .2);--shadow-glow: 0 0 24px rgba(34, 211, 238, .18);--shadow-glow-accent: 0 0 24px rgba(129, 140, 248, .2);--shadow-card: 0 12px 40px -12px rgba(0, 0, 0, .55);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 36px rgba(0, 0, 0, .35);--shadow-danger-pulse: 0 0 60px var(--color-danger-pulse);--font-display: "Orbitron", var(--font-sans);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-pixel: "Press Start 2P", cursive;--font-mono: ui-monospace, monospace;--retro-sidebar-bg: #f5e6c8;--retro-border-dark: #333;--retro-border-light: #ccc;--retro-panel-bg: #fff;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--ease-out: cubic-bezier(.33, 1, .68, 1);--transition-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);--animation-breathe: breathe 3s ease-in-out infinite}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border)}.glass-strong{background:#ffffff14;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:var(--glass-border)}.font-display{font-family:var(--font-display)}.danger-zone{box-shadow:inset 0 0 80px var(--color-danger-pulse);animation:danger-pulse 1.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.85}}@keyframes danger-pulse{0%,to{opacity:.6}50%{opacity:1}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}html,body{height:100%;margin:0}body{min-height:100vh;font-family:var(--font-display);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--color-bg-deep);color:var(--text-main);background-image:radial-gradient(ellipse 120% 100% at 50% 0%,var(--color-bg-midnight) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 80% 80%,var(--color-bg-violet) 0%,transparent 50%),radial-gradient(circle at 20% 30%,rgba(34,211,238,.12) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgba(129,140,248,.12) 0%,transparent 35%)}#root{min-height:100vh;height:100%}#vanta-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;opacity:.2}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;pointer-events:none}.toggle-switch{position:relative;width:44px;height:24px;background:#ffffff1a;border-radius:99px;cursor:pointer;transition:.3s;border:1px solid rgba(255,255,255,.2)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.3s cubic-bezier(.4,0,.2,1)}input:checked+.toggle-switch{background:var(--color-primary);border-color:var(--color-primary)}input:checked+.toggle-switch:after{transform:translate(20px)}.slider-track{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin:10px 0}.slider-track::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080;transition:.2s}.slider-track::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--color-primary)}.tech-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.tech-badge.active{border-color:var(--color-primary);color:var(--color-primary);background:#22d3ee1a}.kbd-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;font-weight:700;color:#eee}.icon-sm{width:16px;height:16px;fill:currentColor}.icon-md{width:24px;height:24px;fill:currentColor}.icon-lg{width:48px;height:48px;fill:currentColor}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{scroll-behavior:smooth}.homepage{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative;overflow:hidden}.homepage__vanta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.homepage__nav,.homepage__bottom{flex-shrink:0;z-index:10}.homepage__nav{position:relative;padding:var(--space-4) var(--space-6)}.homepage__nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.homepage__logo{display:flex;align-items:center;gap:var(--space-3)}.homepage__logo-icon{display:block;height:40px;width:auto;object-fit:contain}.homepage__logo-text{font-family:var(--font-display);font-weight:var(--font-bold);font-size:1.25rem;color:var(--color-text)}.homepage__nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.homepage__nav-link{background:none;border:none;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color .2s,background .2s}.homepage__nav-link:hover{color:var(--color-primary);background:#ffffff0f}.homepage__main{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;height:auto;min-height:0;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:5}.homepage__hero{flex:1;max-width:550px;text-align:left;margin-right:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1}.homepage__tagline{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.2em;color:var(--color-primary);margin:0 0 var(--space-4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.8}}.homepage__desc{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--space-6);max-width:28rem}@media (min-width: 768px){.homepage__desc{margin-left:0;margin-right:0}}.homepage__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media (min-width: 768px){.homepage__actions{justify-content:flex-start}}.homepage__btn-play{min-width:11rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 0 20px #22d3ee66;transition:transform .2s ease,box-shadow .2s ease}.homepage__btn-play:hover{transform:scale(1.05);box-shadow:var(--shadow-glow),0 0 28px var(--color-primary-glow)}.homepage__btn-secondary{border:1px solid rgba(255,255,255,.2);background:transparent}.homepage__btn-secondary:hover{border-color:#ffffff80;background:#ffffff14}.homepage__cta{background:linear-gradient(to right,#2563eb,var(--color-primary));color:#fff;box-shadow:0 0 20px #06b6d480;border:none}.homepage__cta:hover{box-shadow:0 0 30px #06b6d4cc;transform:scale(1.05)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:.02em;margin:0 0 var(--space-4);line-height:1.1}.hero-title--split .hero-title__char{opacity:0;transform:translateY(100px) scale(.5);animation:hero-char-in .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.05s * var(--char-index, 0));display:inline-block;text-shadow:0 0 20px rgba(34,211,238,.5)}@keyframes hero-char-in{to{opacity:1;transform:translateY(0) scale(1)}}.hero-content{max-width:640px}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(34,211,238,.3))}.version-tag{font-size:.2em;background:#ffffff1a;padding:4px 8px;border-radius:99px;vertical-align:super;margin-left:10px;color:var(--color-primary);border:1px solid rgba(34,211,238,.3);-webkit-text-fill-color:initial}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);margin:0 auto var(--space-12);max-width:600px;line-height:1.5}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.btn-play{min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 0 30px #22d3ee66;transition:transform .2s var(--transition-spring)}.btn-play:hover{transform:scale(1.05);box-shadow:var(--shadow-glow),0 0 40px var(--color-primary-glow)}.secondary-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.homepage__card{width:360px;height:500px;flex-shrink:0;perspective:1000px;transform-style:preserve-3d;border-radius:20px;transition:transform .1s ease-out}.homepage__card-inner{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}.glass-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.homepage__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(30,58,138,.4),transparent 50%,#000);pointer-events:none}.homepage__card-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.homepage__card-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.homepage__card-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#fff9;font-family:var(--font-display);font-size:1.25rem}.homepage__card-icon{font-size:4rem;opacity:.8}.homepage__card-footer{position:absolute;bottom:var(--space-6);left:var(--space-6);right:var(--space-6)}.homepage__card-footer-label{display:block;font-size:.75rem;font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.homepage__card-footer-title{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-text)}.homepage__card-bar{height:4px;width:100%;background:#fff3;border-radius:999px;overflow:hidden;margin-top:var(--space-3)}.homepage__card-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;box-shadow:0 0 10px #22d3eecc;transition:width .3s ease}.homepage__card-bar-labels{display:flex;justify-content:space-between;font-size:.625rem;color:var(--color-text-muted);margin-top:var(--space-1)}.homepage__bottom{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding:var(--space-4)}@media (max-width: 900px){.homepage__main{flex-direction:column;justify-content:center;padding-top:20px}.homepage__hero{margin-right:0;margin-bottom:40px;text-align:center;align-items:center}.homepage__actions{justify-content:center}}@media (orientation: portrait) and (max-width: 900px){.homepage:after{content:"Please rotate your device 🔄";position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#22d3ee;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-family:var(--font-display)}}.level-select-page{max-width:1400px;margin:0 auto;padding:var(--space-6);min-height:100vh;display:flex;flex-direction:column;width:100%}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-12);flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border)}.page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);animation:fadeIn .5s ease-out}.level-card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:0;text-align:left;cursor:pointer;transition:all .3s var(--transition-spring);overflow:hidden;display:flex;flex-direction:column;min-height:200px;color:inherit;font:inherit}.level-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card);border-color:var(--theme-color, var(--color-primary))}.level-card__visual{height:100px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:60px;height:60px;background:var(--theme-color, var(--color-primary));filter:blur(40px);opacity:.4;border-radius:50%;transition:opacity .3s}.level-card:hover .visual-glow{opacity:.8}.level-icon{width:32px;height:32px;fill:#fff;z-index:1}.level-advanced{margin-top:var(--space-8)}.level-advanced__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.level-advanced__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.level-advanced__card{position:relative;text-align:left;background:#ffffff1f;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.18);cursor:default;overflow:hidden}.level-advanced__card:disabled{opacity:.85}.level-advanced__icon-wrap{position:absolute;right:-10px;top:-10px;opacity:.2}.level-advanced__name{margin:0;font-size:1.1rem}.level-advanced__desc{font-size:.8rem;color:gray;margin-top:5px}.level-advanced__badge{margin-top:10px;font-size:.6rem}.level-card__content{padding:var(--space-5);flex:1;display:flex;flex-direction:column}.level-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2);color:var(--text-main)}.level-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0 0 var(--space-4);flex:1}.level-meta{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-3);display:flex;justify-content:space-between;align-items:center}.difficulty-tag{color:var(--theme-color, var(--color-primary));letter-spacing:2px;font-size:var(--text-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.key-hints{padding:var(--space-3);background:#0006;border-radius:var(--radius-md);border:1px solid var(--color-border)}.key-hints__title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted)}.key-hints__list{list-style:none;margin:0;padding:0}.key-hints__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1)}.key-hints__item:last-child{margin-bottom:0}.key-hints__kbd{padding:2px 6px;font-size:var(--text-xs);font-family:var(--font-display);background:#ffffff26;border-radius:var(--radius-sm);min-width:28px;text-align:center}.clear-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.clear-particles__dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--neon-cyan, var(--color-primary));box-shadow:0 0 12px var(--color-primary-glow);--dx: 0;--dy: 0;animation:particle-burst-xy .5s ease-out forwards;animation-delay:var(--delay, 0ms)}@keyframes particle-burst-xy{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.next-piece-preview{background:var(--retro-panel-bg, #fff);border:3px solid var(--retro-border-dark, #333);padding:6px;box-shadow:inset 0 0 0 1px var(--retro-border-light, #ccc)}.next-piece-preview__grid{display:grid;gap:0;width:fit-content;margin:0 auto}.next-piece-preview__cell{width:10px;height:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,.15)}.next-piece-preview__cell[style*=background]{filter:brightness(1.2);border-color:#fffc;box-shadow:0 0 2px #0006,0 0 6px #ffffffb3}.next-piece-preview__cell:not([style*=background]){background:transparent}.game-screen{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100vh;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.game-screen--retro .game-screen__main{flex:1;display:flex;flex-direction:row;min-height:0}.game-screen__game{flex:1;min-width:0;display:flex;flex-direction:column;background:#111827}.game-screen__game-bar{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#1f2937;border-bottom:3px solid #374151;font-family:var(--font-display)}.game-screen__pause-btn--retro{font-family:var(--font-display);font-size:10px;padding:4px 8px;background:#e5e7eb;color:#111827;border:2px solid #4b5563;box-shadow:2px 2px #00000059}.game-screen__level--retro{font-size:10px;color:#999}.game-screen__sidebar{width:220px;flex-shrink:0;background-color:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-left:4px solid #d1d5db;display:flex;flex-direction:column;padding:var(--space-4);font-family:var(--font-display)}.game-screen__sidebar-inner{display:flex;flex-direction:column;gap:var(--space-4)}.game-screen__next-box{background:#fff;border:3px solid #000;padding:var(--space-3);box-shadow:4px 4px #0003}.game-screen__next-label{font-size:10px;color:#4b5563;margin-bottom:var(--space-2);text-align:center;font-weight:700}.game-screen__retro-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#fff;border:2px solid #000;box-shadow:4px 4px #0003}.game-screen__retro-label{font-size:10px;color:#6b7280;font-weight:700}.game-screen__retro-value{font-size:12px;color:#000;font-weight:900}.game-screen__retro-value--combo{color:#0a0}.game-screen__status-bar{display:flex;gap:4px;margin-top:auto;padding-top:var(--space-3)}.game-screen__status-dot{width:14px;height:14px;background:#222;border:1px solid #444}.game-screen__status-dot.is-active{background:#0a0;box-shadow:0 0 6px #0f0}.game-screen--retro .physics-panel-hint{display:none}.game-screen--retro .game-screen__canvas-wrap{align-items:stretch;justify-content:stretch}.game-screen--retro .physics-panel-wrap{width:100%;max-width:100%;height:100%;margin:0;padding:6px;background:#000;border:4px solid var(--retro-border-dark, #333);box-shadow:inset 0 0 0 2px var(--retro-border-light, #ccc)}.game-screen--retro .physics-canvas{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;border:none;box-shadow:none;image-rendering:pixelated}.game-screen__hud{flex-shrink:0;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--glass-bg);border-bottom:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.game-screen__score{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--hud-accent, var(--color-primary))}.game-screen__level{font-size:var(--text-base);color:var(--color-text-muted)}.game-screen__pause-btn{margin-left:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,border-color .2s}.game-screen__lang{flex-shrink:0}.game-screen__pause-btn:hover{background:#ffffff26;border-color:var(--color-border-strong)}.game-screen__canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--color-bg-deep);position:relative;transition:box-shadow .3s ease}.game-screen__canvas-wrap--shake{animation:game-screen-shake .2s ease-out}.game-screen__canvas-wrap--danger{box-shadow:inset 0 0 80px var(--color-danger-pulse);animation:danger-pulse 1.2s ease-in-out infinite}.game-screen__particles{position:absolute;top:0;right:0;bottom:0;left:0}.game-screen__score--combo{color:var(--combo-color, var(--neon-yellow));transform:scale(1.08);transition:color .15s,transform .15s}.game-screen__combo{font-weight:var(--font-bold);margin-left:var(--space-1)}@keyframes game-screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,3px)}80%{transform:translate(2px,-1px)}}.game-screen__canvas-wrap canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.game-screen__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10;padding:var(--space-6)}.game-screen__pause-menu{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:380px;width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.game-screen__pause-title{margin:0 0 var(--space-5);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-align:center}.game-screen__pause-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.game-screen__pause-actions .btn{width:100%}.game-screen__bottom{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-4);border-top:var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.game-screen__bottom .btn--secondary{background:#ffffffe6;color:#111827;border-color:#0f172a33;box-shadow:0 6px 18px #0f172a66}.game-screen__bottom .btn--secondary:hover{background:#fff;border-color:#0f172a66}.end-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:end-screen-fade-in .25s ease-out}.end-screen__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(148,163,184,.16),transparent 55%),radial-gradient(circle at 80% 25%,rgba(249,250,251,.12),transparent 55%),radial-gradient(circle at 30% 80%,rgba(148,163,184,.18),transparent 55%),radial-gradient(circle at 75% 75%,rgba(15,23,42,.7),transparent 60%),#030712e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:0}.end-screen__card{position:relative;z-index:1;width:100%;max-width:min(900px,96vw);display:flex;flex-direction:row;background:var(--color-bg-overlay);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),0 0 40px #f43f5e2e;overflow:hidden;animation:end-screen-slide-up .35s cubic-bezier(.16,1,.3,1)}.end-screen__left{flex:3;min-width:0;display:flex;flex-direction:column}.end-screen__right{flex:2;min-width:260px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top,rgba(15,23,42,.9),transparent 65%)}.end-screen__header{padding:40px 40px 20px;text-align:center;background:linear-gradient(to bottom,rgba(244,63,94,.16),transparent)}.end-screen__title{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.4rem);font-weight:var(--font-extrabold);letter-spacing:.28em;text-transform:uppercase;color:var(--text-main);text-shadow:0 0 18px var(--color-danger-pulse),0 0 32px rgba(0,0,0,.9)}.end-screen__decoration-line{width:64px;height:3px;margin:12px auto 0;border-radius:999px;background:var(--color-danger);box-shadow:0 0 16px var(--color-danger-pulse)}.end-screen__content{padding:16px 40px 24px;display:flex;flex-direction:column;gap:28px}.end-screen__score-box{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:var(--radius-lg);background:#0f172abf;border:1px solid rgba(148,163,184,.45);box-shadow:0 0 0 1px #0f172acc,0 18px 40px #0f172acc}.end-screen__score-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.24em;color:var(--color-text-muted);margin-bottom:6px}.end-screen__score-value{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,3.6rem);font-weight:var(--font-bold);color:var(--color-primary);text-shadow:0 0 26px var(--color-primary-glow),0 0 40px rgba(0,0,0,.9);line-height:1}.end-screen__stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;opacity:.9}.end-screen__stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:#0f172acc;border:1px solid rgba(148,163,184,.3)}.end-screen__stat-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.end-screen__stat-value{font-family:var(--font-display);font-size:1.1rem;color:var(--text-main)}.end-screen__stat-value--danger{color:var(--color-danger)}.end-screen__footer{padding:24px 40px 32px;display:flex;flex-direction:column;gap:16px}.end-screen__btn-restart{width:100%;height:56px;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;font-weight:var(--font-semibold);background:linear-gradient(90deg,var(--color-danger),#e11d48);box-shadow:0 0 20px #f43f5e80,0 18px 40px #0f172ae6;border:none}.end-screen__btn-restart:hover{transform:translateY(-1px);box-shadow:0 0 28px #f43f5ed9,0 22px 48px #0f172af2}.end-screen__secondary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.end-screen__secondary-actions .btn{flex:1 1 140px;min-width:120px;border-color:#94a3b866;color:var(--color-text-muted)}.end-screen__secondary-actions .btn:hover{background:#94a3b826;color:var(--text-main)}@keyframes end-screen-fade-in{0%{opacity:0}to{opacity:1}}@keyframes end-screen-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.end-screen{padding:var(--space-4)}.end-screen__content,.end-screen__footer{padding-inline:var(--space-4)}}@media (max-width: 800px){.end-screen__card{flex-direction:column;max-width:480px}.end-screen__right{min-width:0;border-left:none;border-top:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at center,rgba(15,23,42,.9),transparent 70%)}}.user-profile{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.user-profile__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(34,211,238,.08),transparent 55%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 50%,var(--color-bg-overlay) 100%);pointer-events:none;z-index:0}.user-profile__header{position:relative;z-index:1;width:100%;max-width:1200px;margin:24px auto 16px;padding:var(--space-4) var(--space-4);border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);text-align:left}.user-profile__header .user-profile__lang{position:absolute;top:var(--space-3);right:var(--space-4)}.user-profile__title{margin:0 0 var(--space-1);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:var(--font-bold);color:var(--color-text)}.user-profile__subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.user-profile__lang{flex-shrink:0}.user-profile__main{position:relative;z-index:1;flex:1;display:flex;width:100%;max-width:1200px;margin:0 auto;padding:0 24px 24px;gap:24px;min-height:0;overflow:hidden}.user-profile__column{display:flex;flex-direction:column;gap:16px;min-height:0}.user-profile__column--left{width:360px;flex-shrink:0}.user-profile__column--right{flex:1;min-width:0;overflow:auto}.user-profile__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl)}.user-profile__avatar{flex-shrink:0;width:100px;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid #22d3ee;box-shadow:0 0 10px #22d3ee80,0 0 20px #818cf84d,inset 0 0 15px #22d3ee3d;background:linear-gradient(135deg,#0f172a,#1e293b)}.user-profile__avatar-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:contrast(1.2) saturate(1.3)}.user-profile__avatar-scan-line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(34,211,238,.12) 50%,transparent 100%);background-size:100% 4px;animation:user-profile-scan 2s linear infinite;pointer-events:none}.user-profile__avatar-glitch{position:absolute;top:0;right:0;bottom:0;left:0;background:#a855f70a;animation:user-profile-glitch 8s ease-in-out infinite;pointer-events:none}@keyframes user-profile-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes user-profile-glitch{0%,45%,to{opacity:0;transform:translate(0)}50%{opacity:.3;transform:translate(1px)}55%{opacity:0;transform:translate(-1px)}}.user-profile__card-main{width:100%;text-align:center}.user-profile__nickname-row{margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.user-profile__nickname-row .user-profile__row{flex-wrap:wrap;justify-content:center}.user-profile__input--card{font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center}.user-profile__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.user-profile__meta-item{font-size:var(--text-sm);color:var(--color-text-muted);padding:4px 10px;background:var(--color-bg-card);border-radius:var(--radius-sm)}.user-profile__avatar-options{display:flex;flex-wrap:wrap;gap:10px}.user-profile__avatar-option{width:56px;height:56px;padding:0;border-radius:8px;border:1px solid rgba(148,163,184,.6);background:transparent;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s,transform .2s}.user-profile__avatar-option:hover{transform:translateY(-1px);border-color:var(--color-primary);box-shadow:0 0 10px #22d3ee80}.user-profile__avatar-option.is-active{border-color:var(--color-primary);box-shadow:0 0 8px #22d3eecc,0 0 16px #818cf880}.user-profile__avatar-option-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.user-profile__section{width:100%}.user-profile__section--compact{margin-bottom:0}.user-profile__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);margin:0 0 var(--space-2)}.user-profile__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.user-profile__section-head .user-profile__label{margin:0}.user-profile__link{flex-shrink:0}.user-profile__id-toggle{display:block;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:color .2s}.user-profile__id-toggle:hover{color:var(--color-text)}.user-profile__row{display:flex;gap:var(--space-3);align-items:center}.user-profile__id-row{flex-wrap:wrap}.user-profile__id{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);word-break:break-all}.user-profile__copy-btn{flex-shrink:0}.user-profile__input{flex:1;min-width:0;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.user-profile__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.user-profile__input::placeholder{color:var(--color-text-dim)}.user-profile__btn-save{flex-shrink:0}.user-profile__stats-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.user-profile__stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.user-profile__stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.user-profile__stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.user-profile__empty{margin:0;padding:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center}.user-profile__achievements{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.user-profile__achievement{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.user-profile__achievement-icon{font-size:1.5rem;flex-shrink:0}.user-profile__achievement-text{display:flex;flex-direction:column;gap:2px;min-width:0}.user-profile__achievement-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.user-profile__achievement-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.user-profile__scores{list-style:none;margin:0;padding:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.user-profile__score-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.user-profile__score-item:last-child{border-bottom:none}.user-profile__score-name{font-size:.9rem}.user-profile__score-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.profile-radar{margin:0;padding:var(--space-4);display:flex;justify-content:center}.profile-radar__svg{width:100%;max-width:220px;height:auto;color:var(--color-text-muted)}.profile-radar__label{font-size:9px;fill:currentColor;opacity:.9}.profile-heatmap{margin:0;padding:var(--space-3);overflow-x:auto}.profile-heatmap__grid{display:grid;grid-template-columns:repeat(53,1fr);gap:2px;max-width:100%;margin:0 auto}.profile-heatmap__cell{aspect-ratio:1;min-width:0;border-radius:2px;background:rgba(34,211,238,calc(.12 + .5 * var(--intensity, 0)));transition:background .15s}.user-profile__footer{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto 16px;padding-top:8px;display:flex;flex-direction:row;gap:var(--space-3);align-items:center;justify-content:flex-end}.user-profile__footer .btn{min-width:160px}.settings-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:var(--space-8) var(--space-6)}.settings-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-overlay) 100%);pointer-events:none}.settings-page__main{position:relative;z-index:1;flex:1;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-8);width:100%;max-width:1200px;margin:0 auto}.settings-page__sidebar{width:280px;max-width:35%;display:flex;flex-direction:column;gap:var(--space-4)}.settings-page__header{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border)}.settings-page__title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.settings-page__lang{flex-shrink:0}.settings-page__section{position:relative;z-index:1;width:100%;margin-bottom:var(--space-6)}.settings-page__label{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.settings-page__row{display:block;padding:var(--space-3) 0;color:var(--color-text);font-size:var(--text-base)}.settings-page__switch-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.settings-page__checkbox{width:20px;height:20px;accent-color:var(--color-accent)}.settings-page__difficulty{display:flex;gap:var(--space-2)}.settings-page__diff-btn{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.settings-page__diff-btn:hover{background:#ffffff1a;color:var(--color-text)}.settings-page__diff-btn.is-active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-text)}.settings-page__desc{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.settings-page__links{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.settings-page__link{margin-top:0}.settings-page__footer{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-6)}@media (max-width: 768px){.settings-page__main{flex-direction:column;gap:var(--space-4)}.settings-page__sidebar{width:100%;max-width:100%}}.leaderboard-page{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100vh;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.leaderboard-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-overlay) 100%);pointer-events:none}.leaderboard-page__header{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-bottom:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.leaderboard-page__header-left{display:flex;align-items:center;gap:var(--space-3)}.leaderboard-page__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.leaderboard-page__subtitle{display:none}.leaderboard-page__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-left:var(--space-2)}.leaderboard-page__tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.leaderboard-page__tab:hover{color:var(--color-text);background:#ffffff1a}.leaderboard-page__tab.is-active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-text)}.leaderboard-page__main{position:relative;z-index:1;flex:1;display:flex;flex-direction:row;gap:var(--space-4);padding:var(--space-4);min-height:0}.leaderboard-page__summary{width:280px;flex-shrink:0}.leaderboard-page__table-wrap{flex:1;min-width:0;min-height:0;overflow:auto}.leaderboard-summary-card{text-align:center;padding:32px 20px;background:#0a0a0a99;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0006}.leaderboard-summary__subtitle{text-transform:uppercase;font-size:.8rem;color:#888;letter-spacing:.12em}.leaderboard-summary__rank{font-size:3rem;font-family:var(--font-display);color:var(--color-primary);line-height:1;margin:16px 0;text-shadow:0 0 20px rgba(34,211,238,.3)}.leaderboard-summary__badge{font-size:.9rem;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center}.leaderboard-summary__footer{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.leaderboard-summary__label{color:#aaa;font-size:.8rem}.leaderboard-summary__value{font-family:var(--font-display);font-size:1.2rem;color:#fff}.leaderboard-page__empty{margin:var(--space-8) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-base)}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:10px}.leaderboard-table th{text-align:left;padding:10px 20px;font-family:var(--font-display);font-size:.75rem;color:#fff6;letter-spacing:1px;text-transform:uppercase}.leaderboard-row{background:#14141499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;cursor:default}.leaderboard-row td{padding:18px 20px;color:#eee;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-row td:first-child{border-radius:8px 0 0 8px;border-left:1px solid rgba(255,255,255,.05)}.leaderboard-row td:last-child{border-radius:0 8px 8px 0;border-right:1px solid rgba(255,255,255,.05)}.leaderboard-row:hover{transform:scale(1.01);background:#282828cc}.rank-num{font-weight:var(--font-bold);color:#ccc}.leaderboard-player-name{font-weight:var(--font-semibold)}.font-mono{font-family:var(--font-display);letter-spacing:-.5px;opacity:.8}.font-score{font-family:var(--font-display);font-weight:700;letter-spacing:1px}.rank-1 td{background:linear-gradient(90deg,#ffd7001a,#0000);border-color:#ffd7004d;color:#fff}.rank-1 .rank-num{color:gold;font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-2 td{background:linear-gradient(90deg,#c0c0c014,#0000);border-color:#c0c0c033}.rank-2 .rank-num{color:#e0e0e0;font-size:1.1rem}.rank-3 td{background:linear-gradient(90deg,#cd7f3214,#0000);border-color:#cd7f3233}.rank-3 .rank-num{color:#cd7f32;font-size:1.1rem}.leaderboard-page__footer{position:relative;z-index:1;flex-shrink:0;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center;padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-top:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.online-lobby{position:relative;min-height:100vh;min-width:100%;display:flex;flex-direction:column;padding:0;overflow-x:hidden;overflow-y:auto}.online-lobby__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(129,140,248,.12),transparent 55%),radial-gradient(ellipse 50% 60% at 80% 60%,rgba(34,211,238,.06),transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 50%,var(--color-bg-overlay) 100%);pointer-events:none}.online-lobby__topbar{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.online-lobby__back{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.online-lobby__back:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff2e}.online-lobby__topbar-text{min-width:0}.online-lobby__title{margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-bold);color:var(--color-text);line-height:1.2}.online-lobby__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.online-lobby__main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);min-height:0}.online-lobby__menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);width:100%;max-width:560px}.online-lobby__menu-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.online-lobby__menu-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040;border-color:#22d3ee59}.online-lobby__menu-card:active{transform:translateY(-2px)}.online-lobby__menu-icon{font-size:2.5rem;line-height:1;opacity:.9}.online-lobby__menu-card-title{font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-text)}.online-lobby__menu-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.online-lobby__menu-card--create:hover{border-color:#22d3ee66;box-shadow:0 12px 40px #00000040,0 0 24px #22d3ee14}.online-lobby__menu-card--join:hover{border-color:#818cf866;box-shadow:0 12px 40px #00000040,0 0 24px #818cf814}.online-lobby__panel{width:100%;max-width:400px;padding:var(--space-6) var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003}.online-lobby__heading{display:block;margin:0 0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);letter-spacing:.02em}.online-lobby__level-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.online-lobby__level-item{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.online-lobby__level-item:hover{border-color:#ffffff40;background:#ffffff14}.online-lobby__level-item.is-selected{border-color:var(--accent, var(--color-primary));background:#22d3ee1f;box-shadow:0 0 0 2px #22d3ee33}.online-lobby__panel--join{max-width:360px}.online-lobby__code-input{width:100%;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);font-size:1.5rem;font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;text-align:center;color:var(--color-text);background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.online-lobby__code-input::placeholder{color:var(--color-text-dim)}.online-lobby__code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #22d3ee33}.online-lobby__panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.online-lobby__error{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-danger)}.online-lobby--room .online-lobby__main{align-items:stretch;padding:var(--space-6)}.online-lobby__panel--room{max-width:640px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:var(--space-6);align-items:start}@media (min-width: 600px){.online-lobby__panel--room{grid-template-areas:"info    players" "info    players" "footer  footer"}.online-lobby__room-info{grid-area:info}.online-lobby__room-players{grid-area:players}.online-lobby__room-footer{grid-area:footer;grid-column:1 / -1}}@media (max-width: 599px){.online-lobby__panel--room{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.online-lobby__room-info{display:flex;flex-direction:column;gap:var(--space-3)}.online-lobby__room-level{font-size:var(--text-base);font-weight:var(--font-semibold)}.online-lobby__room-code-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.online-lobby__room-code-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.online-lobby__room-code{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.15em;padding:var(--space-2) var(--space-3);background:#ffffff14;border-radius:var(--radius-sm);color:var(--color-primary);border:1px solid rgba(255,255,255,.1)}.online-lobby__share-btn{align-self:flex-start}.online-lobby__room-players{min-height:120px}.online-lobby__room-players .online-lobby__heading{margin-bottom:var(--space-2)}.online-lobby__player-list{list-style:none;margin:0;padding:var(--space-3);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);max-height:220px;overflow-y:auto}.online-lobby__player-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text)}.online-lobby__player-item+.online-lobby__player-item{border-top:1px solid rgba(255,255,255,.06)}.online-lobby__player-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;opacity:.9}.online-lobby__player-name{flex:1;min-width:0}.online-lobby__player-badge{font-size:var(--text-xs);color:var(--color-text-muted);padding:2px 8px;background:#22d3ee26;border-radius:99px}.online-lobby__room-footer{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.online-lobby__start-btn{min-width:180px;box-shadow:0 0 20px #22d3ee4d}.online-lobby__room-secondary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}@media (max-width: 480px){.online-lobby__room-footer{flex-direction:column;align-items:stretch}.online-lobby__start-btn{width:100%}.online-lobby__room-secondary{margin-left:0;justify-content:center}}.room-result{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);overflow:hidden}.room-result__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 30% at 50% 0%,rgba(34,211,238,.06),transparent),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 60%,var(--color-bg-overlay) 100%);pointer-events:none}.room-result__header{position:relative;z-index:1;text-align:center;margin-bottom:var(--space-6)}.room-result__title{margin:0 0 var(--space-2);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-text)}.room-result__level{margin:0;font-size:var(--text-base);font-weight:var(--font-medium)}.room-result__card{position:relative;z-index:1;width:100%;max-width:400px;padding:var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.room-result__ranking-title{margin:0 0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.room-result__list{list-style:none;margin:0 0 var(--space-4);padding:0}.room-result__item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-base)}.room-result__item:last-child{border-bottom:none}.room-result__rank{font-weight:var(--font-bold);color:var(--color-primary)}.room-result__name{color:var(--color-text)}.room-result__score{font-weight:var(--font-semibold);color:var(--color-text)}.room-result__my-score{margin:0;padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.room-result__my-score strong{color:var(--color-primary)}.room-result__empty{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.room-result__loading,.room-result__error{position:relative;z-index:1;margin:var(--space-6);color:var(--color-text-muted)}.room-result__error{color:var(--color-danger);margin-bottom:var(--space-3)}.room-result__footer{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.help-page{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;padding:var(--space-4) var(--space-6);overflow:hidden}.help-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 25% at 50% 0%,rgba(34,211,238,.06),transparent),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 70%,var(--color-bg-overlay) 100%);pointer-events:none}.help-page__header{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto var(--space-4);text-align:left}.help-page__header .help-page__lang{position:absolute;top:0;right:0}.help-page__title{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-text)}.help-page__main{position:relative;z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto var(--space-4);display:flex;flex-direction:row;gap:var(--space-4);min-height:0}.help-page__section{flex:1;padding:var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg)}.help-page__label{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.help-page__keys{list-style:none;margin:0;padding:0}.help-page__key{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text)}.help-page__key:last-child{border-bottom:none}.help-page__kbd{display:inline-block;padding:4px 8px;font-family:var(--font-display);font-size:var(--text-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.help-page__desc{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.help-page__bullets{margin:0;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.help-page__bullets li{margin-bottom:var(--space-1)}.help-page__footer{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-4);width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.help-page{padding:var(--space-4)}.help-page__main{flex-direction:column}}.about-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);overflow:hidden}.about-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 25% at 50% 0%,rgba(129,140,248,.06),transparent),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 70%,var(--color-bg-overlay) 100%);pointer-events:none}.about-page__header{position:relative;z-index:1;margin-bottom:var(--space-6)}.about-page__header .about-page__lang{position:absolute;top:0;right:0}.about-page__title{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-text);text-align:center}.about-page__main{position:relative;z-index:1;width:100%;max-width:440px;margin-bottom:var(--space-6)}.about-page__card{padding:var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);text-align:center}.about-page__brand{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.1em;color:var(--color-primary)}.about-page__version{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.about-page__desc{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.about-page__credits{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.about-page__footer{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-4)}.achievements-page{position:relative;min-height:100vh;min-width:100%;display:flex;flex-direction:column;padding:0;overflow-x:hidden;overflow-y:auto}.achievements-page__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(253,224,71,.08),transparent 55%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 50%,var(--color-bg-overlay) 100%);pointer-events:none}.achievements-page__topbar{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.achievements-page__back{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.achievements-page__back:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff2e}.achievements-page__topbar-text{min-width:0}.achievements-page__title{margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-bold);color:var(--color-text);line-height:1.2}.achievements-page__subtitle{margin:2px 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.achievements-page__main{position:relative;z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-6);min-height:0}.achievements-page__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.achievements-page__card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);opacity:.7;transition:opacity .2s,border-color .2s,box-shadow .2s}.achievements-page__card:hover{opacity:.9}.achievements-page__card.is-unlocked{opacity:1;border-color:#fde04740;box-shadow:0 0 24px #fde0470f}.achievements-page__card.is-unlocked:hover{box-shadow:0 0 28px #fde0471a}.achievements-page__icon{font-size:2.25rem;flex-shrink:0;line-height:1}.achievements-page__text{display:flex;flex-direction:column;gap:2px;min-width:0}.achievements-page__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.achievements-page__card:not(.is-unlocked) .achievements-page__name{color:var(--color-text-muted)}.achievements-page__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.35}.achievements-page__footer{position:relative;z-index:1;flex-shrink:0;padding:var(--space-4) var(--space-6);display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 640px){.achievements-page__grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.skin-store{font-family:var(--font-sans)}.skin-store__preview{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--space-6)}.skin-store__preview-label{position:absolute;top:var(--space-4);left:var(--space-4);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.skin-store__vessel{width:180px;height:250px;border:2px solid rgba(255,255,255,.2);border-top:none;border-radius:0 0 12px 12px;position:relative;overflow:hidden;background:#0009}.skin-store__layer{position:absolute;left:0;width:100%}.skin-store__layer--bottom{bottom:0;height:40%;background:linear-gradient(to right,#f0c,#339)}.skin-store__layer--top{bottom:40%;height:30%;background:linear-gradient(to right,#0cf,#0f9)}.skin-store__preview-name{margin-top:var(--space-4);font-family:var(--font-display);letter-spacing:.16em;font-size:.9rem}.skin-store__equip-btn{margin-top:var(--space-3);width:100%}.skin-store__grid-panel{padding:var(--space-5)}.skin-store__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.12)}.skin-store__tab-muted{background:transparent;border:none;opacity:.5}.skin-store__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.skin-store__card{text-align:left;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:15px;cursor:pointer;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .15s var(--ease-out)}.skin-store__card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skin-store__card--owned{border-color:var(--color-primary)}.skin-store__card-thumb{height:80px;border-radius:8px;margin-bottom:10px}.skin-store__card-thumb--neon{background:linear-gradient(135deg,#f0c,#339)}.skin-store__card-thumb--sahara{background:linear-gradient(135deg,#d4a373,#faedcd)}.skin-store__card-title{font-weight:600;font-size:.9rem}.skin-store__card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:.8rem}.skin-store__card-status{color:gray}.skin-store__card-price{color:gold}.skin-store__card-buy{border:1px solid #fff;padding:0 4px;border-radius:4px;font-size:.7rem}.skin-store__card-icon{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 960px){.skin-store__preview{height:auto}}.physics-lab{font-family:var(--font-sans)}.physics-lab__canvas{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#000;position:relative;min-height:320px}.physics-lab__canvas-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#94a3b8b3;font-size:.85rem}.physics-lab__controls{padding:var(--space-5)}.physics-lab__section-title{margin:0 0 var(--space-4);font-family:var(--font-display);color:var(--color-primary);font-size:1.1rem}.physics-lab__control-list{display:flex;flex-direction:column;gap:25px}.physics-lab__control{display:flex;flex-direction:column}.physics-lab__control-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px}.physics-lab__value{font-family:var(--font-mono)}.physics-lab__toggle-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:10px}.physics-lab__reset-btn{margin-top:20px}.daily-ops{font-family:var(--font-sans)}.daily-ops__current{padding:40px;border:1px solid var(--color-primary);box-shadow:0 0 20px #22d3ee1f}.daily-ops__timer{margin-bottom:20px}.daily-ops__headline{font-family:var(--font-display);font-size:2.5rem;line-height:1.1;margin:0 0 20px}.daily-ops__subtitle{margin-bottom:30px}.daily-ops__stats-row{display:flex;gap:10px;margin-bottom:30px}.daily-ops__stat-card{flex:1;background:#ffffff1a;padding:10px 20px;border-radius:8px}.daily-ops__stat-label{font-size:.7rem;color:gray}.daily-ops__stat-value{font-weight:700}.daily-ops__stat-value--reward{color:gold}.daily-ops__stat-value--difficulty{color:var(--color-primary)}.daily-ops__start-btn{width:100%;height:60px;font-size:1.1rem}.daily-ops__schedule{padding:var(--space-5)}.daily-ops__schedule-title{margin:0 0 20px;font-family:var(--font-display)}.daily-ops__list{display:flex;flex-direction:column;gap:10px}.daily-ops__item{display:flex;align-items:center;background:#ffffff08;padding:15px;border-radius:8px;font-size:.9rem}.daily-ops__item--past{opacity:.5;text-decoration:line-through}.daily-ops__item--active{background:#22d3ee1a;border:1px solid var(--color-primary)}.daily-ops__item-day{width:40px;text-align:center;font-weight:700;color:gray}.daily-ops__item-text{flex:1;padding-left:20px}.daily-ops__item-icon{display:flex;align-items:center;justify-content:center}.daily-ops__badge{font-size:.7rem}.gravity-chamber-scene{font-family:var(--font-sans)}.gravity-chamber__header{border:none;justify-content:flex-start;gap:var(--space-4)}.gravity-chamber__header-pill{margin-left:auto;margin-right:auto;background:#00000080;padding:10px 30px;border-radius:99px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;gap:20px;align-items:center}.gravity-chamber__header-block{text-align:center}.gravity-chamber__header-label{font-size:.7rem;color:gray}.gravity-chamber__header-value{font-weight:700;color:#fff}.gravity-chamber__header-value--primary{color:var(--color-primary)}.gravity-chamber__header-separator{width:1px;align-self:stretch;background:#fff3}.gravity-chamber__main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-4)}.gravity-chamber{width:600px;height:600px;background:#0000004d;border-radius:20px;position:relative;border-top:8px solid #333;border-bottom:8px solid #fbbf24;border-left:8px solid #3b82f6;border-right:8px solid #ef4444;box-shadow:0 -10px 20px #00000080,0 10px 20px #fbbf244d,-10px 0 20px #3b82f64d,10px 0 20px #ef44444d}.gravity-chamber__canvas{width:100%;height:100%;display:block}.gravity-chamber__indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.1}.gravity-chamber__arrow{width:200px;height:200px;fill:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.wall-label{position:absolute;font-size:.7rem;font-family:var(--font-display);font-weight:700;letter-spacing:1px;text-shadow:0 0 5px rgba(0,0,0,.8);pointer-events:none}.wall-label--top{top:10px;left:50%;transform:translate(-50%);color:#666}.wall-label--bottom{bottom:10px;left:50%;transform:translate(-50%);color:#fbbf24}.wall-label--left{left:10px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;color:#3b82f6}.wall-label--right{right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;color:#ef4444}.gravity-chamber__sidebar{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:250px}.gravity-chamber__panel{padding:20px}.gravity-chamber__panel-title{margin-top:0;font-size:1rem;color:var(--color-primary)}.gravity-chamber__controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.gravity-chamber__kbd{text-align:center}.gravity-chamber__controls-text{font-size:.8rem;align-self:center}.gravity-chamber__goal-text{font-size:.8rem;line-height:1.5;color:#ccc}.gravity-chamber__warning{margin-top:20px;padding:10px;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;font-size:.8rem;color:#fca5a5;display:flex;gap:8px;align-items:flex-start}.gravity-chamber__warning-icon{flex-shrink:0;margin-top:2px}.gravity-chamber__warning-text{flex:1}@media (max-width: 1024px){.gravity-chamber{width:460px;height:460px}.gravity-chamber__sidebar{position:static;transform:none;width:100%;margin-top:var(--space-4)}.gravity-chamber__main{flex-direction:column}}.recruitment-page__currency{display:flex;align-items:center;gap:var(--space-3)}.recruitment-page__currency-badge{background:#00000080;border:1px solid rgba(255,255,255,.2);padding:5px 15px;display:inline-flex;align-items:center;gap:8px}.recruitment-page__currency-icon{display:inline-flex;color:gold}.recruitment-page__currency-value{font-weight:600}.recruitment-page__currency-add{background:gold;color:#000;border:none;border-radius:4px;font-weight:700;margin-left:4px;font-size:.7rem;cursor:pointer;padding:2px 8px}.recruitment-page__left{flex:1.5}.recruitment-page__hero{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:linear-gradient(to bottom,#1e3a8a,#000);min-height:420px}.recruitment-page__hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 55%);opacity:.5}.recruitment-page__hero-figure{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:90%;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.6) 40%,rgba(0,0,0,.95) 100%),radial-gradient(circle at 50% 0%,rgba(129,140,248,.5),transparent 60%)}.recruitment-page__hero-labels{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:5px}.recruitment-page__rarity{color:gold;font-family:var(--font-display);font-size:3rem;text-shadow:0 0 20px #ffd700;line-height:1}.recruitment-page__name{font-size:1.5rem;font-weight:700;font-style:italic}.recruitment-page__skill{position:absolute;bottom:20px;left:20px;max-width:80%;text-shadow:0 0 5px #000}.recruitment-page__skill-label{font-size:.8rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.12em}.recruitment-page__skill-desc{font-size:.9rem}.recruitment-page__right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px 24px}.recruitment-page__event-timer{text-align:center}.recruitment-page__buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:320px}.recruitment-page__btn{height:80px;display:flex;align-items:center;justify-content:center;padding:0 30px}.recruitment-page__btn--ten{height:100px;background:linear-gradient(45deg,var(--color-primary),#3b82f6);border:none;box-shadow:0 0 30px #22d3ee66}.recruitment-page__btn-content{width:100%;display:flex;justify-content:space-between;align-items:center}.recruitment-page__btn-text{text-align:left}.recruitment-page__btn-title{font-size:1.2rem}.recruitment-page__btn-title--ten{font-size:1.5rem;font-weight:900}.recruitment-page__btn-subtitle{font-size:.8rem;color:gray;text-transform:none}.recruitment-page__btn-arrow{font-size:1.5rem}.recruitment-page__price-row{display:flex;align-items:center;gap:6px;margin-top:5px}.recruitment-page__price-chip{color:#000;background:#fff;padding:2px 8px;border-radius:4px;font-weight:700;font-size:.9rem}.recruitment-page__price-old{font-size:.8rem;opacity:.7;text-decoration:line-through}.recruitment-page__btn-star{font-size:2rem}.recruitment-page__details{margin-top:10px;font-size:.8rem;color:gray;cursor:pointer;text-decoration:underline;background:none;border:none}@media (max-width: 960px){.recruitment-page__hero{min-height:360px}}.season-pass__main{flex-direction:column;gap:20px}.season-pass__unlock-btn{background:gold;color:#000;font-size:.8rem;padding:8px 15px}.season-pass__stats-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 10px}.season-pass__days{font-family:var(--font-display);font-size:2rem}.season-pass__level-block{text-align:right}.season-pass__level{font-family:var(--font-display);font-size:3rem;color:var(--color-primary);line-height:1}.season-pass__xp{font-size:.9rem;color:gray}.season-pass__track{flex:1;display:flex;flex-direction:column;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:0 12px}.season-pass__track-inner{display:flex;gap:0;min-width:1200px;position:relative;padding:40px 0}.season-pass__track-base{position:absolute;top:50%;left:0;width:100%;height:4px;background:#ffffff1a;z-index:0}.season-pass__track-fill{position:absolute;top:50%;left:0;width:30%;height:4px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);z-index:0}.season-pass__node{width:120px;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1}.season-pass__node--past{opacity:.5}.season-pass__node--current{transform:scale(1.06)}.season-pass__node--future{filter:grayscale(1)}.season-pass__node-label{font-weight:700;color:gray}.season-pass__node-label--active{color:var(--color-primary)}.season-pass__reward{display:flex;align-items:center;justify-content:center}.season-pass__reward--skin{width:60px;height:60px;background:gold;border-radius:12px;border:2px solid #000}.season-pass__reward--coin{width:50px;height:50px;background:gray;border-radius:999px;font-size:.7rem}.season-pass__reward--premium{position:relative;width:60px;height:60px;background:#00000080;border-radius:12px;border:1px solid #ffd700;display:flex;align-items:center;justify-content:center}.season-pass__reward-lock-tag{position:absolute;bottom:-10px;background:gold;color:#000;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}.season-pass__reward--box{width:50px;height:50px;background:#3b82f6;border-radius:999px;box-shadow:0 0 15px #3b82f6;font-size:.7rem;font-weight:700}.season-pass__reward--skin-faded{width:60px;height:60px;background:gold;border-radius:12px}.season-pass__reward--coin-faded{width:50px;height:50px;background:gray;border-radius:999px}.boss-raid__header{justify-content:flex-start;border:none;padding-top:20px;gap:var(--space-4)}.boss-raid__header-center{width:600px;margin:0 auto;text-align:center}.boss-raid__info-row{display:flex;justify-content:space-between;font-weight:700;margin-bottom:5px}.boss-raid__boss-name{color:#ef4444}.boss-raid__hp-bar{width:100%;height:20px;background:#333;border:1px solid #fff;transform:skew(-20deg);overflow:hidden}.boss-raid__hp-bar-fill{width:65%;height:100%;background:linear-gradient(90deg,#ef4444,#fca5a5);box-shadow:0 0 15px #ef4444}.boss-raid__danger-text{font-size:.8rem;margin-top:5px;color:#ef4444}.boss-raid__main{padding-top:10px}.boss-raid__operator-col{width:260px}.boss-raid__operator-panel{height:100%;display:flex;flex-direction:column;padding:16px}.boss-raid__section-title{margin:0}.boss-raid__operator-info{display:flex;align-items:center;gap:10px;margin-top:10px}.boss-raid__operator-avatar{width:50px;height:50px;background:#2563eb;border-radius:8px}.boss-raid__operator-name{font-weight:700}.boss-raid__operator-status{font-size:.7rem;color:var(--color-primary)}.boss-raid__ultimate{margin-top:auto}.boss-raid__ultimate-btn{width:100%;height:60px;margin-top:10px;background:linear-gradient(45deg,gold,orange);border:none;animation:boss-raid-pulse 1s infinite}.boss-raid__arena-col{flex:2}.boss-raid__arena{border:1px solid rgba(255,255,255,.2);border-radius:12px;position:relative;background:#00000080;overflow:hidden;min-height:320px}.boss-raid__boss-figure{position:absolute;top:10%;left:50%;transform:translate(-50%);width:200px;height:200px;opacity:.8;z-index:0}.boss-raid__boss-svg{width:100%;height:100%;fill:#ef4444;filter:drop-shadow(0 0 10px red)}.boss-raid__boss-svg path{stroke:#ef4444}.boss-raid__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.boss-raid__damage-float{position:absolute;top:40%;left:55%;color:#fff;font-weight:700;font-size:2rem;text-shadow:0 0 5px red}.boss-raid__dps-col{width:220px}.boss-raid__dps-panel{text-align:center;padding:16px}.boss-raid__dps-value{font-family:var(--font-display);font-size:2rem;color:#4ade80}@keyframes boss-raid-pulse{0%{transform:scale(1);box-shadow:0 0 10px #facc1599}50%{transform:scale(1.03);box-shadow:0 0 24px #facc15e6}to{transform:scale(1);box-shadow:0 0 10px #facc1599}}.app{min-height:100vh;width:100%;display:flex;align-items:stretch;justify-content:center;padding:0}.scene{text-align:center;width:100%;max-width:min(1200px,96vw)}.scene--end .scene__title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--color-accent)}.scene__desc{margin:0 0 var(--space-6);color:var(--color-text-muted)}.scene--game{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.scene__actions{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.scene__score{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-6);color:var(--color-text)}.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-normal),background var(--transition-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 20px var(--color-primary-glow)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-primary);color:var(--color-bg-deep)}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow),0 0 28px var(--color-primary-glow)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--secondary{background:var(--color-bg-surface);color:var(--text-main);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn--secondary:hover{background:var(--color-bg-card-hover);border-color:#fff3;box-shadow:0 0 18px var(--color-primary-glow)}.btn--icon{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);color:var(--text-main)}.btn--icon:hover{background:var(--color-bg-card-hover)}.scene--physics{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.physics-panel-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--space-2)}.physics-canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:var(--radius-md);border:2px solid var(--level-border, rgba(34, 211, 238, .4));box-shadow:var(--shadow-lg)}.physics-panel-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-dim)}