:root {
  color-scheme: light;
  --bg-primary:#f1f5f9; --card-bg:#fff; --sidebar-bg:#1e293b;
  --text-title:#0f172a; --text-body:#64748b; --text-muted:#94a3b8;
  --button-accent:#0ea5e9; --button-accent-hover:#0284c7;
  --border-color:#e2e8f0; --badge-bg:#f1f5f9; --badge-text:#475569;
  --shadow:0 10px 25px -5px rgba(15,23,42,.08);
}
[data-theme="dark"] {
  color-scheme:dark;
  --bg-primary:#0f172a; --card-bg:#1e293b; --sidebar-bg:#080d17;
  --text-title:#f8fafc; --text-body:#cbd5e1; --text-muted:#94a3b8;
  --button-accent:#38bdf8; --button-accent-hover:#0ea5e9;
  --border-color:#334155; --badge-bg:#334155; --badge-text:#e2e8f0;
  --shadow:0 10px 25px -5px rgba(0,0,0,.22);
}
*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
body{background:var(--bg-primary);color:var(--text-body);min-height:100vh;transition:background-color .2s,color .2s}
button,input{font:inherit}
button{padding:12px 20px;border:0;border-radius:9px;font-weight:700;cursor:pointer;transition:transform .14s,background-color .14s,opacity .14s}
button:hover:not(:disabled){transform:translateY(-2px)}
button:active:not(:disabled){transform:translateY(0) scale(.99)}
button:disabled{opacity:.42;cursor:not-allowed}
button:focus-visible,a:focus-visible{outline:3px solid var(--button-accent);outline-offset:3px}
.app-container{display:flex;min-height:100vh}
.sidebar-menu{width:260px;flex-shrink:0;background:var(--sidebar-bg);padding:24px;display:flex;flex-direction:column;gap:16px}
.menu-logo{color:var(--button-accent);font:700 .95rem monospace;margin-bottom:18px;overflow-wrap:anywhere}
.menu-links{list-style:none}.menu-links li{margin-bottom:8px}
.menu-links a{display:block;color:#94a3b8;text-decoration:none;font-weight:600;padding:11px 14px;border-radius:8px;transition:background .2s,color .2s}
.menu-links li.active-link a,.menu-links a:hover{color:white;background:#334155}
.version-label{margin-top:auto;color:#94a3b8;font: .72rem monospace;opacity:.8}
.main-content{flex:1;min-width:0;padding:clamp(16px,3vw,40px);display:flex;justify-content:center;align-items:flex-start}
.game-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.dashboard-card{min-width:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:background-color .2s,border-color .2s}
.clicker-card{padding:clamp(24px,3vw,40px);text-align:center;position:sticky;top:20px}
.shop-column{display:flex;flex-direction:column;gap:16px}
.upgrade-card{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left}
.upgrade-card>div{min-width:0}.upgrade-card button{flex-shrink:0;min-width:76px;background:var(--button-accent);color:#fff}
.dashboard-card h3{color:var(--text-title);margin-bottom:7px;font-size:1.05rem}
.dashboard-card p{font-size:.86rem;line-height:1.55;margin-bottom:9px}
.dashboard-card strong{color:var(--text-title)}
#welcome-banner{color:var(--text-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
#counter-display{color:var(--text-title);font-size:clamp(2rem,4vw,3rem);font-weight:850;overflow-wrap:anywhere;margin-bottom:8px;font-variant-numeric:tabular-nums}
#combo-display{color:var(--button-accent);font-size:1.15rem;font-weight:800;margin:8px 0}
.card-subtitle{margin-bottom:24px}
#my-btn{width:100%;min-height:58px;background:var(--button-accent);color:white;font-size:1.05rem;box-shadow:0 4px 14px rgba(14,165,233,.22)}
#my-btn:hover:not(:disabled){background:var(--button-accent-hover)}
.secondary-btn{background:var(--badge-bg);color:var(--badge-text)}
.prestige-btn{width:100%;background:#6366f1;color:white;margin:10px 0}
.action-buttons{display:flex;gap:12px}.action-buttons.vertical{flex-direction:column}
.quick-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.quick-stats>div{background:var(--badge-bg);padding:12px;border-radius:9px;min-width:0}
.quick-stats small,.owned{display:block;color:var(--text-muted);font-size:.75rem;margin-bottom:4px}
.quick-stats strong{display:block;font-size:1.08rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.owned{margin-top:6px;margin-bottom:0}
.progress-track{height:9px;background:var(--badge-bg);border-radius:99px;overflow:hidden;margin-top:14px}
.progress-fill{height:100%;width:0;background:var(--button-accent);border-radius:inherit;transition:width .12s linear}
.progress-box{background:var(--badge-bg);border-radius:8px;padding:12px;text-align:center;margin-top:10px}
.progress-box strong{color:var(--button-accent)}
.achievement{background:var(--badge-bg);color:var(--badge-text);padding:11px 12px;border-radius:8px;font-size:.82rem;font-weight:650;margin-top:8px}
.achievement-green{background:#d1fae5;color:#047857}.achievement-gold{background:#fef3c7;color:#92400e}
.achievement-prestige{background:#e0e7ff;color:#4338ca}.achievement-dolphin{background:#cffafe;color:#0e7490}
[data-theme="dark"] .achievement-green{background:#064e3b;color:#a7f3d0}
[data-theme="dark"] .achievement-gold{background:#78350f;color:#fde68a}
[data-theme="dark"] .achievement-prestige{background:#312e81;color:#c7d2fe}
[data-theme="dark"] .achievement-dolphin{background:#164e63;color:#a5f3fc}
.dolphin-card{text-align:center;overflow:hidden}.dolphin{font-size:3rem;animation:dolphinFloat 2s ease-in-out infinite}
#dolphin-status{display:inline-block;color:var(--button-accent);font: .75rem monospace}
.server-time{font: .8rem monospace;color:var(--text-muted);margin-top:22px}
.save-status{font-size:.75rem;color:var(--text-muted);margin-top:5px}
.juice-particle{position:fixed;pointer-events:none;z-index:9999;font-weight:900;font-size:1rem;color:var(--button-accent);animation:juiceFloat .75s ease-out forwards}
.pop-active{animation:juiceClickPop .13s ease-out}
.crit-active{animation:critFlash .25s ease-out}
@keyframes dolphinFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes juiceClickPop{0%{transform:scale(1)}45%{transform:scale(.92)}100%{transform:scale(1.04)}}
@keyframes juiceFloat{0%{opacity:1;transform:translate(-50%,0) scale(.8)}100%{opacity:0;transform:translate(-50%,-70px) scale(1.05)}}
@keyframes critFlash{0%{color:#ef4444;transform:scale(1.1)}50%{color:#f97316;transform:scale(1.16)}100%{color:var(--text-title);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:850px){.app-container{flex-direction:column}.sidebar-menu{width:100%;padding:16px;gap:8px}.menu-logo{margin:0 0 6px}.menu-links{display:flex;gap:8px;flex-wrap:wrap}.menu-links li{margin:0}.version-label{display:none}.main-content{padding:18px}.game-grid{grid-template-columns:1fr}.clicker-card{position:static}.shop-column{gap:14px}}
@media(max-width:480px){.main-content{padding:12px}.dashboard-card{padding:18px}.clicker-card{padding:22px}.upgrade-card{align-items:flex-start;gap:10px}.upgrade-card button{min-width:64px;padding:11px 13px}.quick-stats{gap:8px}.quick-stats>div{padding:10px}#counter-display{font-size:2.15rem}}