:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#1a0a00;color:#fafafa;overflow:hidden}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative}.game-container{position:relative;width:100%;max-width:480px;height:100vh;display:flex;flex-direction:column;align-items:center}.game-canvas{cursor:pointer;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;pointer-events:none;z-index:10}.hud-section{display:flex;flex-direction:column;gap:4px}.hud-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffdcb480;font-weight:600}.hud-value{font-size:2rem;font-weight:700;color:#fc6;text-shadow:0 2px 12px rgba(255,160,0,.4);line-height:1;font-variant-numeric:tabular-nums}.hud-right{text-align:right}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0500d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;gap:20px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-title{font-size:2.5rem;font-weight:800;color:#fc6;text-shadow:0 0 30px rgba(255,160,0,.5);text-align:center;line-height:1.1}.overlay-subtitle{font-size:1rem;color:#ffdcb4b3;text-align:center;max-width:300px}.overlay-score{font-size:3.5rem;font-weight:800;color:#f93;text-shadow:0 0 20px rgba(255,140,0,.5)}.overlay-best{font-size:.85rem;color:#ffdcb480;letter-spacing:.1em;text-transform:uppercase}.start-btn{background:linear-gradient(135deg,#f93,#f60);color:#fff;border:none;padding:14px 48px;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 24px #ff640066;transition:transform .15s,box-shadow .15s;pointer-events:all}.start-btn:hover{transform:scale(1.05);box-shadow:0 6px 32px #ff640099}.start-btn:active{transform:scale(.97)}.new-best{color:#fc6;font-weight:700;font-size:1rem;text-shadow:0 0 12px rgba(255,200,0,.5);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.streak-text{position:absolute;font-size:1.5rem;font-weight:800;color:#fc6;text-shadow:0 0 12px rgba(255,160,0,.6);pointer-events:none;z-index:15;animation:streakPop .8s ease-out forwards}@keyframes streakPop{0%{transform:scale(.5) translateY(0);opacity:0}20%{transform:scale(1.3) translateY(-10px);opacity:1}to{transform:scale(1) translateY(-60px);opacity:0}}