*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{user-select:none;touch-action:none;background:#5c94fc;font-family:"Press Start 2P",monospace}#game{position:fixed;inset:0;overflow:hidden}#hud{z-index:40;color:#fff;text-shadow:2px 2px #0000008c;justify-content:space-around;align-items:flex-start;padding:14px 10px 0;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.hud-col{flex-direction:column;align-items:center;gap:6px;display:flex}.hud-label{opacity:.9;font-size:9px}.hud-coin{vertical-align:middle;background:#ffd43b;border-radius:50%;width:10px;height:12px;margin-right:2px;display:inline-block;box-shadow:inset -2px 0 #e8590c}#banner{z-index:45;color:#fff;text-shadow:3px 3px #0009;white-space:nowrap;pointer-events:none;font-size:clamp(14px,3vw,26px);position:absolute;top:34%;left:50%;transform:translate(-50%)}#banner.flash{animation:2s steps(6,end) forwards banner-in}@keyframes banner-in{0%{opacity:0;letter-spacing:.6em}15%{opacity:1;letter-spacing:.15em}80%{opacity:1}to{opacity:0}}#camera{position:absolute;inset:0;overflow:hidden}#world{will-change:transform;width:14200px;position:absolute;top:0;bottom:0;left:0}#ground{background:repeating-linear-gradient(90deg,#0000 0 30px,#00000024 30px 32px),repeating-linear-gradient(0deg,#0000 0 30px,#00000024 30px 32px),#c84c0c;border-top:4px solid #8f3506;width:100%;height:120px;position:absolute;bottom:0;left:0;box-shadow:inset 0 6px #e07040}#scenery div,#level div{position:absolute}.cloud{opacity:.95;background:#fff;border-radius:22px;width:120px;height:44px;box-shadow:26px -18px 0 6px #fff,58px -6px 0 2px #fff}.hill{background:#0fa858;border-radius:170px 170px 0 0;width:340px;height:140px;box-shadow:inset 0 10px #ffffff2e}.hill-sm{border-radius:100px 100px 0 0;width:200px;height:84px}.bush{background:#2ecc40;border-radius:20px;width:130px;height:40px;box-shadow:28px -12px 0 2px #2ecc40,60px 0 #2ecc40}.hero-eyebrow{color:#ffd43b;letter-spacing:.3em;z-index:3;text-shadow:2px 2px #0006;font-size:12px}.hero-title{color:#fff;z-index:3;text-shadow:4px 4px #1a3a75;font-size:clamp(22px,3vw,34px);line-height:1.75}.hero-title em{color:#ffd43b;font-style:normal}.hero-title span{color:#ff8787}.block-tag{color:#fff;text-align:center;z-index:4;text-shadow:2px 2px #00000080;font-size:8px;line-height:1.8}.zone-gate{z-index:3}.zg-pole{background:#b8b8b8;border:2px solid #6e6e6e;width:10px;height:300px;position:absolute;bottom:0;left:0}.zg-flag{color:#fff;white-space:nowrap;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);background:#a1130b;padding:12px 34px 12px 16px;font-size:10px;line-height:1.6;position:absolute;top:6px;left:10px}.zg-flag b{color:#ffd43b;margin-bottom:4px;font-size:13px;display:block}.sign{z-index:3}.sign-board{text-align:center;color:#4a2c00;background:#e8b04a;border:4px solid #8f5a06;padding:12px 8px;font-size:9px;line-height:1.9;position:absolute;bottom:46px;left:0;right:0;box-shadow:4px 4px #00000040}.sign-board em{color:#a1130b;margin-top:4px;font-size:8px;font-style:normal;display:block}.sign-mini .sign-board{padding:8px 5px;font-size:8px}.sign-post{background:#8f5a06;width:14px;height:50px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.qblock{z-index:5;background:var(--q-bg,#e8a018);border:4px solid var(--q-bd,#8f5a06);box-shadow:inset 4px 4px 0 var(--q-hi,#ffd43b), inset -4px -4px 0 var(--q-lo,#b06a08);color:#fff;text-shadow:2px 2px #00000073;justify-content:center;align-items:center;font-size:20px;animation:.9s steps(2,end) infinite q-glow;display:flex}.qblock.used{background:#8d6742;border-color:#5c3a17;animation:none;box-shadow:inset 4px 4px #a5825e}@keyframes q-glow{50%{filter:brightness(1.25)}}.qblock.bump{animation:.22s ease-out bump-up}@keyframes bump-up{40%{transform:translateY(-14px)}to{transform:translateY(0)}}.brick,.block-solid{z-index:5;background:#c84c0c;border:3px solid #8f3506;box-shadow:inset 3px 3px #e07040,inset -3px -3px #a03a08}.brick.bump{animation:.22s ease-out bump-up}.block-solid{background:#b8b8b8;border-color:#6e6e6e;box-shadow:inset 3px 3px #e3e3e3,inset -3px -3px #8a8a8a}.pipe{z-index:6;background:var(--pipe-c,#2ecc40);border:4px solid #0b6623;box-shadow:inset 8px 0 #ffffff4d}.pipe-lip{background:inherit;border:4px solid #0b6623;height:34px;position:absolute;top:-4px;left:-12px;right:-12px;box-shadow:inset 8px 0 #ffffff4d}.pipe-label{white-space:nowrap;color:#111;background:#fff;border:3px solid #1a1a1a;padding:6px 8px;font-size:9px;position:absolute;top:-58px;left:50%;transform:translate(-50%);box-shadow:3px 3px #0000004d}.pipe-label:after{content:"";border:6px solid #0000;border-top-color:#1a1a1a;border-bottom:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.billboard{z-index:4}.bb-inner{color:#ffd43b;text-align:center;background:#1a1a2e;border:5px solid #4a4a6a;padding:22px 16px;font-size:10px;line-height:2.2;position:absolute;bottom:70px;left:0;right:0;box-shadow:5px 5px #0000004d}.bb-big .bb-inner{font-size:10px}.bb-inner span{color:#88a;margin-top:10px;font-size:8px;line-height:2;display:block}.bb-inner-cta{color:#fff;background:#054f3a;border-color:#0fa858;font-size:13px}.bb-inner-cta span{color:#9be8c3}.bb-legs i{background:#4a4a6a;width:16px;height:74px;position:absolute;bottom:0}.bb-legs i:first-child{left:40px}.bb-legs i:last-child{right:40px}.group-flag{z-index:3}.gf-pole{background:#b8b8b8;border:2px solid #6e6e6e;width:10px;height:260px;position:absolute;bottom:0;left:0}.gf-cloth{background:var(--gf-c,#0fa858);color:#fff;white-space:nowrap;clip-path:polygon(0 0,100% 0,86% 50%,100% 100%,0 100%);padding:12px 30px 12px 14px;font-size:10px;position:absolute;top:0;left:10px;box-shadow:3px 3px #00000040}.proj-flag{z-index:3}.pf-pole{background:#b8b8b8;width:8px;height:90px;position:absolute;bottom:0;left:0}.pf-cloth{color:#fff;white-space:nowrap;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%);background:#d63384;padding:8px 22px 8px 10px;font-size:8px;position:absolute;top:0;left:8px}.flagpole{z-index:6;background:#3aa856;border:2px solid #0b6623}.pole-ball{background:#ffd43b;border:3px solid #b06a08;border-radius:50%;width:26px;height:26px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.pole-flag{color:#ffd43b;clip-path:polygon(100% 0,0 50%,100% 100%);background:#a1130b;padding:10px 16px;font-size:14px;transition:top 1.1s linear;position:absolute;top:8px;right:10px}.pole-flag.drop{top:330px}.castle{z-index:4;background:#c84c0c;border:4px solid #8f3506;box-shadow:inset 4px 4px #e07040}.castle-top{justify-content:space-around;display:flex;position:absolute;top:-40px;left:0;right:0}.castle-top i{background:#c84c0c;border:4px solid #8f3506;border-bottom:0;width:56px;height:40px}.castle-door{background:#1a1a1a;border-radius:42px 42px 0 0;width:84px;height:120px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.castle-label{text-align:center;color:#ffd43b;text-shadow:2px 2px #00000080;font-size:11px;position:absolute;top:30px;left:0;right:0}#player{z-index:10;will-change:transform;width:36px;height:50px;position:absolute;bottom:120px;left:0}#player.sink{transition:transform .6s ease-in!important;transform:translateY(80px)!important}.px-sprite{background:0 0;width:3px;height:3px;position:absolute;top:2px;left:-3px}#head{object-fit:contain;transform-origin:50% 92%;z-index:2;pointer-events:none;width:56px;height:56px;image-rendering:pixelated;position:absolute;top:-38px;left:50%;transform:translate(-50%)}#head.dizzy{animation:1.1s ease-out dizzy-shake}@keyframes dizzy-shake{0%{filter:none}10%{filter:hue-rotate(40deg)}20%{filter:none}30%{filter:hue-rotate(-40deg)}45%{filter:none}}.stun-ring{z-index:12;pointer-events:none;width:0;height:0;animation:.55s linear infinite ring-spin;position:absolute;top:-64px;left:50%}.stun-ring span{color:#ffd43b;text-shadow:2px 2px #00000073;font-size:15px;position:absolute;top:-8px;left:-8px}.stun-ring span:first-child{transform:rotate(0)translate(30px)}.stun-ring span:nth-child(2){color:#fff;font-size:11px;transform:rotate(120deg)translate(30px)rotate(-120deg)}.stun-ring span:nth-child(3){transform:rotate(240deg)translate(30px)rotate(-240deg)}@keyframes ring-spin{to{transform:rotate(360deg)}}.coinE{z-index:4;background:#ffd43b;border:3px solid #b06a08;border-radius:50%;animation:.8s steps(4,end) infinite coin-spin;box-shadow:inset -4px 0 #e8a018}@keyframes coin-spin{50%{transform:scaleX(.35)}}.coinE.taken{animation:.4s ease-out forwards coin-take}@keyframes coin-take{to{opacity:0;transform:translateY(-50px)scale(.3)}}.coin-pop{z-index:20;background:#ffd43b;border:3px solid #b06a08;border-radius:50%;width:22px;height:30px;animation:.65s ease-out forwards coin-fly}@keyframes coin-fly{0%{opacity:1;transform:translateY(0)rotateY(0)}60%{opacity:1;transform:translateY(-90px)rotateY(360deg)}to{opacity:0;transform:translateY(-60px)rotateY(540deg)}}.pts-pop{color:#fff;z-index:20;text-shadow:2px 2px #00000080;font-size:11px;animation:.9s ease-out forwards pts-fly}@keyframes pts-fly{to{opacity:0;transform:translateY(-70px)}}#toast{z-index:90;color:#fff;text-align:center;background:#1a1a2e;border:6px solid #ffd43b;max-width:min(600px,90vw);padding:22px 30px;font-size:13px;line-height:2.1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #1a1a2e,0 0 0 8px #ffd43b,8px 8px #00000080,0 0 40px 10px #ffd43b59}#toast b{color:#ffd43b;text-shadow:2px 2px #00000080;margin-bottom:6px;font-size:16px;display:block}#toast i{color:#b3b3d9;margin-bottom:8px;font-size:9px;font-style:normal;display:block}#toast a{color:#2ecc40;margin-top:8px;display:inline-block}#toast .tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}#toast .tag{color:#9ecbff;border:2px solid #4a4a6a;padding:4px 6px;font-size:8px}#toast.pop{animation:.3s steps(4,end) toast-in,1.4s ease-in-out .3s infinite toast-pulse}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes toast-pulse{0%,to{box-shadow:0 0 0 4px #1a1a2e,0 0 0 8px #ffd43b,8px 8px #00000080,0 0 40px 10px #ffd43b59}50%{box-shadow:0 0 0 4px #1a1a2e,0 0 0 8px #ffd43b,8px 8px #00000080,0 0 60px 18px #ffd43b8c}}[hidden]{display:none!important}#intro,#complete{z-index:60;background:#0a0a1edb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.panel{text-align:center;color:#fff;padding:20px;animation:.35s steps(4,end) panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(20px)}}.panel .eyebrow{color:#ffd43b;letter-spacing:.3em;margin-bottom:18px;font-size:9px}.panel h1{color:#ffd43b;text-shadow:4px 4px #a1130b;font-size:clamp(20px,5vw,40px);line-height:1.6}.panel .sub{color:#9ecbff;margin:22px 0;font-size:11px;line-height:2}.panel .keys{color:#ccc;max-width:560px;margin-bottom:26px;font-size:9px;line-height:2.4}#start-btn,#replay-btn{color:#fff;cursor:pointer;background:#a1130b;border:4px solid #ffd43b;padding:16px 28px;font-family:inherit;font-size:13px;animation:1s steps(2,end) infinite blink}#start-btn:hover,#replay-btn:hover{background:#d6301f;animation:none}@keyframes blink{50%{border-color:#fff}}.panel .alt{margin-top:24px;font-size:9px}.panel .alt a,.end-links a{color:#9ecbff}.end-links{flex-direction:column;gap:16px;margin-bottom:28px;font-size:11px;display:flex}.end-links .end-cta{color:#ffd43b;font-size:13px}#touch{z-index:45;justify-content:space-between;padding:0 22px;display:none;position:absolute;bottom:18px;left:0;right:0}@media (pointer:coarse){#touch{display:flex}}.t-group{gap:14px;display:flex}.t-btn{color:#fff;touch-action:none;background:#ffffff2e;border:3px solid #ffffff80;border-radius:12px;width:64px;height:64px;font-family:inherit;font-size:18px}.t-a{background:#a1130b99;border-color:#ffd43b}@media (prefers-reduced-motion:reduce){.qblock,#start-btn,#replay-btn,.coinE{animation:none}}