:root{--bg:#0f0f12;--surface:#1a1a1f;--border:#2a2a32;--text:#e8e8ec;--text-muted:#888;--accent:#6366f1;--accent-hover:#818cf8;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}@media (max-width:720px){.app-header{padding:10px 12px!important;gap:8px!important}.app-header-brand-sub{display:none}.app-header-title{font-size:1.35rem!important}}button{cursor:pointer;font:inherit}a{color:var(--accent)}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes hint-fade{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes hint-primary-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hint-pulse-ring{0%{box-shadow:0 0 0 0 var(--hint-color,#818cf8);opacity:.8}70%{box-shadow:0 0 0 18px transparent;opacity:0}to{box-shadow:0 0 0 0 transparent;opacity:0}}@keyframes grid-bg-dots{0%{background-position:0 0}to{background-position:24px 24px}}@keyframes chaos-hit{0%{opacity:0;transform:translate(-50%,-120%) scale(.6)}15%{opacity:1;transform:translate(-50%,-130%) scale(1.2)}40%{opacity:1;transform:translate(-50%,-140%) scale(1)}to{opacity:0;transform:translate(-50%,-170%) scale(.85)}}