@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";:root{--bg: #f3efe6;--panel: rgba(20, 20, 20, .75);--accent: #f05454;--text: #121212}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100dvw;height:100dvh;overflow:hidden;background:radial-gradient(circle at 20% 20%,#fff9ed,#f2e7d3 35%,#e5d4b8);font-family:Space Grotesk,sans-serif;color:var(--text)}#app{position:relative}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#fff0 40%,#00000038);mix-blend-mode:multiply}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;display:block}#floating-scores{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.floating-score{position:absolute;font-family:Bungee,Arial Black,sans-serif;font-size:1.5rem;color:var(--score-color, #fff);text-shadow:0 2px 4px rgba(0,0,0,.65),0 0 12px rgba(255,220,150,.6);transform:translate(-50%,-50%) rotate(var(--score-rotate, 0deg)) scale(var(--score-scale, 1));background:#00000059;border:2px solid rgba(255,255,255,.7);padding:6px 12px;border-radius:999px;box-shadow:0 6px #00000059;animation:float-score 1s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap}@keyframes float-score{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) rotate(var(--score-rotate, 0deg)) scale(var(--score-scale, 1))}to{opacity:0;transform:translate(-50%,-50%) translateY(-52px) rotate(var(--score-rotate, 0deg)) scale(.9)}}#ui{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.ui-panel{font-family:Bungee,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;border:2px solid #000000;box-shadow:0 4px #000;padding:12px 20px;display:inline-block;line-height:1.1}#title{font-size:28px;font-weight:400;align-self:flex-start}#hint.ui-panel--hint{font-size:14px;align-self:flex-end;padding:8px 16px;border-radius:999px}.score-display{position:fixed;top:3.68%;left:20px;width:29.54%;min-height:6.73%;background:linear-gradient(180deg,#c45a52,#9e3c37);padding:0;border-radius:24px;border:2px solid #000000;box-shadow:0 4px #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden}.score-label{font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:#e77575}.score-value{font-size:1.8rem;font-weight:400;line-height:1;padding:6px 12px;text-align:center;display:block}.timer-display{position:fixed;top:3.68%;right:20px;width:29.54%;min-height:6.73%;background:linear-gradient(180deg,#3a6b9e,#2a4d75);padding:0;border-radius:24px;border:2px solid #000000;box-shadow:0 4px #000;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden}.timer-label{font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:#5a8fc9}.timer-value{font-size:1.8rem;font-weight:400;line-height:1;padding:6px 12px;text-align:center;display:block}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(ellipse at 30% 30%,#fff9ed,#f2e7d3 40%,#e5d4b8);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-panel{font-family:Bungee,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:.06em;border-radius:24px;border:2px solid #000000;box-shadow:0 6px #000;padding:32px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#ffffffeb}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.12);border-top-color:#c45a52;border-radius:50%;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-title{font-size:22px;font-weight:400;color:#121212;margin:0}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0aa6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;transition:opacity .3s ease}#overlay.hidden{opacity:0}.overlay-panel{font-family:Bungee,Arial Black,sans-serif;text-transform:uppercase;letter-spacing:.06em;border-radius:24px;border:2px solid #000000;box-shadow:0 6px #000;padding:28px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#1e1e1ef2}#overlay-title{font-size:28px;font-weight:400;line-height:1.1}#overlay-hint{font-size:14px;letter-spacing:.1em;color:#fbd46d}@media (max-width: 700px){#title{font-size:22px;padding:10px 16px}.ui-panel--hint{font-size:12px;padding:6px 12px}.overlay-panel{padding:22px 28px;margin:16px}#overlay-title{font-size:24px}.score-value,.timer-value{font-size:1.4rem}}