html,body{background:#f2c79a;height:100%;margin:0;font-family:Arial,Helvetica Neue,sans-serif;overflow:hidden}canvas{display:block}@font-face{font-family:KdG;src:url(/resources/fonts/KdG-Regular.woff)format("woff")}#logo{pointer-events:none;color:#fff;background:#111;border-radius:14px;padding:10px 16px 9px;position:fixed;top:18px;left:20px;box-shadow:0 10px 30px #0003}#logo b{font-family:KdG,Arial,sans-serif;font-size:30px;font-weight:400;line-height:1;display:block}#logo span{letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:700}#hud{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#111;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;display:flex;position:fixed;bottom:212px;left:20px}#found{color:#000;pointer-events:none;background:#cdeb32;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700;position:fixed;top:18px;right:20px;box-shadow:0 10px 30px #0003}#start{z-index:10;text-align:center;color:#fff;cursor:pointer;background:#111;place-items:center;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}#start.hide{opacity:0;visibility:hidden}#start h1{letter-spacing:-.02em;margin:0;font-family:KdG,Arial,sans-serif;font-size:clamp(90px,18vw,260px);font-weight:400;line-height:.85}#start h1 span{animation:.9s cubic-bezier(.3,1.6,.5,1) both drop;display:inline-block}#start h1 span:nth-child(2){color:#cdeb32;animation-delay:.12s}#start h1 span:nth-child(3){animation-delay:.24s}@keyframes drop{0%{transform:translateY(-120vh)rotate(-8deg)}}#start .sub{letter-spacing:.3em;text-transform:uppercase;opacity:.75;margin-top:18px;font-size:clamp(14px,1.6vw,22px);font-weight:700;animation:.8s .6s both fade}#start .go{color:#000;background:#cdeb32;border-radius:999px;margin-top:48px;padding:14px 28px;font-size:18px;font-weight:700;animation:.8s 1s both fade,1.6s ease-in-out 1.8s infinite pulse;display:inline-block}@keyframes fade{0%{opacity:0;transform:translateY(12px)}}@keyframes pulse{50%{transform:scale(1.06)}}#start .bar{background:#cdeb32;height:10px;position:absolute;bottom:0;left:0;right:0}#controls{color:#fff;white-space:nowrap;pointer-events:none;background:#111;border-radius:999px;align-items:center;gap:18px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .5s cubic-bezier(.2,1.4,.4,1);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%,140%);box-shadow:0 10px 30px #0003}#controls.show{transform:translate(-50%)}#controls kbd{color:#000;min-width:1.6em;font:inherit;text-align:center;background:#cdeb32;border-radius:6px;margin-right:6px;padding:2px 7px;display:inline-block}#points{color:#8fe36b;-webkit-text-stroke:1.5px #111;paint-order:stroke fill;text-shadow:0 3px #111;pointer-events:none;font-family:KdG,Arial,sans-serif;font-size:30px;position:fixed;top:62px;right:20px}#points.bump{animation:.6s cubic-bezier(.2,1.6,.4,1) bump}@keyframes bump{40%{transform:scale(1.35)}}#banner{text-align:center;pointer-events:none;opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,1.4,.4,1);position:fixed;top:38%;left:0;right:0;transform:scale(1.4)}#banner.show{opacity:1;transform:scale(1)}#banner b{color:#ffd23d;-webkit-text-stroke:3px #111;paint-order:stroke fill;text-shadow:0 6px #111;font-family:KdG,Arial,sans-serif;font-size:clamp(48px,8vw,110px);font-weight:400;line-height:1;display:block}#banner.failed b{color:#ff4d4d}#banner.graduated b{color:#cdeb32}#banner span{color:#fff;background:#111;border-radius:999px;max-width:min(760px,90vw);margin-top:12px;padding:8px 18px;font-size:22px;font-weight:700;display:inline-block}#radar{pointer-events:none;filter:drop-shadow(0 10px 20px #0004);width:180px;height:180px;position:fixed;bottom:20px;left:20px}#quiz{z-index:5;opacity:0;visibility:hidden;background:#0007;place-items:center;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}#quiz.show{opacity:1;visibility:visible}#quiz .box{background:#fff;border-radius:26px;width:min(720px,100vw - 40px);padding:30px 32px 24px;transition:transform .45s cubic-bezier(.2,1.4,.4,1);transform:scale(.85)translateY(30px);box-shadow:0 30px 80px #0006}#quiz.show .box{transform:none}#quiz .kicker{color:#000;letter-spacing:.06em;text-transform:uppercase;background:#cdeb32;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-block}#quiz h2{color:#000;margin:14px 0 20px;font-family:KdG,Arial,sans-serif;font-size:clamp(24px,2.8vw,36px);font-weight:400;line-height:1.15}#quiz .answers{gap:10px;display:grid}#quiz button{color:#000;text-align:left;cursor:pointer;background:#f6f6f6;border:3px solid #eee;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;font:700 21px Arial,sans-serif;transition:background .15s,border-color .15s,transform .15s;display:flex}#quiz button:hover{border-color:#111}#quiz button kbd{color:#fff;width:38px;height:38px;font:inherit;background:#111;border-radius:10px;flex:none;place-items:center;display:grid}#quiz button.correct{background:#cdeb32;border-color:#9cbf00;transform:scale(1.02)}#quiz button.wrong{background:#ffd6d6;border-color:#ff4d4d}#quiz .explain{color:#333;min-height:1.4em;margin:16px 0 0;font-size:18px}#quiz.is-correct .explain{color:#3b7a00;font-weight:700}#quiz.is-wrong .explain{color:#b3261e;font-weight:700}#quiz .continue{color:#888;min-height:1.2em;margin:10px 0 0;font-size:14px}#hud kbd{color:#000;font:inherit;background:#cdeb32;border-radius:6px;padding:1px 7px}#finale{z-index:8;opacity:0;visibility:hidden;background:#000a;place-items:center;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0;overflow:hidden}#finale.show{opacity:1;visibility:visible}#finale .box{z-index:1;color:#fff;text-align:center;background:#111;border-radius:28px;width:min(640px,100vw - 40px);padding:36px 36px 32px;transition:transform .6s cubic-bezier(.2,1.5,.4,1);position:relative;transform:scale(.7);box-shadow:0 30px 80px #0008}#finale.show .box{transform:none}#finale .badge{font-size:64px;line-height:1}#finale .kicker{color:#cdeb32;letter-spacing:.18em;text-transform:uppercase;margin-top:14px;font-size:15px;font-weight:700}#finale h2{margin:10px 0 12px;font-family:KdG,Arial,sans-serif;font-size:clamp(34px,4.6vw,54px);font-weight:400;line-height:1.05}#finale p{color:#fffc;max-width:30em;margin:0 auto;font-size:19px;line-height:1.45}#finale .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}#finale a,#finale button{cursor:pointer;border:0;border-radius:999px;padding:15px 26px;font:700 18px Arial,sans-serif;text-decoration:none;transition:transform .15s}#finale a{color:#000;background:#cdeb32}#finale button{color:#fff;background:#ffffff1f}#finale a:hover,#finale button:hover{transform:scale(1.05)}#finale .url{color:#fff8;margin-top:16px;font-size:15px}#finale .confetti{pointer-events:none;position:absolute;inset:0}#finale .confetti i{border-radius:2px;width:10px;height:16px;animation:linear infinite confetti;position:absolute;top:-20px}@keyframes confetti{to{transform:translate(var(--drift), 110vh) rotate(720deg)}}#clock{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#111;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:700;display:none;position:fixed;top:104px;right:20px;box-shadow:0 10px 30px #0003}#clock:before{content:"⏱ "}#clock.show{display:block}.leaderboard{text-align:left;width:min(420px,90vw);margin:26px auto 0}.leaderboard h3{color:#cdeb32;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:0 0 10px;font-size:15px}.leaderboard ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{color:#fff;background:#ffffff14;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 14px;font-size:17px;font-weight:700;display:grid}.leaderboard li b{background:#fff2;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.leaderboard li:first-child b{color:#000;background:#ffd23d}.leaderboard li em{font-variant-numeric:tabular-nums;color:#fffc;font-style:normal}.leaderboard li.mine{color:#000;background:#cdeb32}.leaderboard li.mine em{color:#000}.leaderboard li.gap,.leaderboard li.empty{text-align:center;color:#fff8;background:0 0;font-weight:400;display:block}#start .leaderboard{animation:.8s 1.2s both fade}#race .time{color:#fffc;margin:8px 0 14px;font-size:20px}#race .time b{color:#cdeb32;font-variant-numeric:tabular-nums;font-size:30px}#race .save{justify-content:center;gap:8px;display:flex}#race .save input{color:#fff;background:#ffffff10;border:2px solid #fff3;border-radius:999px;outline:none;width:220px;padding:13px 16px;font:700 17px Arial,sans-serif}#race .save input:focus{border-color:#cdeb32}#race .save button{color:#000;background:#cdeb32}#race .save.saved{display:none}#race .save-error{color:#ff8a80;min-height:1.2em;margin:8px 0 0;font-size:15px}#race .leaderboard{margin-top:10px}#race .leaderboard:has(ol:empty){display:none}#race{z-index:8;opacity:0;visibility:hidden;background:#000a;place-items:center;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}#race.show{opacity:1;visibility:visible}#race .box{color:#fff;text-align:center;background:#111;border-radius:28px;width:min(560px,100vw - 40px);max-height:calc(100vh - 40px);padding:30px 32px 28px;transition:transform .6s cubic-bezier(.2,1.5,.4,1);overflow-y:auto;transform:scale(.7);box-shadow:0 30px 80px #0008}#race.show .box{transform:none}#race .badge{font-size:56px;line-height:1}#race .kicker{color:#cdeb32;letter-spacing:.16em;text-transform:uppercase;margin-top:12px;font-size:14px;font-weight:700}#race h2{margin:6px 0 4px;font-family:KdG,Arial,sans-serif;font-size:clamp(40px,5vw,60px);font-weight:400;line-height:1}#race .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}#race button{cursor:pointer;color:#fff;background:#ffffff1f;border:0;border-radius:999px;padding:13px 24px;font:700 17px Arial,sans-serif;transition:transform .15s}#race button:hover{transform:scale(1.05)}#race-toast{color:#fff;white-space:nowrap;pointer-events:none;background:#111;border-radius:999px;padding:10px 20px;font-size:17px;font-weight:700;position:fixed;top:22px;left:50%;transform:translate(-50%,-150%);box-shadow:0 10px 30px #0003}#race-toast.show{animation:2.6s both toast}@keyframes toast{0%{transform:translate(-50%,-150%)}12%,85%{transform:translate(-50%)}to{transform:translate(-50%,-150%)}}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas{touch-action:none}.if-touch{display:none}body.touch .if-touch{display:inline}body.touch .if-keys,#touch-ui{display:none}body.touch.playing #touch-ui{display:block}body.touch #controls,body.touch #hud{display:none}body.touch #radar{top:calc(92px + env(safe-area-inset-top));width:130px;height:130px;bottom:auto}#stick{left:calc(28px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1116;border:3px solid #fff5;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:fixed}#stick i{pointer-events:none;background:#cdeb32;border-radius:50%;width:66px;height:66px;transition:transform 80ms;box-shadow:0 6px 18px #0005}#jump-button,#camera-button{color:#000;touch-action:none;border:0;border-radius:50%;font:700 18px Arial,sans-serif;position:fixed;box-shadow:0 8px 22px #0004}#jump-button{right:calc(28px + env(safe-area-inset-right));bottom:calc(36px + env(safe-area-inset-bottom));background:#cdeb32;width:104px;height:104px}#jump-button:active{transform:scale(.92)}#camera-button{right:calc(150px + env(safe-area-inset-right));bottom:calc(48px + env(safe-area-inset-bottom));background:#fffd;width:64px;height:64px;font-size:26px}@media (width<=600px){body.touch #logo{transform-origin:0 0;transform:scale(.8)}body.touch #radar{width:100px;height:100px;top:80px}#stick{width:124px;height:124px}#stick i{width:54px;height:54px}#jump-button{width:86px;height:86px}#camera-button{right:124px}#quiz .box,#finale .box,#race .box{padding:22px 20px}#quiz button{padding:11px 12px;font-size:17px}}