@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1d2a;font-family:Fredoka,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hidden{display:none!important}#hud-left{position:absolute;top:18px;left:20px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55)}#hud-name{font-size:30px;font-weight:700;letter-spacing:2px;color:#7dec74}#hud-name .paw{font-size:22px}#score-row{display:flex;align-items:baseline;gap:10px;margin-top:2px}#score{font-size:40px;font-weight:700}#mult{font-size:22px;font-weight:700;color:#ff7ad9;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}.bar-row{display:flex;align-items:center;gap:8px;margin-top:6px}.bar-tag{font-size:11px;font-weight:700;letter-spacing:1px;width:36px;color:#ffffffd9}.bar{width:160px;height:11px;border-radius:6px;overflow:hidden;background:#00000073;border:2px solid rgba(255,255,255,.7)}.bar>div{height:100%;width:100%;transition:width .15s linear}#lifefill{background:linear-gradient(90deg,#ff5e5e,#ff8a5e)}#stamfill{background:linear-gradient(90deg,#5ec9ff,#6cf0c2)}.bar>div.low{animation:lowblink .5s steps(2,start) infinite}@keyframes lowblink{to{filter:brightness(1.8)}}#crazybar-wrap{margin-top:8px;width:190px}#crazybar{height:12px;border-radius:6px;overflow:hidden;background:#00000073;border:2px solid rgba(255,255,255,.7)}#crazyfill{height:100%;width:100%;background:linear-gradient(90deg,#ff5e5e,#ffb84d,#fff95e,#6cf06c,#5ec9ff,#c77dff);background-size:300% 100%;animation:rainbowslide 1s linear infinite}@keyframes rainbowslide{to{background-position:300% 0}}#crazylabel{margin-top:3px;font-size:14px;font-weight:700;color:#ff9be8;letter-spacing:1px}#minimap-wrap{position:absolute;top:18px;right:20px;border-radius:12px;overflow:hidden;border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 18px #00000073}#minimap{display:block}#minimap-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;letter-spacing:4px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.8)}#prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#0a1810bf;border:2px solid #7dec74;border-radius:10px;color:#fff;font-size:20px;font-weight:600;padding:8px 18px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#prompt b{color:#7dec74}#hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);color:#ffffffd9;font-size:14px;background:#00000059;padding:6px 16px;border-radius:20px;white-space:nowrap}#hint b{color:#9fe870}.popup{position:absolute;transform:translate(-50%,-50%);font-size:26px;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.6);animation:floatup 1.1s ease-out forwards;white-space:nowrap}@keyframes floatup{0%{opacity:0;margin-top:10px}15%{opacity:1}to{opacity:0;margin-top:-70px}}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;transition:box-shadow .2s}body.crazy #vignette{animation:crazyglow 1.2s linear infinite}@keyframes crazyglow{0%{box-shadow:inset 0 0 140px #ff5e5e8c}25%{box-shadow:inset 0 0 140px #fff95e8c}50%{box-shadow:inset 0 0 140px #6cf06c8c}75%{box-shadow:inset 0 0 140px #5ec9ff8c}to{box-shadow:inset 0 0 140px #ff5e5e8c}}#vignette.hit{box-shadow:inset 0 0 160px #ff1e1eb3}#vignette.dead{box-shadow:inset 0 0 260px #081226f2}#deathmsg{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-size:58px;font-weight:700;letter-spacing:6px;color:#ff6a5e;white-space:nowrap;text-shadow:0 4px 0 #5e1410,0 10px 34px rgba(0,0,0,.75);animation:pulse .6s infinite alternate}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0c281cd1,#040e16f0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}#title-card{text-align:center;color:#fff;max-width:640px;padding:30px}#title-dog{font-size:70px;filter:hue-rotate(90deg) saturate(2.4)}#title-card h1{font-size:84px;font-weight:700;letter-spacing:10px;color:#7dec74;text-shadow:0 4px 0 #2c7a35,0 8px 26px rgba(0,0,0,.6);line-height:1}#title-card h2{font-size:22px;font-weight:400;color:#ffd9a0;font-style:italic;margin:8px 0 18px}.blurb{font-size:16px;line-height:1.5;color:#ffffffe0;margin-bottom:22px}.blurb em{color:#ff9be8;font-weight:600}.controls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.controls-grid div{background:#ffffff14;border-radius:8px;padding:8px 4px;display:flex;flex-direction:column;gap:2px}.controls-grid b{color:#9fe870;font-size:14px}.controls-grid span{font-size:12px;color:#ffffffbf}.touch-grid{display:none}body.touch .touch-grid{display:grid}body.touch #title-card>.controls-grid:not(.touch-grid){display:none}body.touch #hint{display:none}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none}#joy-zone,#look-zone{position:absolute;bottom:0;height:72%;pointer-events:auto;touch-action:none}#joy-zone{left:0;width:45%}#look-zone{right:0;width:55%}#joy-base{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff14;pointer-events:none}#joy-stick{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffff8c;box-shadow:0 2px 8px #00000059}.tbtn{position:absolute;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);background:#00000059;border:2px solid rgba(255,255,255,.65);pointer-events:auto;touch-action:none}.tbtn.pressed{background:#7dec748c;border-color:#7dec74}.tbtn-big{width:84px;height:84px;font-size:15px}#tb-cluster{position:absolute;right:20px;bottom:26px;width:200px;height:200px;pointer-events:none}#tb-jump{right:0;bottom:0}#tb-act{right:102px;bottom:16px}#tb-bark{right:124px;bottom:112px}#tb-spin{right:26px;bottom:100px}#tb-run{left:26px;bottom:240px}#tb-run.on{background:#5ec9ff8c;border-color:#5ec9ff}#start-btn{display:inline-block;font-size:24px;font-weight:700;letter-spacing:3px;background:#58c14f;color:#08240c;padding:14px 44px;border-radius:14px;box-shadow:0 5px #2c7a35,0 10px 24px #00000080;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}