:root{font-family:Inter,sans-serif;color:#f8f3e4;background:#101622;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:radial-gradient(circle at 65% 30%,#324259,#101622 70%)}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 35px #03070ea6}.hidden{display:none!important}.consent-banner{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%);width:min(720px,calc(100% - 28px));display:flex;align-items:center;gap:24px;padding:16px 18px;color:#e9e4d8;background:#101923f2;border:1px solid #ffffff1c;border-left:4px solid #f3b940;box-shadow:0 18px 60px #000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.consent-banner>div:first-child{flex:1}.consent-banner strong{font:700 17px "Baloo 2"}.consent-banner p{color:#9da9aa;font-size:10px;line-height:1.45;margin:3px 0 0}.consent-actions{display:flex;gap:9px}.consent-banner button{min-width:110px;padding:9px 14px;box-shadow:none;transform:none}.consent-banner button:hover{transform:translateY(-1px)}.consent-banner button span{transform:none}#consentReject{color:#d6dcda;background:#303b43}#consentAccept{background:#f3b940}.consent-settings{position:fixed;z-index:40;left:14px;bottom:12px;min-width:0;padding:7px 10px;color:#aeb9b9;background:#15202a;border:1px solid #ffffff18;border-radius:5px;box-shadow:none;transform:none;font:700 8px Inter;letter-spacing:.08em;text-transform:uppercase}.consent-settings:hover{color:#fff;background:#25323b;transform:none}.screen{position:fixed;inset:0;display:flex;align-items:center;padding-left:clamp(40px,9vw,150px);background:linear-gradient(90deg,#070c15f0,#070c15ad 44%,#070c1514 75%);z-index:20}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px)}.moon{position:absolute;width:360px;height:360px;border-radius:50%;right:9vw;top:10vh;background:#ffe6a2;box-shadow:0 0 80px #f7c87566;opacity:.13}.panel{position:relative;z-index:2;max-width:640px}.eyebrow{color:#f3b940;letter-spacing:.32em;font-weight:800;font-size:12px;margin-bottom:10px}h1,h2{font:800 clamp(64px,9vw,132px)/.72 "Baloo 2",sans-serif;letter-spacing:-.055em;margin:0;text-shadow:0 8px 30px #0008}h1 em,h2 em{color:#f3b940;font-style:normal}.tagline{font:600 clamp(17px,2vw,25px)/1.35 "Baloo 2",sans-serif;color:#cdd5d5;margin:20px 0 15px}.howto{display:flex;gap:8px;width:min(700px,78vw);margin:0 0 22px}.howto>div{display:flex;align-items:center;gap:9px;min-width:155px;padding:9px 11px;background:#ffffff09;border:1px solid #ffffff10}.howto>div>b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#f3b940;color:#111927;font:800 14px "Baloo 2"}.howto span,.howto strong,.howto small{display:block}.howto strong{color:#e8e3d6;font-size:9px;letter-spacing:.1em}.howto small{color:#879599;font-size:8px;line-height:1.25;margin-top:2px}button{border:0;color:#101622;background:#f3b940;padding:13px 38px;min-width:270px;cursor:pointer;transform:skew(-5deg);box-shadow:0 9px #a86b23,0 18px 35px #0007;transition:.15s}button:hover{background:#ffd467;transform:skew(-5deg) translateY(-2px)}button:active{transform:skew(-5deg) translateY(5px);box-shadow:0 4px #a86b23}button span,button small{display:block;transform:skew(5deg)}button span{font:800 22px "Baloo 2"}button small{font-size:9px;letter-spacing:.25em;font-weight:800}.controls{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:34px;color:#9ca9ad;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mobile-tip{display:none;margin-top:15px;color:#9ca9ad;font-size:10px}kbd{font:800 11px Inter;color:#17202d;background:#f4ead5;border-radius:5px;padding:6px 9px;box-shadow:0 3px #8c968f;margin-right:5px}.version{position:absolute;left:30px;bottom:22px;font-size:9px;letter-spacing:.2em;color:#707e83}#hud{position:fixed;z-index:10;left:24px;right:24px;top:20px;display:flex;align-items:flex-start;gap:12px;pointer-events:none}.brand{margin-right:auto;padding:5px 0;display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;align-items:center;text-shadow:0 2px 8px #000}.brand .paw{grid-row:1/3;color:#f3b940;font-size:25px;transform:rotate(45deg)}.brand b{font:800 22px/1 "Baloo 2"}.brand small{font-size:7px;letter-spacing:.24em;color:#f3b940}.hud-card{min-width:112px;height:58px;padding:9px 15px;background:linear-gradient(135deg,#0e1722e6,#1c2835bf);border:1px solid #ffffff18;border-left:3px solid #f3b940;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:skew(-4deg)}.hud-card>*{transform:skew(4deg)}.hud-card span{display:block;color:#9aa8aa;font-size:8px;font-weight:800;letter-spacing:.2em}.hud-card strong{font:800 25px/1.2 "Baloo 2"}.hud-card.score{min-width:175px}#combo{color:#f3b940;font-style:normal;font-size:10px;margin-left:7px}#comboBar{position:absolute;height:3px;left:13px;right:13px;bottom:5px;background:#38434b;overflow:hidden}#comboBar i{display:block;width:0;height:100%;background:#f3b940;box-shadow:0 0 7px #f3b940;transform:none;transition:width .1s linear}.alert{min-width:165px;position:relative}.alert strong{display:inline}.alert>small{color:#829095;font-size:8px;margin-left:2px}#heatLabel{color:#62c8a4}.heat-track{position:absolute;left:13px;right:13px;bottom:5px;height:4px;background:#39444c;overflow:hidden}.heat-track i{display:block;width:0;height:100%;background:#62c8a4;transform:none;transition:width .15s,background .15s}#mission{position:fixed;z-index:10;left:24px;top:100px;width:285px;background:#101923e8;border-left:3px solid #5dba9d;padding:13px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mission>span{font-size:8px;letter-spacing:.2em;color:#5dba9d;font-weight:800}#missionToggle{display:none;position:absolute;top:7px;right:7px;min-width:28px;width:28px;height:28px;padding:0;border-radius:50%;color:#dce6e1;background:#283a3b;box-shadow:none;transform:none;font:800 16px Inter}#missionToggle:hover,#missionToggle:active{transform:none;box-shadow:none}#mission>strong{display:block;font:700 16px "Baloo 2";margin-bottom:7px}.goal{display:flex;align-items:center;gap:8px;padding:7px 6px;margin-top:4px;background:#ffffff07;border:1px solid transparent;transition:.25s}.goal>i{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#35434b;color:#9ba8aa;font:700 10px Inter;font-style:normal}.goal div{flex:1}.goal b,.goal small{display:block}.goal b{font:700 11px "Baloo 2"}.goal small{color:#829095;font-size:8px}.goal em{color:#f3b940;font:700 9px Inter;font-style:normal}.goal.done{border-color:#5dba9d66;background:#5dba9d16}.goal.done>i{color:#10221d;background:#5dba9d}.goal.done>i{font-size:0}.goal.done>i:after{content:"✓";font-size:12px}.goal.done em{color:#5dba9d}#mission .heat-help{color:#7f8d91;font-size:8px;line-height:1.3;margin:9px 3px 0}#prompt{position:fixed;z-index:11;left:50%;bottom:9%;transform:translate(-50%);background:#101923e8;border:1px solid #ffffff1c;padding:12px 20px 10px 12px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 14px "Baloo 2"}#statusHint{position:fixed;z-index:11;left:50%;bottom:3.5%;transform:translate(-50%);color:#b8e9d6;background:#14251fe6;border:1px solid #5dba9d55;padding:7px 13px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#statusHint.scent{color:#ffe08a;background:#2b2415e6;border-color:#f3b94066}#toast{position:fixed;z-index:12;left:50%;top:20%;transform:translate(-50%);pointer-events:none;font:800 28px "Baloo 2";color:#ffd264;text-shadow:0 3px 15px #000;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,-10px) scale(1.05)}.mobile-controls{position:fixed;z-index:15;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:116px;height:116px;border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff10 0 34%,#101923b8 36% 68%,#ffffff19 70% 72%,transparent 73%);border:1px solid #ffffff1b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#joystickKnob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#e9e3d6e8;border:3px solid #fff;box-shadow:0 7px 20px #0008;transform:translate(0)}.touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:166px;height:150px;pointer-events:none}.touch-button{position:absolute;width:68px;height:68px;min-width:0;padding:0;border-radius:50%;pointer-events:auto;touch-action:none;transform:none;box-shadow:0 5px #9c671f,0 10px 22px #0008}.touch-button:hover,.touch-button:active{transform:none}.touch-button:active,.touch-button.pressed{transform:translateY(3px);box-shadow:0 2px #9c671f,0 6px 14px #0008}.touch-button span,.touch-button small{transform:none}.touch-button span{font:800 22px/1 "Baloo 2"}.touch-button small{font:800 7px Inter;letter-spacing:.08em;margin-top:2px}.touch-button.secondary{width:54px;height:54px;color:#e8e2d5;background:#23313bd9;border:1px solid #ffffff24;box-shadow:0 4px #10171c,0 8px 18px #0007}#touchJump{right:2px;top:0}#touchPrank{right:66px;bottom:0}#touchSprint{left:0;top:5px}#touchScent{right:0;bottom:5px}#touchPrank.ready{animation:prank-ready .8s ease-in-out infinite alternate}@keyframes prank-ready{to{box-shadow:0 5px #9c671f,0 0 25px #ffd264;filter:brightness(1.2)}}.end-panel{max-width:760px}h2{font-size:clamp(60px,7vw,104px)}.result-grid{display:flex;gap:10px;margin:30px 0 20px}.result-grid div{min-width:150px;padding:14px;background:#ffffff0c;border-top:2px solid #f3b940}.result-grid span{display:block;color:#8e9a9e;font-size:8px;letter-spacing:.2em}.result-grid strong{font:800 25px "Baloo 2"}#resultText{color:#b8c2c3;margin-bottom:26px}@media(max-width:820px),(max-width:1024px)and (max-height:600px){#hud{left:8px;right:8px;top:max(8px,env(safe-area-inset-top));gap:5px;justify-content:flex-end}.brand{display:none}.hud-card{min-width:76px;height:46px;padding:6px 8px;border-left-width:2px}.hud-card.score{min-width:104px}.hud-card.alert{display:block;min-width:100px}.hud-card span{font-size:6px;letter-spacing:.1em}.hud-card strong{font-size:18px}.alert>small{font-size:6px}#combo{font-size:7px;margin-left:3px}.screen{padding:24px;align-items:center}.hero-panel{width:100%}h1{font-size:clamp(55px,18vw,78px)}.tagline{font-size:17px;margin:14px 0}.controls{display:none}.mobile-tip{display:block}.howto{display:none}.result-grid{flex-wrap:wrap;margin:18px 0 12px}.result-grid div{min-width:105px;padding:9px}#mission{left:max(8px,calc(env(safe-area-inset-left) + 8px));top:max(62px,calc(env(safe-area-inset-top) + 8px));width:230px;transform:none;padding:11px 12px;transition:width .18s}#missionToggle{display:block}#mission.collapsed{width:154px;padding:10px 38px 10px 11px}#mission.collapsed>strong,#mission.collapsed>.goal,#mission.collapsed>.heat-help{display:none}#mission.collapsed #missionToggle{transform:rotate(90deg)}#prompt{bottom:190px;max-width:78%;padding:8px 12px;font-size:11px;text-align:center}#prompt kbd{display:none}#statusHint{bottom:174px;max-width:80%;font-size:7px;text-align:center}#toast{top:16%;font-size:21px;width:90%;text-align:center}.consent-banner{align-items:stretch;flex-direction:column;gap:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:14px}.consent-actions{width:100%}.consent-banner button{flex:1;min-width:0}.consent-settings{inset:58px 8px auto auto}}@media(max-width:1024px)and (max-height:600px)and (orientation:landscape){.screen{padding:15px 35px}h1{font-size:58px}.tagline{margin:8px 0;font-size:14px}.mobile-tip{display:none}.hero-panel>button{padding:8px 28px}#mission{left:max(12px,calc(env(safe-area-inset-left) + 10px));top:max(58px,calc(env(safe-area-inset-top) + 8px))}#prompt{bottom:max(108px,calc(env(safe-area-inset-bottom) + 98px));max-width:48%}#statusHint{bottom:max(91px,calc(env(safe-area-inset-bottom) + 81px));max-width:48%}.joystick{left:max(14px,env(safe-area-inset-left));width:96px;height:96px;bottom:max(10px,env(safe-area-inset-bottom))}#joystickKnob{width:42px;height:42px;margin:-21px}.touch-actions{right:max(10px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));width:150px;height:132px}.touch-actions .touch-button{width:60px;height:60px}.touch-actions .touch-button.secondary{width:48px;height:48px}#touchPrank{right:58px}.consent-settings{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%)}}@media(max-height:500px){.screen{padding:12px 34px;align-items:center}h1,h2{font-size:54px}.eyebrow{font-size:8px;margin-bottom:5px}.tagline{margin:7px 0;font-size:13px}.howto{display:none}.controls{margin-top:12px;font-size:8px;gap:7px 12px}.hero-panel>button,.end-panel>button{padding:7px 24px}button span{font-size:17px}.result-grid{margin:10px 0}#resultText{margin:8px 0 12px}.consent-banner{padding:10px 12px;gap:8px}.consent-banner strong{font-size:14px}.consent-banner p{font-size:8px}}