:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow-x:hidden}.sipa-root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;margin:.25rem}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 15px #f973164d}.btn-primary:hover{box-shadow:0 6px 20px #f9731680}.btn-secondary{background:#ffffff1a;color:#fafafa;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-ghost{background:transparent;color:#fff6;font-size:.85rem}.btn-ghost:hover{color:#ffffffb3}.title-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(180deg,#1a0a2e,#0a1628,#0a0a1a);padding:2rem}.title-logo{font-size:5rem;animation:titleBounce 1.5s ease-in-out infinite}@keyframes titleBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-5deg)}75%{transform:translateY(-12px) rotate(5deg)}}.title-text{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#f97316,#fbbf24,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.title-sub{color:#ffffff80;font-size:1.1rem;margin-bottom:.5rem}.title-stats{display:flex;gap:1.5rem;margin-bottom:.5rem}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:800;color:#fbbf24}.stat-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.customize-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(180deg,#0c1a2e,#0a0a1a)}.customize-screen h2{font-size:1.8rem;margin-bottom:1rem}.customize-screen h3{font-size:1.1rem;color:#fff9;margin:1rem 0 .75rem;align-self:flex-start;max-width:500px;width:100%}.customize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;width:100%;max-width:500px;margin-bottom:.5rem}.customize-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem .5rem;text-align:center;transition:all .15s}.customize-card.unlocked{cursor:pointer}.customize-card.unlocked:hover{background:#ffffff1a;transform:translateY(-2px)}.customize-card.selected{border-color:#f97316;background:#f973161a}.customize-card.locked{opacity:.35;cursor:not-allowed}.customize-emoji{font-size:2rem;margin-bottom:.25rem}.customize-name{font-size:.8rem;font-weight:600}.customize-desc{font-size:.65rem;color:#fff6}.customize-lock{font-size:.6rem;color:#ffffff4d;margin-top:.25rem}.game-screen{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;background:#111}.game-hud{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;z-index:10}.hud-left{text-align:left}.hud-score{font-size:3.5rem;font-weight:900;line-height:1;color:#fbbf24;text-shadow:0 2px 10px rgba(251,191,36,.3)}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.hud-center{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px}.hud-cheer{font-size:1.3rem;font-weight:800;color:#ef4444;animation:cheerPop .5s ease-out;text-shadow:0 2px 8px rgba(239,68,68,.4)}@keyframes cheerPop{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.hud-right{text-align:right}.hud-best{font-size:.85rem;color:#ffffff80}.game-canvas{display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:.5rem}.speed-indicator{position:absolute;bottom:1rem;right:1rem;background:#ef4444cc;color:#fff;font-size:.85rem;font-weight:700;padding:.3rem .6rem;border-radius:.5rem;animation:speedPulse 1s ease-in-out infinite}@keyframes speedPulse{0%,to{opacity:.7}50%{opacity:1}}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:2rem;text-align:center;max-width:300px;width:90%;animation:cardPop .4s ease-out}@keyframes cardPop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-over-card h2{font-size:1.5rem;margin-bottom:.5rem}.game-over-score{font-size:5rem;font-weight:900;line-height:1;color:#fbbf24;text-shadow:0 4px 20px rgba(251,191,36,.3)}.game-over-label{font-size:.9rem;color:#fff6;margin-bottom:.75rem}.new-badge{display:inline-block;background:linear-gradient(135deg,#f97316,#fbbf24);color:#000;font-weight:800;font-size:.85rem;padding:.3rem 1rem;border-radius:1rem;margin-bottom:1rem;animation:newPulse 1s ease-in-out infinite}@keyframes newPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.game-over-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}@media(max-width:480px){.title-text{font-size:2.2rem}.title-logo{font-size:4rem}.stat-box{padding:.5rem 1rem}.stat-value{font-size:1.5rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}.hud-score{font-size:2.5rem}.customize-grid{grid-template-columns:repeat(3,1fr)}}