:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#050510;color:#fafafa;user-select:none;-webkit-user-select:none;touch-action:none}.game-container{position:relative;width:100%;height:100%;cursor:pointer}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;pointer-events:none;z-index:10}.score{font-size:1.1rem;font-weight:300;letter-spacing:.15em;color:#b4c8ffb3;font-variant-numeric:tabular-nums}.best{font-size:.75rem;letter-spacing:.12em;color:#b4c8ff59;text-transform:uppercase}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;pointer-events:none}.overlay.start{animation:fadeIn 1.2s ease-out}.overlay.gameover{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title{font-size:2.8rem;font-weight:200;letter-spacing:.35em;text-transform:uppercase;color:#b4c8ffe6;margin-bottom:.5rem}.subtitle{font-size:.85rem;font-weight:300;letter-spacing:.2em;color:#b4c8ff66;margin-bottom:2.5rem}.tap-hint{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#b4c8ff4d;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.final-score{font-size:3.5rem;font-weight:100;letter-spacing:.1em;color:#b4c8ffd9;margin-bottom:.25rem}.final-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#b4c8ff4d;margin-bottom:2rem}