@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";:root{color-scheme:only light;--ink: #0b0b0f;--paper: #f6f2e8;--accent: #ffb347;--accent-2: #ff6b6b;--bg-gradient: radial-gradient(circle at top, #fbe6c4 0%, #e8d8b9 45%, #b9b3a1 100%);--hud-bg: rgba(13, 12, 20, .7);--hud-border: rgba(255, 255, 255, .15);--btn-bg: rgba(255, 255, 255, .15);--btn-border: rgba(255, 255, 255, .3);--btn-active: rgba(255, 255, 255, .35)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Bungee,Bebas Neue,Oswald,Impact,sans-serif;background:var(--bg-gradient);color:var(--paper);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud.hud-score-row{position:absolute;top:3.68%;left:20px;right:20px;display:flex;justify-content:space-between;align-items:stretch;gap:6px;z-index:5;pointer-events:none}.score-display{flex:0 0 auto;width:28%;max-width:140px;min-height:6.73%;background:var(--score-bg, #b34a42);padding:0;border-radius:12px;border:1px solid rgba(0,0,0,.25);box-shadow:0 2px #0003,0 4px 12px #00000026;font-family:Bungee,Arial Black,sans-serif;color:#fff;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-label{font-size:.45rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;padding:3px 6px;text-align:center;background:#e77575}.score-value{font-size:.9rem;font-weight:400;line-height:1;padding:3px 6px;text-align:center;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,#0f0f14d9,#0a0a0ff2);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}.overlay-visible{opacity:1;pointer-events:auto}.overlay-card{width:min(460px,90vw);padding:28px 26px;background:#14121cf2;border:2px solid #000000;border-radius:24px;box-shadow:0 6px #000;text-align:left;animation:slideUp .5s ease}.overlay-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-family:Bungee,sans-serif;color:#ffffffb3}.overlay-card h1,.overlay-card h2{margin:0 0 10px;font-size:36px;font-family:Bungee,sans-serif;color:#ffe1ba}.overlay-copy{margin:0 0 16px;font-size:16px;font-family:Bungee,sans-serif;letter-spacing:.02em}.overlay-controls{display:grid;gap:6px;font-family:Bungee,sans-serif;font-size:14px;color:#ffffffb3;margin-bottom:18px}.primary{border:2px solid #000000;padding:14px 22px;border-radius:16px;background:linear-gradient(130deg,var(--accent),var(--accent-2));color:#2a1200;font-size:16px;font-family:Bungee,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px #000}.primary:active{transform:translateY(2px);box-shadow:0 2px #000}.controls{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;z-index:6}body.touch .controls{display:flex;justify-content:space-between;align-items:flex-end;padding:20px;pointer-events:auto}.controls-left,.controls-right{display:flex;flex-direction:row;gap:14px}.control-btn{width:64px;height:64px;border-radius:20px;border:2px solid #000000;background:var(--btn-bg);color:#fff;font-size:24px;font-family:Bungee,sans-serif;text-align:center;pointer-events:auto;user-select:none;-webkit-user-select:none;box-shadow:0 4px #000}.control-btn:active,.control-btn.active{background:var(--btn-active);transform:translateY(2px);box-shadow:0 2px #000}@keyframes slideUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 720px){#hud.hud-score-row{top:2.5%;left:10px;right:10px;gap:4px}.score-display{width:30%;max-width:100px}.score-display .score-label{font-size:.4rem;padding:2px 4px}.score-display .score-value{font-size:.7rem;padding:2px 4px}.overlay-card h1,.overlay-card h2{font-size:30px}.control-btn{width:56px;height:56px;font-size:22px}}