:root{--bg-top: #10261f;--bg-bottom: #274233;--hud-bg: rgba(10, 18, 14, .68);--hud-border: rgba(201, 234, 171, .34);--panel-bg: rgba(9, 17, 12, .72);--panel-strong: rgba(8, 14, 10, .9);--text: #eef7dd;--muted: rgba(238, 247, 221, .76);--accent: #d0f27a;--accent-strong: #f6d46d;--shadow-xl: 0 24px 80px rgba(0, 0, 0, .42);--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:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 18%,rgba(126,196,94,.15),transparent 28%),radial-gradient(circle at 82% 12%,rgba(252,191,104,.14),transparent 26%),radial-gradient(circle at 50% 100%,rgba(38,76,59,.36),transparent 48%),linear-gradient(180deg,var(--bg-bottom),var(--bg-top))}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1}body:before{background:radial-gradient(circle at 50% 110%,rgba(208,242,122,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%)}body:after{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 24%),radial-gradient(circle at center,transparent 58%,rgba(0,0,0,.18));mix-blend-mode:screen}#game{display:block;width:100vw;height:100vh;touch-action:none;position:relative;z-index:0}#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:linear-gradient(180deg,#111e15eb,#090f0beb),radial-gradient(circle at top left,rgba(208,242,122,.08),transparent 34%);border:1px solid rgba(216,240,186,.28);border-radius:22px;padding:20px 22px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}#start-card:before,#end-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);opacity:.85}#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;color:var(--muted)}#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:#0c160e99;border:1px solid rgba(190,220,165,.16);border-radius:14px;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,.14);border-radius:12px;background:#08120a80;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:14px;padding:12px 16px;background:linear-gradient(135deg,#b4e464,#f6d46d);color:#163111;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 16px 34px #addf6538}#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:linear-gradient(180deg,#111c14d6,#090e0bad);border:1px solid var(--hud-border);border-radius:16px;padding:10px 12px;min-width:min(90vw,380px);box-shadow:0 16px 40px #00000038;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#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:#08120a8f;border:1px solid rgba(190,220,165,.18);border-radius:10px;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:linear-gradient(180deg,#111c14cc,#090e0ba8);border:1px solid var(--hud-border);border-radius:14px;padding:8px 10px;box-shadow:0 14px 34px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.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:#08120ad1;border:1px solid rgba(190,220,165,.32);border-radius:16px;padding:10px 12px;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#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) + 14px);bottom:calc(var(--safe-bottom) + 18px);width:clamp(138px,32vw,184px);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 32% 30%,#ebf9d638,#142518c2),radial-gradient(circle at center,rgba(208,242,122,.1),transparent 56%);border:1px solid rgba(186,224,142,.3);box-shadow:inset 0 0 0 1px #06120966,0 14px 34px #00000038;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#joystick-stick{width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f5ffe8d1,#7fb85df0);border:1px solid rgba(22,50,17,.72);box-shadow:0 8px 20px #0000004d;transition:transform .08s linear}#touch-actions{position:absolute;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 18px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:clamp(168px,34vw,236px);pointer-events:auto}.touch-btn{appearance:none;width:100%;min-height:46px;border-radius:16px;border:1px solid rgba(202,234,162,.24);background:linear-gradient(180deg,#132416e0,#0b170ec7);color:#eaf5dc;font-size:clamp(.8rem,2.4vw,.96rem);font-weight:700;letter-spacing:.01em;pointer-events:auto;touch-action:none;box-shadow:0 12px 28px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-btn-attack{min-height:104px;grid-row:span 2;border-radius:24px;background:linear-gradient(160deg,#f8d368f0,#6fcc5df0);color:#0f2e0b;border-color:#f6ecaa85;font-size:clamp(.9rem,2.5vw,1.05rem)}.touch-btn-meta{min-height:38px;font-size:clamp(.68rem,1.95vw,.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(.94);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) + 14px)}body.touch-device.left-handed #touch-actions{right:auto;left:calc(var(--safe-left) + 14px)}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:8px 9px;border-radius:14px;transition:transform .2s ease,opacity .2s ease}body.touch-device.gameplay-active #title,body.touch-device.gameplay-active #stats,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:10px;padding:5px 7px}body.touch-device.gameplay-active #objective-bar{display:block;margin-top:6px;height:8px}body.touch-device.mobile-hud-hidden.gameplay-active #hud{transform:translateY(calc(-100% + 18px));opacity:.35}}@media(max-width:560px){#start-card,#end-card{border-radius:18px;padding:18px 16px}#touch-actions{width:clamp(156px,40vw,206px)}.touch-btn{min-height:42px}.touch-btn-attack{min-height:96px}}