:root{--ui-ink:#171722;--ui-panel:#252238;--ui-cream:#fff4d6;--ui-yellow:#ffe45c;--ui-blue:#4f8cff;--ui-blue-dark:#2454a1;--ui-mint:#62dab6;--ui-purple:#7957d5;--ui-purple-dark:#3e2e75;--ui-pink:#ff4f87;--ui-pink-dark:#a92f4b;--ui-red:#e84646;--ui-green:#3da86a;--ui-green-dark:#28764a;--ui-muted:#777d86;--ui-muted-dark:#50555d;--ui-unit:4px;--ui-gap:8px;--ui-section-gap:16px;--ui-control-height:44px;color:#fff;background:var(--ui-ink);font-synthesis:none;touch-action:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:radial-gradient(circle at 20% 15%,#34304d 0,#0000 30%),linear-gradient(145deg,#171722,#252238);width:100%;height:100%;margin:0;overflow:hidden}#app{place-items:center;display:grid}#game{aspect-ratio:3/5;background:#111118;width:min(100vw,60dvh,480px);height:auto;max-height:800px;position:relative;overflow:hidden;box-shadow:0 28px 90px #000a,0 0 0 2px #ffffff14}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;width:100%!important;height:100%!important}.mobile-controls{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-control{color:#fff4d6;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.mobile-control__label{color:var(--ui-cream);text-align:center;text-shadow:2px 2px var(--ui-ink);pointer-events:none;place-items:center;font:900 15px/1 monospace;display:grid;position:absolute;top:22px;bottom:8px;left:8px;right:8px}.mobile-control__hint{color:var(--ui-yellow);letter-spacing:1px;text-align:center;pointer-events:none;font:900 9px/1 monospace;position:absolute;top:11px;left:8px;right:8px}.mobile-control--joystick{background:var(--ui-panel);width:112px;height:112px;box-shadow:inset 0 0 0 4px var(--ui-ink), inset 0 0 0 8px var(--ui-cream), inset 0 0 0 12px var(--ui-blue), 4px 4px 0 var(--ui-ink);clip-path:polygon(12px 0,100px 0,100% 12px,100% 100px,100px 100%,12px 100%,0 100px,0 12px);opacity:.92;bottom:32px;left:12px}.mobile-control__guide{pointer-events:none;background:#fff4d633;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-control__guide--horizontal{width:76px;height:8px}.mobile-control__guide--vertical{width:8px;height:76px}.mobile-control__knob{width:44px;height:44px;color:var(--ui-ink);background:var(--ui-cream);box-shadow:inset 0 0 0 4px var(--ui-ink), inset 0 0 0 8px var(--ui-mint), 3px 3px 0 var(--ui-ink);clip-path:polygon(8px 0,36px 0,100% 8px,100% 36px,36px 100%,8px 100%,0 36px,0 8px);pointer-events:none;display:block;position:absolute;top:34px;left:34px}.mobile-control__knob-mark{place-items:center;font:900 20px/1 monospace;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-control--joystick.is-active{box-shadow:inset 0 0 0 4px #171722,inset 0 0 0 8px #ffe45c,inset 0 0 0 12px #4f8cff,4px 4px #171722}.mobile-control--interact{background:var(--ui-blue);width:104px;height:76px;box-shadow:inset 0 0 0 4px var(--ui-ink), inset 0 0 0 8px var(--ui-cream), inset 0 -10px 0 var(--ui-blue-dark), 4px 4px 0 var(--ui-ink);clip-path:polygon(10px 0,94px 0,100% 10px,100% 66px,94px 100%,10px 100%,0 66px,0 10px);bottom:56px;right:12px}.mobile-control--interact .mobile-control__label{font-size:13px}.mobile-control--bonk{background:var(--ui-pink);width:82px;height:66px;box-shadow:inset 0 0 0 4px var(--ui-ink), inset 0 0 0 8px var(--ui-cream), inset 0 -9px 0 var(--ui-pink-dark), 4px 4px 0 var(--ui-ink);clip-path:polygon(9px 0,73px 0,100% 9px,100% 57px,73px 100%,9px 100%,0 57px,0 9px);bottom:32px;right:130px}.mobile-control.is-pressed{filter:brightness(1.18);transform:translate(3px,3px);box-shadow:inset 0 0 0 4px #171722,inset 0 0 0 8px #ffe45c,inset 0 -6px #17172266,1px 1px #171722}.music-toggle{z-index:12;width:52px;height:var(--ui-control-height);color:var(--ui-cream);background:var(--ui-green);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 var(--ui-green-dark), 4px 4px 0 var(--ui-ink);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);text-align:center;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;border:0;place-items:center;margin:0;padding:0 0 4px;font-family:monospace;font-weight:900;display:grid;position:absolute}.music-toggle span{color:var(--ui-cream);text-shadow:2px 2px var(--ui-ink);font-size:27px;line-height:1}.music-toggle.is-muted{background:var(--ui-muted);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 var(--ui-muted-dark), 4px 4px 0 var(--ui-ink)}.music-toggle.is-muted span{color:#d5d8dc}.music-toggle:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 3px #171722,inset 0 0 0 6px #ffe45c,inset 0 -4px #17172255,1px 1px #171722}.music-toggle--menu{width:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}.music-toggle--game{top:122px;left:8px}.leaderboard-launch{z-index:12;height:var(--ui-control-height);padding:0 var(--ui-section-gap);color:var(--ui-cream);background:var(--ui-purple);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 var(--ui-purple-dark), 4px 4px 0 var(--ui-ink);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;border:0;margin:0;font:900 12px/1 monospace;position:absolute}.music-toggle:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:var(--ui-unit)}.leaderboard-launch:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:var(--ui-unit)}.leaderboard-close:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:var(--ui-unit)}.leaderboard-form input:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:var(--ui-unit)}.leaderboard-form button:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:var(--ui-unit)}.leaderboard-launch:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 3px #171722,inset 0 0 0 6px #ffe45c,inset 0 -4px #17172255,1px 1px #171722}.leaderboard-launch--menu{width:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}.title-utilities{z-index:12;height:var(--ui-control-height);grid-template-columns:112px minmax(0,1fr) 112px;align-items:stretch;gap:12px;display:grid;position:absolute;top:588px;left:20px;right:20px}.title-best{height:var(--ui-control-height);color:var(--ui-yellow);background:var(--ui-panel);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 #11111a, 4px 4px 0 var(--ui-ink);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);text-align:center;place-items:center;font:900 12px/1 monospace;display:grid}.leaderboard-launch--pause{width:220px;color:var(--ui-ink);background:var(--ui-yellow);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 #d39d32, 4px 4px 0 var(--ui-ink);top:397px;left:50%;transform:translate(-50%)}.leaderboard-launch--pause:active{transform:translate(calc(2px - 50%),2px)}.leaderboard-launch--gameover{width:224px;color:var(--ui-ink);background:var(--ui-yellow);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 #d39d32, 4px 4px 0 var(--ui-ink);animation:.9s steps(2,end) infinite leaderboard-nudge;bottom:66px;left:50%;transform:translate(-50%)}.leaderboard-launch--gameover:active{animation:none;transform:translate(calc(2px - 50%),2px)}.leaderboard-launch--gameover.is-submitted{color:var(--ui-cream);background:var(--ui-green);box-shadow:inset 0 0 0 3px var(--ui-ink), inset 0 0 0 6px var(--ui-cream), inset 0 -7px 0 var(--ui-green-dark), 4px 4px 0 var(--ui-ink);animation:none}@keyframes leaderboard-nudge{0%,to{margin-bottom:0}50%{margin-bottom:4px}}.leaderboard-overlay[hidden]{display:none}.leaderboard-overlay{z-index:40;padding:var(--ui-section-gap);color:var(--ui-cream);pointer-events:auto;touch-action:pan-y;background:#171722e8;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.leaderboard-panel{background:var(--ui-panel);width:min(430px,100%);max-height:100%;box-shadow:inset 0 0 0 4px var(--ui-ink), inset 0 0 0 8px var(--ui-cream), inset 0 0 0 12px var(--ui-blue), 5px 5px 0 #08080d;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);padding:24px;font-family:monospace;position:relative;overflow-y:auto}.leaderboard-panel h2{color:var(--ui-yellow);text-align:center;text-shadow:3px 3px var(--ui-ink);margin:0;font:900 28px/1 monospace}.leaderboard-subtitle{color:var(--ui-mint);letter-spacing:1px;text-align:center;margin:8px 0 16px;font:900 11px/1 monospace}.leaderboard-close{border:4px solid var(--ui-ink);width:36px;height:36px;color:var(--ui-cream);background:var(--ui-red);cursor:pointer;font:900 16px monospace;position:absolute;top:16px;right:16px}.leaderboard-status{min-height:20px;margin-bottom:var(--ui-gap);color:var(--ui-pink);text-align:center;font:900 11px/1.3 monospace}.leaderboard-list{overscroll-behavior:contain;scrollbar-color:var(--ui-yellow) var(--ui-ink);scrollbar-width:auto;touch-action:pan-y;gap:4px;max-height:420px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.leaderboard-overlay--submittable .leaderboard-list{max-height:300px}.leaderboard-columns{color:var(--ui-mint);letter-spacing:1px;grid-template-columns:42px 1fr 68px;padding:0 16px 6px 12px;font:900 9px/1 monospace;display:grid}.leaderboard-columns span:last-child{text-align:right}.leaderboard-list:focus-visible{outline:4px solid var(--ui-yellow);outline-offset:0}.leaderboard-list::-webkit-scrollbar{width:12px}.leaderboard-list::-webkit-scrollbar-track{background:var(--ui-ink);border-left:4px solid var(--ui-panel)}.leaderboard-list::-webkit-scrollbar-thumb{background:var(--ui-yellow);border:3px solid var(--ui-ink);border-radius:0}.leaderboard-list li{border:4px solid var(--ui-ink);min-height:36px;color:var(--ui-ink);background:var(--ui-cream);grid-template-columns:34px 1fr 64px;align-items:center;padding:8px 12px;font:900 13px/1 monospace;animation:.18s steps(3,end) both leaderboard-row-in;display:grid}.leaderboard-list li:nth-child(2){animation-delay:40ms}.leaderboard-list li:nth-child(3){animation-delay:80ms}.leaderboard-list li:nth-child(4){animation-delay:.12s}.leaderboard-list li:nth-child(5){animation-delay:.16s}@keyframes leaderboard-row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.leaderboard-list li:first-child{background:var(--ui-yellow)}.leaderboard-list li:nth-child(2){background:#d8dce7}.leaderboard-list li:nth-child(3){background:#e3a36f}.leaderboard-list li span:last-child{text-align:right}.leaderboard-form{border-top:4px solid var(--ui-blue);gap:8px;margin-top:16px;padding-top:16px;display:grid}.leaderboard-form[hidden]{display:none}.leaderboard-form label{color:var(--ui-yellow);text-align:center;font:900 16px/1 monospace}.leaderboard-score-callout{color:var(--ui-cream);text-align:center;margin:0;font:900 12px/1 monospace}.leaderboard-score-callout strong{color:var(--ui-mint);font-size:18px}.leaderboard-form input{border:4px solid var(--ui-ink);width:100%;height:44px;color:var(--ui-ink);background:var(--ui-cream);text-transform:uppercase;border-radius:0;outline:0;padding:0 12px;font:900 17px monospace}.leaderboard-form input:focus{border-color:var(--ui-yellow);box-shadow:0 0 0 4px var(--ui-blue)}.leaderboard-form button{border:4px solid var(--ui-ink);height:48px;color:var(--ui-cream);background:var(--ui-green);box-shadow:inset 0 -7px 0 var(--ui-green-dark);cursor:pointer;touch-action:manipulation;font:900 14px monospace}.leaderboard-form button:active{box-shadow:inset 0 -4px 0 var(--ui-green-dark);transform:translate(2px,2px)}.leaderboard-form button:disabled{opacity:.55}#rotateNotice{z-index:20;text-align:center;color:#171722;background:#ffeb55;align-content:center;place-items:center;gap:8px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#rotateNotice strong{font:900 36px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#rotateNotice span{font-size:14px;font-weight:900}@media (max-width:600px){#game{box-shadow:none}}@media (prefers-reduced-motion:reduce){.leaderboard-launch--gameover,.leaderboard-list li{animation:none}}@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){#rotateNotice{display:grid}}