@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0d0f14;--bg-gradient: radial-gradient(circle at 50% 0%, #1a1e2d 0%, #0d0f14 100%);--accent-color: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-glow: 0 0 20px rgba(99, 102, 241, .4);--glass-bg: rgba(20, 24, 33, .6);--glass-border: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .03);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;line-height:1.5}#app{width:100%;max-width:1200px;min-height:100vh;display:flex;flex-direction:column;padding:2rem 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-bottom:3rem;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:.8}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.logo-icon{width:32px;height:32px;background:#18181ba6;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #22c55e40}.logo-icon svg{width:22px;height:22px}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:.5rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:.5rem 1.25rem;border-radius:8px;transition:var(--transition-smooth);border:1px solid transparent}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:#fff;background:var(--glass-highlight);border-color:#6366f14d;box-shadow:inset 0 1px 1px #ffffff1a;text-shadow:0 0 8px rgba(99,102,241,.6)}.main-content{flex:1;width:100%;display:flex;flex-direction:column;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;position:relative}.hero-title{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#fff 30%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;font-weight:300}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-gradient);color:#fff;font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border-radius:12px;align-self:flex-start;transition:var(--transition-smooth);box-shadow:var(--accent-glow)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #6366f199}.games-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;width:100%}.page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0003}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.game-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:var(--transition-smooth)}.game-card:hover{background:#ffffff0a;border-color:#a855f74d;transform:translateY(-4px)}.game-icon{width:44px;height:44px;background:linear-gradient(135deg,#a855f733,#6366f133);border:1px solid rgba(168,85,247,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#c084fc}.game-title{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.game-desc{font-size:.875rem;color:var(--text-secondary);font-weight:300}.game-status{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:auto}.footer{margin-top:auto;padding:3rem 0 1rem;width:100%;text-align:center;color:var(--text-muted);font-size:.85rem;font-weight:300}.footer a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-smooth)}.footer a:hover{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.4)}.weather-dashboard.svelte-1ky5ij0{width:100%;margin-top:2rem;color:var(--text-primary)}.temp-high-low.svelte-1ky5ij0{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-top:.15rem}.submetric-item.svelte-1ky5ij0{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.submetric-icon.svelte-1ky5ij0{font-size:1rem}.submetric-label.svelte-1ky5ij0{color:var(--text-muted)}.submetric-val.svelte-1ky5ij0{color:var(--text-primary);font-weight:500;display:flex;align-items:center}.forecast-subtitle.svelte-1ky5ij0{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.dashboard-header.svelte-1ky5ij0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.section-title.svelte-1ky5ij0{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-1ky5ij0{font-size:.85rem;color:var(--text-secondary)}.header-right.svelte-1ky5ij0{display:flex;align-items:center;gap:1rem}.unit-toggle.svelte-1ky5ij0{display:flex;background:#0003;border:1px solid var(--glass-border);padding:.2rem;border-radius:8px}.toggle-btn.svelte-1ky5ij0{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.3rem .6rem;border-radius:6px;cursor:pointer;transition:var(--transition-smooth)}.toggle-btn.svelte-1ky5ij0:hover{color:var(--text-primary)}.toggle-btn.active.svelte-1ky5ij0{background:var(--glass-highlight);color:var(--text-primary);border:1px solid rgba(99,102,241,.3);box-shadow:inset 0 1px 1px #ffffff1a}.update-time.svelte-1ky5ij0{font-size:.8rem;color:var(--text-muted)}.refresh-btn.svelte-1ky5ij0{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.refresh-btn.svelte-1ky5ij0:hover{color:var(--text-primary);background:#ffffff1a;box-shadow:0 0 10px #6366f133}.refresh-btn.svelte-1ky5ij0 svg:where(.svelte-1ky5ij0){width:18px;height:18px}.spinning.svelte-1ky5ij0 svg:where(.svelte-1ky5ij0){animation:svelte-1ky5ij0-spin 1s linear infinite}@keyframes svelte-1ky5ij0-spin{to{transform:rotate(360deg)}}.dashboard-grid.svelte-1ky5ij0{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.glass-panel.svelte-1ky5ij0{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003;transition:var(--transition-smooth)}.glass-panel.svelte-1ky5ij0:hover{border-color:#6366f133;box-shadow:0 8px 32px #6366f10d}.main-panel.svelte-1ky5ij0{grid-column:span 1;display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.main-panel-glow.svelte-1ky5ij0{position:absolute;top:-50%;right:-50%;width:200px;height:200px;filter:blur(40px);opacity:.15;pointer-events:none;border-radius:50%}.main-panel-content.svelte-1ky5ij0{display:flex;flex-direction:column;height:100%;justify-content:space-between;gap:1.5rem;z-index:1}.weather-hero.svelte-1ky5ij0{display:flex;align-items:center;gap:1rem}.hero-icon.svelte-1ky5ij0{font-size:3.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.1))}.hero-details.svelte-1ky5ij0{display:flex;flex-direction:column}.temperature.svelte-1ky5ij0{font-size:2.5rem;font-weight:700;line-height:1}.feels-like.svelte-1ky5ij0{font-size:.85rem;color:var(--text-secondary)}.condition-name.svelte-1ky5ij0{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.precipitation-badge.svelte-1ky5ij0{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.35rem .75rem;border-radius:12px;font-weight:500}.precipitation-badge.rain.svelte-1ky5ij0{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 10px #3b82f61a}.precipitation-badge.snow.svelte-1ky5ij0{background:#0891b226;color:#22d3ee;border:1px solid rgba(8,145,178,.2);box-shadow:0 0 10px #0891b21a}.badge-dot.svelte-1ky5ij0{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:svelte-1ky5ij0-pulse 1.5s infinite}@keyframes svelte-1ky5ij0-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.aqi-panel.svelte-1ky5ij0{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:220px}.panel-title.svelte-1ky5ij0{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;align-self:flex-start}.aqi-condensed.svelte-1ky5ij0{display:flex;flex-direction:column;width:100%;margin-bottom:.75rem}.aqi-header-row.svelte-1ky5ij0{display:flex;align-items:center;gap:.5rem}.aqi-dot.svelte-1ky5ij0{width:12px;height:12px;border-radius:50%;display:inline-block}.aqi-index-val.svelte-1ky5ij0{font-size:1.5rem;font-weight:700;line-height:1}.aqi-index-lbl.svelte-1ky5ij0{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.aqi-status-text.svelte-1ky5ij0{font-size:.85rem;font-weight:500;margin-top:.25rem}.air-submetrics.svelte-1ky5ij0{display:flex;flex-direction:column;gap:.4rem;width:100%;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.wind-arrow.svelte-1ky5ij0{display:inline-block;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-left:.25rem;transition:var(--transition-smooth)}.astro-panel.svelte-1ky5ij0{display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.astro-grid.svelte-1ky5ij0{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;flex:1;align-content:center}.astro-item.svelte-1ky5ij0{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:.65rem;display:flex;align-items:center;gap:.75rem}.astro-item.full-width.svelte-1ky5ij0{grid-column:span 2}.astro-icon.svelte-1ky5ij0{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.moon-icon.svelte-1ky5ij0{font-size:1.75rem}.astro-info.svelte-1ky5ij0{display:flex;flex-direction:column}.astro-label.svelte-1ky5ij0{font-size:.7rem;color:var(--text-muted)}.astro-value.svelte-1ky5ij0{font-size:.9rem;font-weight:600}.forecast-panel.svelte-1ky5ij0{grid-column:span 3;padding:1.5rem}.forecast-header.svelte-1ky5ij0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.hourly-forecast-scroll.svelte-1ky5ij0{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.hourly-forecast-scroll.svelte-1ky5ij0::-webkit-scrollbar{height:4px}.hourly-forecast-scroll.svelte-1ky5ij0::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.hourly-item.svelte-1ky5ij0{min-width:70px;display:flex;flex-direction:column;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:.75rem .5rem;transition:var(--transition-smooth)}.hourly-item.svelte-1ky5ij0:hover{background:#ffffff0a;border-color:#6366f126}.hourly-time.svelte-1ky5ij0{font-size:.7rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1;height:12px;display:flex;align-items:center}.hourly-icon.svelte-1ky5ij0{font-size:1.5rem;margin:.25rem 0;height:24px;line-height:24px;display:flex;align-items:center;justify-content:center}.hourly-temp.svelte-1ky5ij0{font-size:.95rem;font-weight:600;line-height:1;height:16px;display:flex;align-items:center}.daily-forecast-list.svelte-1ky5ij0{display:flex;flex-direction:column;gap:.5rem}.daily-item.svelte-1ky5ij0{display:grid;grid-template-columns:50px 140px max-content 1fr max-content;align-items:center;gap:16px;width:100%;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:var(--transition-smooth)}.daily-item.svelte-1ky5ij0:hover{background:#ffffff0a}.daily-name.svelte-1ky5ij0{font-size:.9rem;font-weight:500}.daily-condition.svelte-1ky5ij0{display:flex;align-items:center;gap:.5rem;overflow:hidden}.daily-icon.svelte-1ky5ij0{font-size:1.25rem;flex-shrink:0}.daily-text.svelte-1ky5ij0{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.temp-min.svelte-1ky5ij0,.temp-max.svelte-1ky5ij0{font-size:.85rem;font-weight:600}.temp-min.svelte-1ky5ij0{color:var(--text-secondary);text-align:right;align-self:end;margin-bottom:2px;line-height:1}.temp-max.svelte-1ky5ij0{color:var(--text-primary);text-align:left;align-self:start;margin-top:2px;line-height:1}.global-track.svelte-1ky5ij0{width:100%;height:28px;background:#1e3a8a26;border-radius:6px;position:relative;border:1px solid rgba(255,255,255,.02)}.temp-bar-container.svelte-1ky5ij0{min-width:0;max-width:250px;display:flex;flex-direction:column;height:28px;justify-content:center}@media(max-width:600px){.daily-item.svelte-1ky5ij0{grid-template-columns:45px 40px max-content 1fr max-content;gap:8px;padding:.75rem .5rem}.daily-text.svelte-1ky5ij0{display:none}}.ridge-svg.svelte-1ky5ij0{width:100%;height:100%;display:block;opacity:.85;transition:var(--transition-smooth)}.daily-item.svelte-1ky5ij0:hover .ridge-svg:where(.svelte-1ky5ij0){opacity:1;filter:drop-shadow(0 0 3px rgba(168,85,247,.35))}.skeleton-grid.svelte-1ky5ij0{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skeleton-card.svelte-1ky5ij0{background:linear-gradient(90deg,#14182166 25%,#ffffff08,#14182166 75%);background-size:200% 100%;animation:svelte-1ky5ij0-loadingShimmer 1.5s infinite;border-radius:20px;border:1px solid var(--glass-border)}.card-large.svelte-1ky5ij0,.card-small.svelte-1ky5ij0{height:220px}.card-wide.svelte-1ky5ij0{grid-column:span 3;height:160px}@keyframes svelte-1ky5ij0-loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-container.svelte-1ky5ij0{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#ef44440a;border:1px solid rgba(239,68,68,.1);border-radius:24px;text-align:center;gap:1rem;box-shadow:0 8px 32px #ef44440d}.error-icon.svelte-1ky5ij0{font-size:2.5rem}.error-text.svelte-1ky5ij0{color:#f87171;font-size:.95rem}.cta-button.svelte-1ky5ij0{background:var(--accent-gradient);color:#fff;border:none;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--accent-glow)}.cta-button.svelte-1ky5ij0:hover{opacity:.9;box-shadow:0 0 25px #6366f199}@media(max-width:900px){.dashboard-grid.svelte-1ky5ij0,.skeleton-grid.svelte-1ky5ij0{grid-template-columns:1fr}.main-panel.svelte-1ky5ij0,.aqi-panel.svelte-1ky5ij0,.astro-panel.svelte-1ky5ij0,.forecast-panel.svelte-1ky5ij0,.card-wide.svelte-1ky5ij0{grid-column:span 1}.main-panel.svelte-1ky5ij0,.aqi-panel.svelte-1ky5ij0,.astro-panel.svelte-1ky5ij0{min-height:180px}}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;position:relative}.game-hud{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 20px #0003;gap:1.5rem;flex-wrap:wrap}.hud-score{display:flex;align-items:center;gap:1.5rem}.player-score-block{display:flex;flex-direction:column;align-items:center}.player-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.player-score-value{font-size:2rem;font-weight:700;color:#fff;font-family:monospace;text-shadow:0 0 10px rgba(255,255,255,.3)}.player-score-value.p1{color:#60a5fa;text-shadow:0 0 12px rgba(96,165,250,.5)}.player-score-value.p2{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.5)}.score-divider{font-size:1.5rem;font-weight:700;color:var(--text-muted)}.hud-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:.35rem}.hud-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.hud-btn.settings-btn{padding:.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hud-btn.exit-btn:hover{color:#f87171;border-color:#f871714d;box-shadow:0 0 10px #f8717126}.canvas-container{width:100%;position:relative;border-radius:24px;overflow:hidden;background:#0f1115;border:1px solid var(--glass-border);box-shadow:0 12px 40px #0006;aspect-ratio:5 / 8;display:flex;justify-content:center;align-items:center;touch-action:none}#air-hockey-canvas{width:100%;height:100%;display:block;touch-action:none}.mode-indicator{position:absolute;top:15px;left:15px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);padding:.35rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#10b981;pointer-events:none;box-shadow:0 2px 10px #0000004d}.game-overlay{position:absolute;inset:0;background:#0d0f14bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:24px;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}.game-overlay.active{opacity:1;pointer-events:auto}.overlay-content{text-align:center;padding:2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 40px #00000080;max-width:80%;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.game-overlay.active .overlay-content{transform:scale(1)}.overlay-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.overlay-title.goal{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6);animation:pulseGoal 1s infinite alternate}.overlay-title.victory-p1{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(59,130,246,.3)}.overlay-title.victory-p2{background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(239,68,68,.3)}.overlay-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;font-weight:300}@keyframes pulseGoal{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-wrapper.horizontal{max-width:900px}.canvas-container.horizontal{aspect-ratio:8 / 5}.settings-group{margin-bottom:1.5rem;text-align:left;display:flex;flex-direction:column;gap:.5rem}.settings-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.slider-container{display:flex;align-items:center;gap:1rem}.friction-slider{flex:1;-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;transition:opacity .2s}.friction-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer;box-shadow:0 0 10px #10b98199;transition:transform .1s}.friction-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-val{font-family:monospace;font-size:.9rem;color:#fff;min-width:45px}.segmented-control{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:3px;width:100%}.segment-btn{flex:1;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.6rem 0;border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.segment-btn:hover{color:#fff}.segment-btn.active{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a}.spot-it-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:700px;margin:0 auto;position:relative}.spot-it-hud{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 20px #0003;gap:1.5rem;flex-wrap:wrap}.scores-grid{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hud-player-block{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.hud-player-block.p1{border-color:#3b82f640}.hud-player-block.p2{border-color:#ef444440}.hud-player-block.p3{border-color:#10b98140}.hud-player-block.p4{border-color:#eab30840}.hud-player-block.p5{border-color:#f9731640}.hud-player-block.active-buzzed{background:#ffffff14;box-shadow:0 0 15px #ffffff1a;transform:scale(1.05)}.player-score-value.p1{color:#60a5fa;text-shadow:0 0 8px rgba(96,165,250,.4)}.player-score-value.p2{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.4)}.player-score-value.p3{color:#34d399;text-shadow:0 0 8px rgba(52,211,153,.4)}.player-score-value.p4{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4)}.player-score-value.p5{color:#fb923c;text-shadow:0 0 8px rgba(251,146,60,.4)}.hud-solo-info{display:flex;gap:1.5rem}.playfield-container{position:relative;width:100%;min-height:480px;background:#0f1115;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 12px 40px #0006;display:flex;justify-content:center;align-items:center;gap:2rem;padding:2.5rem 1.5rem;overflow:hidden}@media(max-width:600px){.playfield-container{flex-direction:column;min-height:580px;gap:1.5rem;padding:1.5rem 1rem}}.spot-it-card{width:250px;height:250px;background:#141821b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff0d;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:10;transform:translateZ(0);will-change:transform}.spot-it-card.success-pulse{animation:successPulse .4s ease}@keyframes successPulse{0%{transform:scale(1);border-color:#10b981;box-shadow:0 0 30px #10b98180}50%{transform:scale(1.05);border-color:#10b981;box-shadow:0 0 30px #10b98180}to{transform:scale(1);border-color:#ffffff14}}.spot-it-symbol{position:absolute;transform-origin:center center;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:2.5rem;width:48px;height:48px;transition:transform .2s}.spot-it-symbol svg{width:100%;height:100%}.solo-mode .spot-it-symbol{cursor:pointer}.solo-mode .spot-it-symbol:hover{transform:scale(1.2)!important}.spot-it-symbol.glow-correct{filter:drop-shadow(0 0 12px rgba(16,185,129,.85));animation:symbolPulse .3s infinite alternate}.spot-it-symbol.shake-incorrect{animation:symbolShake .4s ease}@keyframes symbolPulse{0%{filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}to{filter:drop-shadow(0 0 18px rgba(16,185,129,1));transform:scale(1.1)}}@keyframes symbolShake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}to{transform:translate(0)}}.buzzer-board-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}.buzzer-zone{position:absolute;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0006;border:1.5px solid rgba(255,255,255,.08)}.buzzer-zone:hover{filter:brightness(1.15)}.buzzer-zone:active{transform:scale(.96)}.buzzer-zone.locked-out{pointer-events:none;opacity:.25;filter:grayscale(1) brightness(.6);box-shadow:none;border-color:#f003!important}.player-count-2 .buzzer-zone.p1{bottom:0;left:0;right:0;height:50px;background:#3b82f633;border-color:#3b82f64d}.player-count-2 .buzzer-zone.p2{top:0;left:0;right:0;height:50px;background:#ef444433;border-color:#ef44444d}.player-count-3 .buzzer-zone.p1,.player-count-4 .buzzer-zone.p1,.player-count-5 .buzzer-zone.p1{bottom:0;left:0;width:90px;height:90px;border-top-right-radius:90px;background:#3b82f640;border-color:#3b82f659;padding-top:25px;padding-right:25px}.player-count-3 .buzzer-zone.p2,.player-count-4 .buzzer-zone.p2,.player-count-5 .buzzer-zone.p2{top:0;right:0;width:90px;height:90px;border-top-left-radius:0;border-bottom-left-radius:90px;background:#ef444440;border-color:#ef444459;padding-bottom:25px;padding-left:25px}.player-count-3 .buzzer-zone.p3,.player-count-4 .buzzer-zone.p3,.player-count-5 .buzzer-zone.p3{bottom:0;right:0;width:90px;height:90px;border-top-left-radius:90px;background:#10b98140;border-color:#10b98159;padding-top:25px;padding-left:25px}.player-count-4 .buzzer-zone.p4,.player-count-5 .buzzer-zone.p4{top:0;left:0;width:90px;height:90px;border-bottom-right-radius:90px;background:#eab30840;border-color:#eab30859;padding-bottom:25px;padding-right:25px}.player-count-5 .buzzer-zone.p5{top:0;left:50%;transform:translate(-50%);width:120px;height:45px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background:#f9731640;border-color:#f9731659}.buzzer-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.05em;opacity:.85}.buzzer-key{font-size:.6rem;background:#ffffff1a;padding:.1rem .3rem;border-radius:4px;margin-top:2px;font-family:monospace}.playfield-container.buzzed-p1{box-shadow:0 0 40px #3b82f666;border-color:#3b82f680}.playfield-container.buzzed-p2{box-shadow:0 0 40px #ef444466;border-color:#ef444480}.playfield-container.buzzed-p3{box-shadow:0 0 40px #10b98166;border-color:#10b98180}.playfield-container.buzzed-p4{box-shadow:0 0 40px #eab30866;border-color:#eab30880}.playfield-container.buzzed-p5{box-shadow:0 0 40px #f9731666;border-color:#f9731680}.freeze-mask{position:absolute;inset:0;background:#0d0f144d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:3;opacity:0;pointer-events:none;transition:opacity .2s}.freeze-mask.active{opacity:1;pointer-events:auto}.claim-timer-container{position:absolute;bottom:0;left:0;right:0;height:6px;background:#ffffff1a;z-index:12;opacity:0;transition:opacity .2s}.claim-timer-container.active{opacity:1}.claim-timer-progress{height:100%;width:100%;background:#fbbf24;box-shadow:0 0 10px #fbbf2499;transform-origin:left center}#settings-overlay .overlay-content::-webkit-scrollbar{width:6px}#settings-overlay .overlay-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}#settings-overlay .overlay-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}#settings-overlay .overlay-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.game-overlay{position:absolute;inset:0;z-index:20;background:#0a0c16d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;justify-content:center;align-items:flex-start;padding:24px;box-sizing:border-box}.gravity-drop-wrapper.theme-cyberpunk{--board-bg: #090b16;--board-panel-bg: rgba(6, 8, 18, .95);--board-border: #a855f7;--board-shadow: 0 10px 40px rgba(168, 85, 247, .3);--p1-color: #00e5ff;--p1-glow: 0 0 20px #00e5ff, 0 0 40px rgba(0, 229, 255, .6);--p2-color: #ff007f;--p2-glow: 0 0 20px #ff007f, 0 0 40px rgba(255, 0, 127, .6);--p1-preview: rgba(0, 229, 255, .35);--p2-preview: rgba(255, 0, 127, .35);--accent-color: #a855f7;--text-p1: #00e5ff;--text-p2: #ff007f}.gravity-drop-wrapper.theme-classic{--board-bg: #0f2b87;--board-panel-bg: #0b1330;--board-border: #2563eb;--board-shadow: 0 10px 40px rgba(0, 0, 0, .6);--p1-color: #e11d48;--p1-glow: none;--p2-color: #fbbf24;--p2-glow: none;--p1-preview: rgba(225, 29, 72, .45);--p2-preview: rgba(251, 191, 36, .45);--accent-color: #2563eb;--text-p1: #f87171;--text-p2: #fbbf24}.gravity-drop-wrapper.theme-sunset{--board-bg: #18181b;--board-panel-bg: #09090b;--board-border: #10b981;--board-shadow: 0 10px 40px rgba(0, 0, 0, .6);--p1-color: #10b981;--p1-glow: 0 0 20px #10b981, 0 0 40px rgba(16, 185, 129, .6);--p2-color: #f97316;--p2-glow: 0 0 20px #f97316, 0 0 40px rgba(249, 115, 22, .6);--p1-preview: rgba(16, 185, 129, .35);--p2-preview: rgba(249, 115, 22, .35);--accent-color: #10b981;--text-p1: #34d399;--text-p2: #fb923c}.gravity-drop-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:1rem;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;color:#f3f4f6}.gravity-drop-hud{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:.75rem 1.25rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 30px #0003}.player-score-value.p1{color:var(--p1-color);text-shadow:0 0 8px rgba(6,182,212,.4)}.player-score-value.p2{color:var(--p2-color);text-shadow:0 0 8px rgba(236,72,153,.4)}.hud-status-text{font-size:.9rem;font-weight:500;color:#9ca3af;text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-outer-container{width:100%;aspect-ratio:7 / 6;max-height:65vh;margin:0 auto;position:relative;background:var(--board-panel-bg);border:1px solid var(--board-border);border-radius:24px;box-shadow:var(--board-shadow),inset 0 1px #ffffff1a;padding:1.5rem;box-sizing:border-box;overflow:visible}.board-container{width:100%;height:100%;position:relative;overflow:visible}.board-front-layer{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);border-radius:12px;overflow:hidden}.board-cell{position:relative;overflow:hidden}.board-cell:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;height:78%;border-radius:50%;box-shadow:0 0 0 9999px var(--board-bg);z-index:1}.board-cell:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;height:78%;border-radius:50%;border:2px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 5px #00000080;pointer-events:none;z-index:2}.discs-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.disc{position:absolute;width:calc(100% / 7);height:calc(100% / 6);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transform:translateZ(0);will-change:top,transform}.disc-inner{width:82%;height:82%;border-radius:50%;box-shadow:inset 0 4px 8px #ffffff40,inset 0 -4px 8px #0000004d;transition:all .3s ease}.disc.player1 .disc-inner{background:radial-gradient(circle at 35% 35%,#5eead4 0%,var(--p1-color) 70%,#0891b2 100%);box-shadow:inset 0 4px 8px #fff6,var(--p1-glow)}.disc.player2 .disc-inner{background:radial-gradient(circle at 35% 35%,#fbcfe8 0%,var(--p2-color) 70%,#db2777 100%);box-shadow:inset 0 4px 8px #fff6,var(--p2-glow)}.hover-columns-layer{position:absolute;inset:0;z-index:10;display:flex;transform:translateZ(0);will-change:transform}.hover-column{flex:1;height:100%;cursor:pointer;position:relative;border-radius:12px;transition:background .15s ease}.hover-column:hover{background:#ffffff05}.column-indicator{position:absolute;top:-3.5rem;left:50%;transform:translate(-50%) translateY(5px);width:2.2rem;height:2.2rem;border-radius:50%;border:2px dashed rgba(255,255,255,.25);opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;pointer-events:none}.hover-column:hover .column-indicator{opacity:1;transform:translate(-50%) translateY(0)}.gravity-drop-wrapper.current-p1 .column-indicator{border-color:var(--p1-color);background:var(--p1-preview);box-shadow:0 0 10px #06b6d44d}.gravity-drop-wrapper.current-p2 .column-indicator{border-color:var(--p2-color);background:var(--p2-preview);box-shadow:0 0 10px #ec48994d}@keyframes dropBounce{0%{top:-20%;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}80%{top:var(--target-top);animation-timing-function:cubic-bezier(.215,.61,.355,1)}90%{top:calc(var(--target-top) - 1.5vh);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{top:var(--target-top)}}.disc.animating-drop{animation:dropBounce .45s forwards}@keyframes winPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3);box-shadow:0 0 25px currentColor,0 0 50px currentColor}to{transform:scale(1);filter:brightness(1)}}.disc.winning-disc{z-index:5}.disc.winning-disc .disc-inner{animation:winPulse 1.2s infinite ease-in-out;border:2px solid #fff!important}.board-container.has-winner .disc:not(.winning-disc){opacity:.28;filter:grayscale(.6) blur(.5px);transition:opacity .5s ease,filter .5s ease}.overlay-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #0006;border-radius:20px;padding:2rem;width:100%;max-width:420px;text-align:center;max-height:calc(100% - 2rem);overflow-y:auto;box-sizing:border-box}.overlay-title.victory-p1{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(6,182,212,.35)}.overlay-title.victory-p2{background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(236,72,153,.35)}.overlay-title.victory-tie{background:linear-gradient(135deg,#a7f3d0,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-button{display:block;width:100%;background:linear-gradient(135deg,#a855f7,#7e22ce);border:none;color:#fff;font-weight:700;font-size:.95rem;padding:.85rem 1.75rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #a855f759;transition:all .2s ease}.cta-button:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #a855f780;filter:brightness(1.05)}.cpu-thinking-indicator{position:absolute;top:1rem;right:1.25rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--accent-color);opacity:0;pointer-events:none;transform:translateY(-5px);transition:all .2s ease;z-index:5}.cpu-thinking-indicator.active{opacity:1;transform:translateY(0)}.thinking-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;animation:cpuPulse .8s infinite ease-in-out}@keyframes cpuPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 8px currentColor}to{transform:scale(.8);opacity:.5}}@media(max-width:600px){.gravity-drop-hud{flex-direction:column;gap:.75rem;padding:.5rem 1rem}.scores-grid{gap:.75rem;width:100%;justify-content:center}.hud-actions{width:100%;justify-content:center}.hud-player-block{padding:.15rem .5rem}.player-score-value{font-size:1.2rem}.column-indicator{top:-2.8rem;width:1.8rem;height:1.8rem}.overlay-title{font-size:1.8rem}.overlay-content{padding:1.25rem}}.gravity-drop-wrapper.theme-classic .board-cell:before{box-shadow:none!important;border:2px solid rgba(0,0,0,.45)!important}.gravity-drop-wrapper.theme-classic .disc-inner{box-shadow:none!important}.gravity-drop-wrapper.theme-classic .disc.player1 .disc-inner{background:var(--p1-color)!important;box-shadow:none!important}.gravity-drop-wrapper.theme-classic .disc.player2 .disc-inner{background:var(--p2-color)!important;box-shadow:none!important}.gravity-drop-wrapper.theme-classic.current-p1 .column-indicator,.gravity-drop-wrapper.theme-classic.current-p2 .column-indicator{box-shadow:none!important}.gravity-drop-wrapper.theme-classic .disc.winning-disc .disc-inner{animation:winPulseClassic 1.2s infinite ease-in-out!important;border:3px solid #000000!important;box-shadow:none!important}@keyframes winPulseClassic{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.sequence-simon-wrapper.theme-classic{--color-pad1: #00ff66;--glow-pad1: 0 0 20px #00ff66, 0 0 45px rgba(0, 255, 102, .5);--color-pad2: #ff003c;--glow-pad2: 0 0 20px #ff003c, 0 0 45px rgba(255, 0, 60, .5);--color-pad3: #ffcc00;--glow-pad3: 0 0 20px #ffcc00, 0 0 45px rgba(255, 204, 0, .5);--color-pad4: #0066ff;--glow-pad4: 0 0 20px #0066ff, 0 0 45px rgba(0, 102, 255, .5);--accent-color: #00ff66}.sequence-simon-wrapper.theme-colorblind{--color-pad1: #f97316;--glow-pad1: 0 0 20px #f97316, 0 0 45px rgba(249, 115, 22, .5);--color-pad2: #38bdf8;--glow-pad2: 0 0 20px #38bdf8, 0 0 45px rgba(56, 189, 248, .5);--color-pad3: #facc15;--glow-pad3: 0 0 20px #facc15, 0 0 45px rgba(250, 204, 21, .5);--color-pad4: #d946ef;--glow-pad4: 0 0 20px #d946ef, 0 0 45px rgba(217, 70, 239, .5);--accent-color: #38bdf8}.sequence-simon-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1rem;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;color:#f3f4f6}.sequence-simon-hud{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:.75rem 1.25rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 30px #0003}.hud-player-block{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;border-radius:8px;border:1px solid transparent;transition:all .3s ease}.hud-player-block.active-turn{background:#ffffff0d;border-color:var(--accent-color);box-shadow:0 0 10px #ffffff0d}.player-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.player-score-value{font-size:1.5rem;font-weight:800;line-height:1}.player-score-value.p1{color:var(--color-pad1);text-shadow:0 0 8px var(--color-pad1)}.player-score-value.p2{color:var(--color-pad2);text-shadow:0 0 8px var(--color-pad2)}.hud-status-text{font-size:.9rem;font-weight:500;color:#9ca3af;text-align:center;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-outer-container{width:100%;max-width:460px;aspect-ratio:1 / 1;position:relative;background:#0d102073;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff0d;padding:1.25rem;box-sizing:border-box;margin:0 auto}.simon-console{width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden;background:#0a0b14d9;border:4px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0009;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:12px;box-sizing:border-box;transform:translateZ(0);will-change:transform}.simon-pad{position:relative;width:100%;height:100%;border:none;outline:none;cursor:pointer;box-sizing:border-box;opacity:.35;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .1s ease,box-shadow .2s ease;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.simon-pad:hover{opacity:.55}.simon-pad.pad-1{border-top-left-radius:100%;background:var(--color-pad1);transform-origin:bottom right}.simon-pad.pad-2{border-top-right-radius:100%;background:var(--color-pad2);transform-origin:bottom left}.simon-pad.pad-3{border-bottom-left-radius:100%;background:var(--color-pad3);transform-origin:top right}.simon-pad.pad-4{border-bottom-right-radius:100%;background:var(--color-pad4);transform-origin:top left}.simon-pad.active{opacity:1!important;transform:scale(.98)}.simon-pad.pad-1.active{box-shadow:var(--glow-pad1)}.simon-pad.pad-2.active{box-shadow:var(--glow-pad2)}.simon-pad.pad-3.active{box-shadow:var(--glow-pad3)}.simon-pad.pad-4.active{box-shadow:var(--glow-pad4)}.pad-shape{width:2.8rem;height:2.8rem;color:#fff3;stroke:#ffffff73;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.simon-pad.pad-1 .pad-shape{transform:translate(12px,12px)}.simon-pad.pad-2 .pad-shape{transform:translate(-12px,12px)}.simon-pad.pad-3 .pad-shape{transform:translate(12px,-12px)}.simon-pad.pad-4 .pad-shape{transform:translate(-12px,-12px)}.theme-classic .pad-shape{display:none}.theme-colorblind .pad-shape{display:block}.simon-pad.active .pad-shape{color:#fffffff2;stroke:#fff;transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.simon-pad.pad-1.active .pad-shape{transform:translate(12px,12px) scale(1.18)}.simon-pad.pad-2.active .pad-shape{transform:translate(-12px,12px) scale(1.18)}.simon-pad.pad-3.active .pad-shape{transform:translate(12px,-12px) scale(1.18)}.simon-pad.pad-4.active .pad-shape{transform:translate(-12px,-12px) scale(1.18)}.center-dial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:146px;height:146px;border-radius:50%;background:#0a0c16eb;border:4px solid rgba(255,255,255,.08);box-shadow:0 4px 15px #000c,inset 0 2px 4px #ffffff0d;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;padding:.5rem}.dial-score-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.08em;line-height:1;margin-bottom:.15rem}.dial-score-value{font-size:2.2rem;font-weight:900;color:#fff;line-height:1;margin-bottom:.25rem;text-shadow:0 0 10px rgba(255,255,255,.15)}.dial-status-text{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--accent-color);letter-spacing:.05em;line-height:1.2}.dial-start-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.4rem .8rem;font-size:.72rem;font-weight:700;text-transform:uppercase;border-radius:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000004d}.dial-start-btn:hover{background:var(--accent-color);border-color:transparent;color:#0f111a;box-shadow:0 0 15px var(--accent-color);transform:scale(1.05)}.dial-start-btn:active{transform:scale(.95)}.board-freeze-overlay{position:absolute;inset:0;border-radius:50%;z-index:8;display:none;background:transparent;pointer-events:auto}.board-freeze-overlay.active{display:block}.game-overlay{position:absolute;inset:0;z-index:20;background:#0a0c16d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;justify-content:center;align-items:flex-start;padding:24px;box-sizing:border-box;border-radius:24px}.overlay-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000073;border-radius:20px;padding:2rem;width:100%;max-width:420px;text-align:center;max-height:calc(100% - 2rem);overflow-y:auto;box-sizing:border-box}.overlay-title.victory{background:linear-gradient(135deg,#0f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(0,255,102,.35)}.overlay-title.gameover{background:linear-gradient(135deg,#ff003c,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(255,0,60,.35)}.cta-button{display:block;width:100%;background:linear-gradient(135deg,var(--accent-color) 0%,#10b981 100%);border:none;color:#0f111a;font-weight:700;font-size:.95rem;padding:.85rem 1.75rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #10b9814d;transition:all .2s ease}.cta-button:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #10b98173;filter:brightness(1.05)}@media(max-width:600px){.sequence-simon-hud{flex-direction:column;gap:.75rem;padding:.5rem 1rem}.scores-grid{gap:.75rem;width:100%;justify-content:center}.hud-player-block{padding:.15rem .5rem}.player-score-value{font-size:1.2rem}.console-outer-container{padding:.75rem;max-width:340px}.simon-console{gap:6px;padding:6px}.center-dial{width:110px;height:110px}.dial-score-value{font-size:1.6rem}.dial-status-text{font-size:.6rem}.pad-shape{width:1.8rem;height:1.8rem}}.physics-merge-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:1rem;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;color:#f3f4f6}.physics-merge-hud{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:.75rem 1.25rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 30px #0003}.scores-grid{display:flex;gap:1.5rem;align-items:center}.hud-score-block{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:#ffffff05;transition:all .3s ease}.player-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;color:#9ca3af}.player-score-value{font-size:1.5rem;font-weight:800;line-height:1;color:#0fc;text-shadow:0 0 8px rgba(0,255,204,.4)}.next-preview-box{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.35rem .85rem;border-radius:12px}.next-preview-indicator{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:900;font-size:1.1rem;color:#0f111a;box-shadow:inset 0 2px 4px #fff6;transition:all .2s ease}.hud-actions{display:flex;gap:.75rem}.hud-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e5e7eb;padding:.5rem .9rem;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.hud-btn:hover{background:#ffffff1f;border-color:#fff3;color:#fff;transform:translateY(-1px)}.hud-btn:active{transform:translateY(1px)}.hud-btn.exit-btn{background:#ef444426;border-color:#ef444440;color:#f87171}.hud-btn.exit-btn:hover{background:#ef444440;border-color:#ef444466;color:#fca5a5}.canvas-outer-container{width:100%;max-width:450px;aspect-ratio:9 / 13;margin:0 auto;position:relative;background:#0d102066;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff0d;padding:12px;box-sizing:border-box;overflow:hidden}#physics-merge-canvas{width:100%;height:100%;display:block;background:transparent;cursor:pointer}.game-overlay{position:absolute;inset:0;z-index:20;background:#0a0c16d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;justify-content:center;align-items:flex-start;padding:24px;box-sizing:border-box;border-radius:20px}.game-overlay.active{display:flex}.overlay-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000073;border-radius:20px;padding:2rem;width:100%;max-width:400px;text-align:center;max-height:calc(100% - 2rem);overflow-y:auto;box-sizing:border-box}.overlay-content::-webkit-scrollbar{width:6px}.overlay-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.overlay-title{font-size:2.2rem;font-weight:900;margin-top:0;margin-bottom:.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-title.defeat{background:linear-gradient(135deg,#f05,#f50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(255,0,85,.35)}.overlay-desc{font-size:.95rem;color:#9ca3af;margin-bottom:1.75rem;line-height:1.5}.cta-button{display:block;width:100%;background:linear-gradient(135deg,#0fc,#08c);border:none;color:#0f111a;font-weight:700;font-size:.95rem;padding:.85rem 1.75rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #00ffcc4d;transition:all .2s ease}.cta-button:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #00ffcc73;filter:brightness(1.05)}.cta-button:active{transform:translateY(.5px)}.settings-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:1.25rem}.settings-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#9ca3af;margin-bottom:.45rem;letter-spacing:.05em}.settings-options-row{display:flex;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.2rem;box-sizing:border-box}.settings-opt-btn{flex:1;background:transparent;border:none;color:#9ca3af;padding:.45rem .25rem;font-weight:600;font-size:.82rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-opt-btn:hover{color:#fff;background:#ffffff05}.settings-opt-btn.active{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 8px #0003}@media(max-width:600px){.physics-merge-hud{flex-direction:column;gap:.75rem;padding:.5rem 1rem;margin-bottom:1rem}.scores-grid{gap:.75rem;width:100%;justify-content:center}.hud-actions{width:100%;justify-content:center}.hud-score-block{padding:.15rem .5rem}.player-score-value{font-size:1.2rem}.next-preview-box{padding:.25rem .6rem}.next-preview-indicator{width:24px;height:24px;font-size:.9rem}.canvas-outer-container{padding:6px;max-width:320px}}.chessboard-container.svelte-1hwklfa{width:100%;max-width:560px;aspect-ratio:1 / 1;margin:0 auto;background:#0d0f1466;border-radius:12px;padding:8px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.05)}.chessboard.svelte-1hwklfa{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.square.svelte-1hwklfa{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.square.svelte-1hwklfa:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px;z-index:10}.square.light.svelte-1hwklfa{background-color:#ffffff0a}.square.dark.svelte-1hwklfa{background-color:#ffffff03}.coordinate.svelte-1hwklfa{position:absolute;font-size:.65rem;font-weight:600;color:var(--text-muted);opacity:.6;pointer-events:none}.coordinate-rank.svelte-1hwklfa{top:4px;left:4px}.coordinate-file.svelte-1hwklfa{bottom:4px;right:4px}.piece.svelte-1hwklfa{width:82%;height:82%;display:flex;align-items:center;justify-content:center;z-index:5;transition:transform .15s cubic-bezier(.4,0,.2,1)}.piece.draggable.svelte-1hwklfa{cursor:grab}.piece.draggable.svelte-1hwklfa:active{cursor:grabbing}.p-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:filter .2s ease}.style-cyberpunk .cyber-white{filter:url(#cyber-glow-white) drop-shadow(0 0 4px rgba(99,102,241,.5))}.style-cyberpunk .cyber-black{filter:url(#cyber-glow-black) drop-shadow(0 0 4px rgba(236,72,153,.5))}.style-classic .classic-svg{filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.style-minimalist .flat-svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.square.selected.svelte-1hwklfa{box-shadow:inset 0 0 0 3px var(--accent-color);background-color:#6366f11a!important;z-index:4}.legal-dot.svelte-1hwklfa{position:absolute;width:24%;height:24%;border-radius:50%;background-color:#22c55e8c;box-shadow:0 0 10px #22c55e66;pointer-events:none;z-index:6;animation:svelte-1hwklfa-pulseDot 2s infinite ease-in-out}.legal-dot.has-piece.svelte-1hwklfa{width:86%;height:86%;border-radius:6px;background-color:transparent;border:2.5px solid rgba(239,68,68,.5);box-shadow:inset 0 0 8px #ef444433;animation:svelte-1hwklfa-pulseCapture 2s infinite ease-in-out}.square.last-move.svelte-1hwklfa{background-color:#f59e0b14!important;box-shadow:inset 0 0 0 1.5px #f59e0b40}.square.check.svelte-1hwklfa{background-color:#ef44442e!important;box-shadow:inset 0 0 0 3px #ef4444,0 0 15px #ef444499;z-index:4;animation:svelte-1hwklfa-flashAlert 1.5s infinite ease-in-out}@keyframes svelte-1hwklfa-pulseDot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes svelte-1hwklfa-pulseCapture{0%,to{border-color:#ef444480}50%{border-color:#ef4444d9}}@keyframes svelte-1hwklfa-flashAlert{0%,to{background-color:#ef444426}50%{background-color:#ef44444d}}.learn-mode-wrapper.svelte-1tq2lrl{width:100%;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.syllabus-view.svelte-1tq2lrl{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2.25rem 2rem;box-shadow:0 8px 32px #0003}.syllabus-grid.svelte-1tq2lrl{display:flex;flex-direction:column;gap:1rem}.lesson-card.svelte-1tq2lrl{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:14px;transition:var(--transition-smooth);cursor:pointer}.lesson-card.svelte-1tq2lrl:hover{background:#6366f10a;border-color:#6366f140;transform:translateY(-2px)}.lesson-icon.svelte-1tq2lrl{font-size:2rem;width:52px;height:52px;background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid rgba(99,102,241,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-details.svelte-1tq2lrl{flex:1}.lesson-name.svelte-1tq2lrl{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.level-badge.svelte-1tq2lrl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:9999px;border:1px solid transparent;display:inline-block}.level-badge.level-beginner.svelte-1tq2lrl{background:#22c55e14;border-color:#22c55e40;color:#4ade80;text-shadow:0 0 6px rgba(34,197,94,.3)}.level-badge.level-amateur.svelte-1tq2lrl{background:#6366f114;border-color:#6366f140;color:#818cf8;text-shadow:0 0 6px rgba(99,102,241,.3)}.level-badge.level-expert.svelte-1tq2lrl{background:#f59e0b14;border-color:#f59e0b40;color:#fbbf24;text-shadow:0 0 6px rgba(245,158,11,.3)}.level-badge.level-pro.svelte-1tq2lrl{background:#ec489914;border-color:#ec489940;color:#f472b6;text-shadow:0 0 6px rgba(236,72,153,.3)}.lesson-desc.svelte-1tq2lrl{font-size:.85rem;color:var(--text-secondary);font-weight:300}.lesson-source-link.svelte-1tq2lrl{color:var(--accent-color);font-size:.75rem;font-weight:500;margin-left:.5rem;text-decoration:none;opacity:.85;transition:var(--transition-smooth);display:inline-block}.lesson-source-link.svelte-1tq2lrl:hover{opacity:1;text-decoration:underline;text-shadow:0 0 8px rgba(99,102,241,.4)}.syllabus-filters.svelte-1tq2lrl{display:flex;gap:.5rem;background:#00000040;border:1px solid rgba(255,255,255,.04);padding:.25rem;border-radius:10px;align-self:flex-start;margin-bottom:2rem;flex-wrap:wrap}.filter-tab.svelte-1tq2lrl{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.45rem 1.15rem;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.filter-tab.svelte-1tq2lrl:hover{color:var(--text-primary);background:#ffffff05}.filter-tab.active.svelte-1tq2lrl{background:var(--glass-highlight);color:#fff;border-color:#6366f140;box-shadow:inset 0 1px 1px #ffffff0d;text-shadow:0 0 6px rgba(99,102,241,.4)}.level-section.svelte-1tq2lrl{margin-bottom:2.5rem}.level-section.svelte-1tq2lrl:last-child{margin-bottom:0}.level-section-header.svelte-1tq2lrl{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:.5rem}.level-section-header.level-beginner-header.svelte-1tq2lrl{color:#4ade80;border-color:#22c55e26}.level-section-header.level-amateur-header.svelte-1tq2lrl{color:#818cf8;border-color:#6366f126}.level-section-header.level-expert-header.svelte-1tq2lrl{color:#fbbf24;border-color:#f59e0b26}.level-section-header.level-pro-header.svelte-1tq2lrl{color:#f472b6;border-color:#ec489926}.lesson-start-btn.svelte-1tq2lrl{opacity:.85;transition:var(--transition-smooth)}.lesson-card.svelte-1tq2lrl:hover .lesson-start-btn:where(.svelte-1tq2lrl){opacity:1;transform:translate(2px)}.active-lesson-view.svelte-1tq2lrl{display:flex;flex-direction:column;gap:1.5rem}.lesson-header.svelte-1tq2lrl{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.active-lesson-name.svelte-1tq2lrl{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff 40%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-container.svelte-1tq2lrl{width:200px;height:6px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.02)}.progress-bar.svelte-1tq2lrl{height:100%;background:var(--accent-gradient);border-radius:10px;box-shadow:0 0 10px #6366f180;transition:width .4s cubic-bezier(.4,0,.2,1)}.instruction-panel.svelte-1tq2lrl{min-height:240px}.instruction-card.svelte-1tq2lrl{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1.25rem;box-shadow:inset 0 2px 4px #0003;display:flex;align-items:center;justify-content:center;border-left:3.5px solid var(--accent-color)}.step-guide-text.svelte-1tq2lrl{font-size:.95rem;line-height:1.5;color:var(--text-primary);font-weight:400}.incorrect-alert-overlay.svelte-1tq2lrl{position:absolute;inset:0;background:#ef444459;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:15;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;animation:svelte-1tq2lrl-flashAlertScreen .5s ease forwards;border:3px solid #ef4444}.alert-icon.svelte-1tq2lrl{font-size:2.5rem;animation:svelte-1tq2lrl-shakeIcon .5s ease}.incorrect-alert-overlay.svelte-1tq2lrl span:where(.svelte-1tq2lrl){font-weight:700;font-size:.95rem;color:#fff;text-align:center;max-width:80%;text-shadow:0 2px 4px rgba(0,0,0,.6)}@keyframes svelte-1tq2lrl-flashAlertScreen{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes svelte-1tq2lrl-shakeIcon{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.chess-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:960px;margin:0 auto;padding-bottom:2rem}.chess-hud{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;gap:1rem}.hud-main-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.player-panels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;flex:1;max-width:600px}.player-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1.25rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);transition:var(--transition-smooth)}.player-card.active-turn{background:#6366f114;border-color:#6366f159;box-shadow:0 0 15px #6366f126;transform:translateY(-1px)}.player-card.player-w.active-turn{background:#6366f114;border-color:#6366f159;box-shadow:0 0 15px #6366f126}.player-card.player-b.active-turn{background:#ec489914;border-color:#ec489959;box-shadow:0 0 15px #ec489926}.player-name{font-size:.95rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.player-card.player-w .player-name{color:#a5b4fc}.player-card.player-b .player-name{color:#f472b6}.player-status{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.player-card.active-turn .player-status{color:var(--text-primary);font-weight:600;animation:pulseOpacity 1.5s infinite ease-in-out}.captures-pool{display:flex;align-items:center;gap:.25rem;font-size:1.15rem;min-height:24px}.captured-icon{display:inline-flex;align-items:center;opacity:.75}.vs-divider{font-size:1.1rem;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.05em;opacity:.5}.hud-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.hud-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-primary);transition:var(--transition-smooth)}.hud-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.hud-btn:active:not(:disabled){transform:translateY(0)}.hud-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.hud-btn.primary-btn{background:var(--accent-gradient);border-color:transparent;box-shadow:var(--accent-glow)}.hud-btn.primary-btn:hover{box-shadow:0 0 25px #6366f199}.game-play-area{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}@media(max-width:820px){.game-play-area{grid-template-columns:1fr}}.board-wrapper{position:relative;width:100%}.sidebar-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;height:100%;min-height:380px;max-height:560px}.sidebar-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.sidebar-scroll{flex:1;overflow-y:auto;padding-right:4px}.sidebar-scroll::-webkit-scrollbar,.overlay-content::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track,.overlay-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb,.overlay-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.moves-table{width:100%;border-collapse:collapse;font-size:.9rem}.moves-table tr{border-bottom:1px solid rgba(255,255,255,.03)}.moves-table td{padding:.5rem .25rem;color:var(--text-secondary)}.move-num{font-weight:600;width:35px;color:var(--text-muted)}.move-ply{cursor:pointer;border-radius:4px;padding:.15rem .4rem;transition:var(--transition-smooth)}.move-ply:hover{background:#ffffff0f;color:var(--text-primary)}.game-overlay{position:absolute;inset:0;background:#080a0fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:24px;z-index:20;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .3s ease}.game-overlay.active{opacity:1;pointer-events:all}.overlay-content{background:#121621f2;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.25rem 2rem;max-width:420px;width:90%;max-height:calc(100% - 2rem);overflow-y:auto;text-align:center;box-shadow:0 20px 50px #00000080;transform:translateY(15px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.game-overlay.active .overlay-content{transform:translateY(0)}.overlay-title{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.overlay-title.victory-w{background:linear-gradient(135deg,#fff 40%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-title.victory-b{background:linear-gradient(135deg,#fff 40%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-title.victory-tie{color:var(--text-secondary)}.overlay-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.4}.settings-group{margin-bottom:1.25rem;text-align:left}.settings-label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.settings-options-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.settings-opt-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.settings-opt-btn:hover{background:#ffffff0f;color:var(--text-primary)}.settings-opt-btn.active{background:#6366f126;border-color:#6366f166;color:#fff;font-weight:600;box-shadow:inset 0 1px 1px #ffffff0d}.cpu-thinking-indicator{position:absolute;inset:0;background:#0d0f1499;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .25s ease}.cpu-thinking-indicator.active{opacity:1;pointer-events:all}.thinking-pulse{width:48px;height:48px;border-radius:50%;background:#6366f133;border:2px solid var(--accent-color);box-shadow:var(--accent-glow);animation:pulseThinking 1.5s infinite ease-in-out}.cpu-thinking-indicator span{font-weight:600;font-size:1rem;color:var(--text-primary);letter-spacing:.02em;text-shadow:0 0 10px rgba(0,0,0,.5)}@keyframes pulseOpacity{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulseThinking{0%{transform:scale(.8);opacity:.5;box-shadow:0 0 #6366f1b3}70%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 12px #6366f100}to{transform:scale(.8);opacity:.5;box-shadow:0 0 #6366f100}}.instructions-section.svelte-5d0wqb{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:1.5rem}.glow-icon-wrapper.svelte-5d0wqb{width:90px;height:90px;border-radius:24px;background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border:1px solid rgba(251,191,36,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #fbbf2426}.glow-icon.svelte-5d0wqb{width:44px;height:44px;stroke:#fbbf24;stroke-width:1.5;fill:none;filter:drop-shadow(0 0 6px rgba(251,191,36,.5));animation:svelte-5d0wqb-pulse 2.5s infinite ease-in-out}@keyframes svelte-5d0wqb-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.description.svelte-5d0wqb{text-align:center;color:var(--text-secondary);font-size:1.1rem;max-width:550px;line-height:1.6;font-weight:300}.panels-grid.svelte-5d0wqb{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:760px;margin-top:.5rem}.steps-card.svelte-5d0wqb{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.75rem;width:100%;box-shadow:inset 0 1px 2px #ffffff05}.steps-title.svelte-5d0wqb{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.01em}.steps-list.svelte-5d0wqb{padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem;color:var(--text-secondary);font-size:.95rem;font-weight:300;line-height:1.5}.steps-list.svelte-5d0wqb strong:where(.svelte-5d0wqb){color:var(--text-primary);font-weight:500}.config-card.svelte-5d0wqb{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.75rem;width:100%;box-shadow:inset 0 1px 2px #ffffff05}.config-group.svelte-5d0wqb{display:flex;flex-direction:column;gap:.5rem}.config-label.svelte-5d0wqb{font-size:.9rem;color:var(--text-secondary);font-weight:500}.color-picker-row.svelte-5d0wqb{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.color-picker.svelte-5d0wqb{appearance:none;-webkit-appearance:none;border:none;width:44px;height:44px;border-radius:8px;cursor:pointer;background:transparent;padding:0}.color-picker.svelte-5d0wqb::-webkit-color-swatch-wrapper{padding:0}.color-picker.svelte-5d0wqb::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 2px 8px #0003}.color-hex-input.svelte-5d0wqb{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.65rem .85rem;border-radius:8px;font-family:monospace;font-size:.95rem;outline:none;transition:var(--transition-smooth)}.color-hex-input.svelte-5d0wqb:focus{border-color:var(--accent-color);box-shadow:0 0 10px #6366f133;background:#ffffff0d}.grid-controls-row.svelte-5d0wqb{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem;background:#ffffff04;border:1px solid rgba(255,255,255,.04);padding:.6rem .75rem;border-radius:8px}.switch-container.svelte-5d0wqb{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input.svelte-5d0wqb{display:none}.switch-slider.svelte-5d0wqb{position:relative;width:38px;height:20px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:var(--transition-smooth);margin-right:.5rem}.switch-slider.svelte-5d0wqb:before{content:"";position:absolute;width:14px;height:14px;left:2px;bottom:2px;background-color:var(--text-secondary);border-radius:50%;transition:var(--transition-smooth)}.switch-input.svelte-5d0wqb:checked+.switch-slider:where(.svelte-5d0wqb){background-color:#6366f126;border-color:var(--accent-color)}.switch-input.svelte-5d0wqb:checked+.switch-slider:where(.svelte-5d0wqb):before{transform:translate(18px);background-color:var(--accent-color);box-shadow:0 0 6px var(--accent-color)}.switch-label.svelte-5d0wqb{font-size:.9rem;color:var(--text-secondary)}.grid-unit-toggle.svelte-5d0wqb{display:flex;gap:2px;background:#0003;border:1px solid rgba(255,255,255,.05);padding:2px;border-radius:6px}.unit-btn.svelte-5d0wqb{background:transparent;border:none;color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.unit-btn.svelte-5d0wqb:hover{color:var(--text-primary)}.unit-btn.active.svelte-5d0wqb{background:#ffffff14;color:#fff}.file-upload-wrapper.svelte-5d0wqb{margin-top:.25rem}.custom-file-upload.svelte-5d0wqb{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text-secondary);transition:var(--transition-smooth);width:100%;justify-content:center}.custom-file-upload.svelte-5d0wqb:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary)}.image-preview-info.svelte-5d0wqb{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);padding:.5rem .75rem;border-radius:8px;margin-top:.25rem}.file-name.svelte-5d0wqb{font-size:.85rem;color:var(--text-primary)}.remove-img-btn.svelte-5d0wqb{background:transparent;border:none;color:#ef4444;font-size:.8rem;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px;transition:var(--transition-smooth)}.remove-img-btn.svelte-5d0wqb:hover{background:#ef444426}.preview-container.svelte-5d0wqb{width:100%;height:180px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:.25rem;box-shadow:inset 0 2px 8px #0006}.preview-screen.svelte-5d0wqb{position:relative;border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #0000004d;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.preview-image.svelte-5d0wqb{pointer-events:none;max-width:100%;max-height:100%;user-select:none;-webkit-user-select:none}.preview-image.fit-contain.svelte-5d0wqb{object-fit:contain;width:auto;height:auto}.preview-image.fit-cover.svelte-5d0wqb{object-fit:cover;width:100%;height:100%}.grid-overlay.svelte-5d0wqb{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99995}.sliders-row.svelte-5d0wqb{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:1rem}.slider-group.svelte-5d0wqb{display:flex;flex-direction:column;gap:.35rem}.slider-label.svelte-5d0wqb{font-size:.85rem;color:var(--text-secondary);font-weight:400}.range-slider.svelte-5d0wqb{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;appearance:none;-webkit-appearance:none}.range-slider.svelte-5d0wqb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 0 8px #6366f180;transition:transform .1s ease}.range-slider.svelte-5d0wqb::-webkit-slider-thumb:hover{transform:scale(1.2)}.fit-modes.svelte-5d0wqb{display:flex;gap:.5rem;margin-top:1rem;width:100%}.fit-btn.svelte-5d0wqb{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:.45rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.fit-btn.svelte-5d0wqb:hover{background:#ffffff0f;color:var(--text-primary)}.fit-btn.active.svelte-5d0wqb{background:#6366f126;border-color:var(--accent-color);color:#fff;box-shadow:inset 0 1px 1px #ffffff0d}.reset-btn.svelte-5d0wqb{flex:1;background:#ef44440d;border:1px solid rgba(239,68,68,.15);color:#f87171;padding:.45rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.reset-btn.svelte-5d0wqb:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.actions.svelte-5d0wqb{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;width:100%;justify-content:center}.start-btn.svelte-5d0wqb{border:none;cursor:pointer;font-family:inherit;font-size:1rem}.secondary-btn.svelte-5d0wqb{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition-smooth);padding:.75rem 1.25rem;border-radius:10px;border:1px solid transparent}.secondary-btn.svelte-5d0wqb:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.locked-screen.svelte-5d0wqb{position:fixed;inset:0;width:100%;height:100%;z-index:99999;touch-action:none;overflow:hidden;user-select:none;-webkit-user-select:none;border:1px solid rgba(0,0,0,.2);box-sizing:border-box}.overlay-image-container.svelte-5d0wqb{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:99990;overflow:hidden}.overlay-image.svelte-5d0wqb{max-width:100%;max-height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;transition:opacity .15s ease}.overlay-image.fit-contain.svelte-5d0wqb{object-fit:contain;width:auto;height:auto}.overlay-image.fit-cover.svelte-5d0wqb{object-fit:cover;width:100%;height:100%}.lock-btn.svelte-5d0wqb{position:absolute;width:60px;height:60px;border-radius:50%;background:#0000000d;border:1px dashed rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;z-index:100002;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000005;padding:0;outline:none}.lock-btn.svelte-5d0wqb:active{cursor:grabbing;background:#0000001a;border-style:solid;border-color:#00000040;box-shadow:0 6px 16px #00000014}.lock-btn.smooth-return.svelte-5d0wqb{transition:left .35s cubic-bezier(.25,1,.5,1),top .35s cubic-bezier(.25,1,.5,1)}.lock-svg.svelte-5d0wqb{width:24px;height:24px;stroke:#00000059;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:all .2s ease}.lock-btn.svelte-5d0wqb:active .lock-svg:where(.svelte-5d0wqb){stroke:#0000008c}.arrow-indicator.svelte-5d0wqb{position:absolute;left:50%;top:50%;width:24px;height:24px;color:#00000040;pointer-events:none;transition:opacity .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.arrow-indicator.fade-out.svelte-5d0wqb{opacity:0}.arrow-svg.svelte-5d0wqb{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.lock-btn.svelte-5d0wqb:active .arrow-indicator:where(.svelte-5d0wqb){color:#00000073}.target-area.svelte-5d0wqb{position:absolute;width:68px;height:68px;border-radius:50%;border:1px dashed rgba(0,0,0,.08);background:#00000004;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:100001;transition:all .25s cubic-bezier(.25,1,.5,1)}.target-area.near.svelte-5d0wqb{width:76px;height:76px;border-style:solid;border-color:#10b98166;background:#10b9810a}.target-svg.svelte-5d0wqb{width:24px;height:24px;stroke:#00000040;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:all .25s ease}.target-area.near.svelte-5d0wqb .target-svg:where(.svelte-5d0wqb){stroke:#10b98199;transform:scale(1.1)}.target-glow.svelte-5d0wqb{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 16px #10b98133;animation:svelte-5d0wqb-target-pulse 1.5s infinite alternate ease-in-out}@keyframes svelte-5d0wqb-target-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.08)}}