@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}#euros{font-size:22px;font-weight:700;color:#ffd94a}@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}body.pregame #minimap-wrap{display:none}#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;pointer-events:auto}#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)}#minimap-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:13px;background:#00000059;padding:5px 14px;border-radius:20px;white-space:nowrap;pointer-events:none}#minimap-hint b{color:#9fe870}body.touch #minimap-wrap{cursor:pointer}body.touch #minimap-hint b{display:none}#mapview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#9fd0ea}#mapview.hidden{display:none}#mapcanvas{display:block;width:100%;height:100%}#map-close{position:absolute;top:18px;right:20px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#fff;cursor:pointer;background:#0a1810b3;border:2px solid rgba(255,255,255,.85);border-radius:50%;transition:background .15s,transform .15s}#map-close:hover{background:#143c24e6;transform:scale(1.08)}#map-legend{position:absolute;left:20px;top:18px;padding:14px 18px;border-radius:12px;background:#0a18109e;border:2px solid rgba(255,255,255,.6);color:#fff;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#map-legend .leg-title{font-size:18px;font-weight:800;letter-spacing:5px;margin-bottom:10px}#map-legend .leg-row{display:flex;align-items:center;gap:9px;margin:6px 0;font-weight:600}#map-legend .leg-swatch{width:18px;height:12px;border-radius:3px;box-shadow:0 0 6px #0006}#map-legend .leg-swatch.route{background:#ffd24a}#map-legend .leg-swatch.resto{background:#ff5a4d;border-radius:50%;width:14px;height:14px}#map-legend .leg-swatch.gelato{background:#ff8fc7;border-radius:50%;width:14px;height:14px}#map-legend .leg-hint{margin-top:10px;font-size:12px;font-weight:500;color:#ffffffbf;letter-spacing:.5px}#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:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:9999;pointer-events:none;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:flex-start;background:linear-gradient(90deg,#06140ef0,#06140ee6 28%,#06140e8c,#06140e00 68%);cursor:pointer}#title-card{text-align:left;color:#fff;max-width:540px;padding:30px 40px;margin-left:3vw}#title-card h1{font-size:62px;font-weight:700;letter-spacing:6px;color:#7dec74;text-shadow:0 4px 0 #2c7a35,0 8px 26px rgba(0,0,0,.6);line-height:1;margin-bottom:26px}.controls-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.controls-grid div{background:#08120e8c;border-radius:8px;padding:8px 14px;display:flex;flex-direction:column;gap:2px;min-width:92px}.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 #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}#char-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:24px}.char-card{font-family:inherit;font-size:15px;font-weight:700;letter-spacing:2px;color:#ffffffd9;background:#ffffff14;border:2px solid rgba(255,255,255,.25);border-radius:14px;padding:10px 18px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.char-card:hover{transform:translateY(-2px);background:#ffffff24}.char-card.selected{border-color:#9fe870;background:#7dec742e;color:#fff}.char-face{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffffff38,#ffffff0d)}#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)}}#start-row{display:flex;align-items:center;gap:22px}#treat-bag{display:inline-flex;align-items:center;pointer-events:auto;cursor:grab;z-index:12}.bone-cookie{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}#treat-bag .bone-cookie{width:64px;transform-origin:50% 50%;animation:bonewiggle .55s ease-in-out infinite alternate}#treat-bag:hover .bone-cookie{animation-duration:.3s}@keyframes bonewiggle{0%{transform:rotate(-13deg)}to{transform:rotate(8deg)}}#treat-cursor{position:fixed;left:0;top:0;z-index:30;width:64px;pointer-events:none;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:opacity .12s}#treat-cursor.show{opacity:1;visibility:visible;animation:treatwiggle .45s ease-in-out infinite alternate}@keyframes treatwiggle{0%{transform:translate(-50%,-50%) rotate(-15deg)}to{transform:translate(-50%,-50%) rotate(8deg)}}.crumb{position:fixed;z-index:31;pointer-events:none;font-size:20px;transform:translate(-50%,-50%);animation:crumbfly .7s ease-out forwards}@keyframes crumbfly{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}}