@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/dotgothic.woff2)format("woff2")}:root{--ink:#33304a;--win:#2b2f5e;--paper:#fffef7;--pink:#ff5fa2;--yellow:#ffd23e;--cyan:#2fc0e8;--px:4px}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--paper);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;font-family:DotGothic16,Hiragino Maru Gothic ProN,BIZ UDGothic,monospace}#game{touch-action:manipulation;cursor:default;background:linear-gradient(#57c4ea 0% 34%,#7de0e6 34% 62%,#b0efe6 62% 100%);position:fixed;inset:0;overflow:hidden}canvas{image-rendering:pixelated}#sun{z-index:2;position:absolute;top:6%;right:8%}.cloud{z-index:3;animation:linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(105vw)}to{transform:translate(-30vw)}}#skyline{z-index:4;image-rendering:pixelated;background-repeat:repeat-x;position:absolute;left:0;right:0}#grass{z-index:5;image-rendering:pixelated;background-repeat:repeat-x;position:absolute;left:0;right:0}#walkpath{z-index:5;image-rendering:pixelated;background-repeat:repeat-x;position:absolute;bottom:0;left:0;right:0}.walker{will-change:transform;position:absolute;top:0;left:0}.walker.tappable{cursor:pointer}.win{background:var(--win);color:var(--paper);border:3px solid var(--paper);box-shadow:0 0 0 3px var(--win),5px 7px 0 3px #33304a59;border-radius:8px;padding:8px 14px}#hud{z-index:50;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}#hud .win{letter-spacing:1px;white-space:nowrap;font-size:clamp(14px,3.6vw,19px)}#hud b{color:var(--yellow);font-weight:400}#fx{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble{background:var(--paper);color:var(--ink);border:3px solid var(--ink);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:clamp(13px,3.4vw,17px);animation:1.15s ease-out forwards pop;position:absolute;transform:translate(-50%,-100%);box-shadow:3px 3px #33304a66}.bubble.love{background:var(--pink);color:var(--paper);border-color:var(--ink)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.4)}12%{opacity:1;transform:translate(-50%,-115%)scale(1.08)}20%{transform:translate(-50%,-115%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)}}.heart{font-size:18px;animation:.95s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),-70px) scale(1.15)}}#hint{z-index:48;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);white-space:nowrap;pointer-events:none;border-radius:8px;padding:4px 10px;font-size:clamp(13px,3.4vw,17px);animation:.5s ease-in-out infinite alternate hintbob;display:none;position:absolute;transform:translate(-50%,-100%);box-shadow:3px 3px #33304a66}@keyframes hintbob{0%{margin-top:-6px}to{margin-top:-14px}}.overlay{z-index:100;background:#2b2f5e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay .win{text-align:center;max-width:min(480px,92vw);padding:26px 22px 24px}h1{letter-spacing:2px;text-shadow:3px 3px 0 var(--ink);text-wrap:balance;margin:10px 0 6px;font-size:clamp(30px,8vw,50px);font-weight:400}h1 .y{color:var(--yellow)}.lead{text-wrap:balance;margin:6px 0 18px;font-size:clamp(14px,3.8vw,18px);line-height:1.9}.small{opacity:.85;margin-top:14px;font-size:clamp(12px,3.2vw,14px)}.btn{letter-spacing:1px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:8px;margin:6px;padding:12px 22px;font-family:inherit;font-size:clamp(16px,4.2vw,20px)}.btn:active{box-shadow:none;transform:translateY(5px)}.btn:focus-visible{outline:3px dashed var(--cyan);outline-offset:3px}.btn.primary{background:var(--pink);color:var(--paper)}.btn .arrow{animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#result-count{color:var(--yellow);text-shadow:3px 3px 0 var(--ink);margin:6px 0;font-size:clamp(40px,11vw,66px)}#result-rank{color:var(--pink);background:var(--paper);border:3px solid var(--ink);border-radius:6px;margin:2px 0 16px;padding:4px 12px;font-size:clamp(15px,4vw,19px);display:inline-block}#mute{z-index:60;background:var(--win);border:3px solid var(--paper);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:0;font-size:20px;position:absolute;bottom:12px;right:12px}#footer{z-index:40;color:var(--paper);border:2px solid var(--paper);white-space:nowrap;background:#2b2f5ed9;border-radius:6px;padding:4px 10px;font-size:clamp(11px,3vw,13px);text-decoration:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#footer:hover{background:var(--win)}#crt{z-index:120;pointer-events:none;background:repeating-linear-gradient(0deg,#1410320d 0 2px,#0000 2px 4px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cloud,#hint,.btn .arrow{animation:none}}