:root{--bg-top: #0f1c18;--bg-bottom: #223528;--hud-bg: rgba(7, 10, 8, .68);--hud-border: rgba(190, 220, 165, .42);--text: #e9f2d7;--accent: #c8f36a;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--touch-idle-opacity: .48;--touch-active-opacity: .94}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 20%,var(--bg-bottom),var(--bg-top))}#game{display:block;width:100vw;height:100vh;touch-action:none}#start-screen,#end-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 10% 20%,rgba(126,192,82,.14),transparent 45%),radial-gradient(circle at 85% 80%,rgba(211,120,66,.12),transparent 45%),#070c09d1}#end-screen{display:none;z-index:25}#start-card,#end-card{width:min(96vw,650px);background:#080e0ae0;border:1px solid rgba(190,220,165,.5);border-radius:14px;padding:16px 18px;box-shadow:0 20px 60px #00000059}#start-card h1,#end-card h2{margin:0 0 8px;font-size:clamp(1.35rem,3vw,2rem);color:var(--accent)}#start-card p{margin:7px 0;font-size:clamp(.9rem,2.1vw,1rem);line-height:1.36}#player-setup{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#player-setup label{display:grid;gap:4px;font-size:.8rem;letter-spacing:.02em}#player-setup input,#player-setup select{border:1px solid rgba(190,220,165,.35);border-radius:8px;background:#071009c7;color:var(--text);padding:8px;font-size:.95rem}#kid-mode-row{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:.86rem}#unlock-status{margin-top:8px;font-size:.78rem;opacity:.88}#start-meta{margin-top:10px;background:#0c160ea6;border:1px solid rgba(190,220,165,.25);border-radius:10px;padding:10px}#top-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#c8f36a;margin-bottom:5px}#leaderboards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.leaderboard-panel{border:1px solid rgba(190,220,165,.18);border-radius:8px;background:#08120a85;padding:7px 8px}.leaderboard-label{font-size:.71rem;text-transform:uppercase;letter-spacing:.06em;opacity:.84}#top-scorers-local,#top-scorers-global{margin:0;padding-left:18px;font-size:clamp(.8rem,1.9vw,.96rem);line-height:1.36}#global-score-status{min-height:16px;margin-top:4px;font-size:.72rem;opacity:.86}#start-btn,#play-again-btn{margin-top:12px;appearance:none;border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(120deg,#b7e85f,#dcf990);color:#163111;font-size:.95rem;font-weight:800;cursor:pointer}#start-btn:hover,#play-again-btn:hover{filter:brightness(1.05)}#end-summary{margin-top:6px;font-size:.95rem}#medals-list{margin:10px 0 0;padding-left:20px;line-height:1.4}body:not(.gameplay-active) #hud,body:not(.gameplay-active) #right-hud,body:not(.gameplay-active) #tutorial-overlay,body:not(.gameplay-active) #event-banner,body:not(.gameplay-active) #reward-toast{display:none}body.gameplay-active:not(.game-over) #start-screen{display:none}body.game-over #start-screen{display:none}body.game-over #end-screen{display:grid}body.game-over #hud,body.game-over #right-hud,body.game-over #tutorial-overlay,body.game-over #event-banner,body.game-over #reward-toast{display:none}#hud{position:fixed;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);z-index:10;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:10px;padding:10px 12px;min-width:min(90vw,380px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#title{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;color:var(--accent);margin-bottom:6px}#kid-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-weight:700;font-size:clamp(.8rem,1.9vw,.96rem)}#health-hearts,#score-stars,#run-stars{background:#08120a9e;border:1px solid rgba(190,220,165,.24);border-radius:8px;padding:6px;text-align:center}#mobile-hud-row{display:none}#objective-bar{margin-top:8px;height:10px;width:100%;background:#0c180ecc;border-radius:999px;border:1px solid rgba(190,220,165,.25);overflow:hidden}#objective-fill{height:100%;width:0%;background:linear-gradient(90deg,#8de86c,#f7e268);transition:width .2s ease}#stats{margin-top:7px;font-size:clamp(.72rem,1.8vw,.9rem);opacity:.9}#right-hud{position:fixed;top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);z-index:10;width:min(42vw,280px);display:grid;gap:8px}.hud-card{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:10px;padding:8px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.78}#round-clock{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:800;line-height:1.05;margin-top:2px}#round-clock[data-state=safe]{color:#91ea7c}#round-clock[data-state=warn]{color:#f2d25f}#round-clock[data-state=danger]{color:#ff735f}#objective-text{font-size:clamp(.8rem,1.8vw,1rem);line-height:1.3;margin-top:2px}#combo-text,#powerup-text{position:fixed;right:calc(var(--safe-right) + 12px);left:auto;transform:none;z-index:13;min-height:18px;font-size:clamp(.76rem,1.8vw,.95rem);font-weight:700;text-align:right;pointer-events:none;opacity:0;transition:opacity .22s ease}#combo-text{top:calc(var(--safe-top) + 148px);color:#f9cd67;text-shadow:0 0 8px rgba(249,180,70,.35)}#powerup-text{top:calc(var(--safe-top) + 176px);color:#8ce9ff;text-shadow:0 0 8px rgba(90,190,240,.35)}#tutorial-overlay{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--safe-top) + 14px);z-index:14;width:min(88vw,480px);background:#08120ad6;border:1px solid rgba(190,220,165,.45);border-radius:12px;padding:10px 12px;text-align:center}#tutorial-title{text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;opacity:.84}#tutorial-text{margin-top:4px;font-size:clamp(.9rem,2.2vw,1rem);font-weight:700}#tutorial-progress{margin-top:4px;font-size:.8rem;opacity:.86}#event-banner,#reward-toast{position:fixed;left:50%;transform:translate(-50%);z-index:13;border-radius:999px;padding:8px 16px;font-weight:800;text-align:center;pointer-events:none}#event-banner{top:calc(var(--safe-top) + 82px);background:#273e16e6;border:1px solid rgba(180,231,114,.75);color:#e9f8c9}#reward-toast{top:calc(var(--safe-top) + 122px);background:#1b2a42e6;border:1px solid rgba(138,206,249,.78);color:#d5efff}#rotate-prompt,#install-hint{position:fixed;left:50%;transform:translate(-50%);z-index:15;display:none;width:min(92vw,430px);border-radius:12px;padding:9px 12px;text-align:center;font-weight:800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#rotate-prompt{top:calc(var(--safe-top) + 54px);background:#261608e6;border:1px solid rgba(241,190,112,.85);color:#ffe9bf}#install-hint{bottom:calc(var(--safe-bottom) + 14px);background:#11210ee0;border:1px solid rgba(177,232,133,.72);color:#dafabf;pointer-events:auto}#touch-ui{position:fixed;inset:0;z-index:12;pointer-events:none;display:none}#joystick-zone{position:absolute;left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 20px);width:min(28vw,144px);aspect-ratio:1 / 1;border-radius:50%;display:grid;place-items:center;pointer-events:auto}#joystick-base{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dcf5be42,#1c321f8c);border:1px solid rgba(186,224,142,.45);box-shadow:inset 0 0 0 1px #06120973;display:grid;place-items:center}#joystick-stick{width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e9fad2a6,#7aac5ce6);border:1px solid rgba(22,50,17,.72);box-shadow:0 5px 16px #0000004d;transition:transform .08s linear}#touch-actions{position:absolute;right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 20px);display:grid;gap:7px;width:min(26vw,122px);pointer-events:auto}.touch-btn{appearance:none;width:100%;min-height:40px;border-radius:11px;border:1px solid rgba(202,234,162,.45);background:#0b1a0dc7;color:#eaf5dc;font-size:clamp(.78rem,2.6vw,.95rem);font-weight:700;letter-spacing:.01em;pointer-events:auto;touch-action:none}.touch-btn-attack{min-height:48px;background:linear-gradient(150deg,#91e87ce6,#4ca53aeb);color:#0f2e0b;border-color:#d3f5ad9e}.touch-btn-meta{min-height:34px;font-size:clamp(.67rem,2.1vw,.78rem)}body.battery-saver #touch-performance{border-color:#8fdbfdbd;background:#122b3aeb;color:#d9f4ff}.touch-btn.is-held{transform:scale(.97);filter:brightness(1.08)}body.touch-device #touch-ui{display:block}body.touch-device #joystick-zone,body.touch-device #touch-actions{opacity:var(--touch-idle-opacity);transform:scale(.9);transition:transform .16s ease,opacity .16s ease}body.touch-device #combo-text,body.touch-device #powerup-text{right:auto;left:50%;transform:translate(-50%);text-align:center}body.touch-device #combo-text{top:calc(var(--safe-top) + 52px)}body.touch-device #powerup-text{top:calc(var(--safe-top) + 78px)}body.touch-device.touch-controls-active #joystick-zone,body.touch-device.touch-controls-active #touch-actions{opacity:var(--touch-active-opacity);transform:scale(1)}body.touch-device.left-handed #joystick-zone{left:auto;right:calc(var(--safe-right) + 16px)}body.touch-device.left-handed #touch-actions{right:auto;left:calc(var(--safe-left) + 16px)}body:not(.gameplay-active) #touch-ui,body.game-over #touch-ui{display:none}body.touch-device.portrait-mobile.gameplay-active #rotate-prompt,body.touch-device.show-install-hint.gameplay-active #install-hint{display:block}#combo-text:not(:empty),#powerup-text:not(:empty){opacity:1}@media(max-width:700px){#leaderboards,#player-setup{grid-template-columns:1fr}#hud{min-width:min(96vw,520px);padding:8px 10px}#right-hud{width:min(52vw,220px)}#kid-hud{grid-template-columns:1fr}}@media(max-width:900px)and (orientation:landscape){#hud{max-width:min(58vw,560px)}#stats{font-size:clamp(.7rem,1.5vw,.84rem)}}@media(max-width:900px){body.touch-device.gameplay-active #hud{top:calc(var(--safe-top) + 6px);left:calc(var(--safe-left) + 6px);min-width:auto;width:calc(100vw - var(--safe-left) - var(--safe-right) - 12px);max-width:100%;padding:6px 8px;border-radius:9px;transition:transform .2s ease,opacity .2s ease}body.touch-device.gameplay-active #title,body.touch-device.gameplay-active #stats,body.touch-device.gameplay-active #objective-bar,body.touch-device.gameplay-active #right-hud{display:none}body.touch-device.gameplay-active #kid-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;font-size:clamp(.72rem,2vw,.85rem)}body.touch-device.gameplay-active #run-stars{display:none}body.touch-device.gameplay-active #mobile-hud-row{margin-top:5px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-size:clamp(.72rem,2vw,.84rem);font-weight:700;background:#08120a9e;border:1px solid rgba(190,220,165,.24);border-radius:7px;padding:4px 6px}body.touch-device.mobile-hud-hidden.gameplay-active #hud{transform:translateY(calc(-100% + 18px));opacity:.35}}