@import"https://fonts.googleapis.com/css2?family=Bungee&family=Jost:wght@400;600;700&display=swap";:root{font-family:Jost,sans-serif;color:#fff;background:#87ceeb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#72c7ed,#e0f6ff)}canvas{display:block;width:100%;height:100%}.ui-overlay{position:fixed;inset:0;pointer-events:none;text-align:center;text-shadow:0 3px 10px rgb(15 43 63 / 55%)}.panel{position:absolute;left:50%;width:min(620px,calc(100% - 40px));transform:translate(-50%);padding:24px;border:2px solid rgb(255 255 255 / 42%);border-radius:24px;background:#103f5859;box-shadow:0 12px 45px #082b3f4d}.menu-panel{top:9vh}.results-panel{top:20vh}.eyebrow,.result-label{margin:0;color:#f8dc72;font-weight:700;letter-spacing:.18em}h1{margin:8px 0;font-family:Bungee,cursive;font-size:clamp(1.8rem,7vw,3.5rem);line-height:.98}.lead{max-width:470px;margin:18px auto;font-size:clamp(1rem,2vw,1.22rem)}.start-prompt{margin:18px 0 0;color:#fff5cd;font-size:clamp(.9rem,2vw,1.15rem);animation:pulse 1.1s ease-in-out infinite alternate}.countdown{position:absolute;top:23%;width:100%;color:#ffe176;font-family:Bungee,cursive;font-size:clamp(7rem,22vw,13rem)}.countdown-pop{animation:countdown-pop .75s ease-out forwards}.hud{display:flex;justify-content:space-between;padding:26px 38px;font-family:Bungee,cursive;font-size:clamp(2.2rem,6vw,4rem)}.timer:after{content:" SEK";font-family:Jost,sans-serif;font-size:.3em;font-weight:700}.final-score{margin:4px 0;color:#ffe176;font-family:Bungee,cursive;font-size:clamp(5rem,15vw,9rem);line-height:1}.help,.mute-status{position:absolute;bottom:18px;font-size:clamp(.7rem,1.7vw,.95rem);font-weight:600}.help{left:18px;text-align:left}.mute-status{right:18px}.mobile-start-prompt{display:none}.virtual-stick{position:fixed;z-index:1;bottom:26px;left:24px;width:124px;aspect-ratio:1;border:3px solid rgb(255 255 255 / 52%);border-radius:50%;background:#082b3f38;box-shadow:inset 0 0 20px #ffffff26,0 4px 14px #082b3f3d;touch-action:none;user-select:none;-webkit-user-select:none}.virtual-stick-thumb{position:absolute;top:calc(50% - 27px);left:calc(50% - 27px);width:54px;aspect-ratio:1;border:2px solid rgb(255 255 255 / 72%);border-radius:50%;background:#fff5cd73;box-shadow:0 2px 8px #082b3f4d;pointer-events:none}@keyframes pulse{to{opacity:.55;transform:scale(1.025)}}@keyframes countdown-pop{0%{transform:scale(.82);opacity:.4}35%{transform:scale(1.08);opacity:1}to{transform:scale(1.25);opacity:0}}@media(max-width:560px){.panel,.hud{padding:18px}.help{max-width:72%}}@media(pointer:coarse){.desktop-start-prompt{display:none}.mobile-start-prompt{display:block}.help{display:none}}