@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--pixel-font:"Press Start 2P", system-ui, sans-serif;--header-h:76px;--footer-h:52px;--page:#1c1c22;--ink:#f0f0f4;--panel:#14141aeb}html,body{background:var(--page);height:100%;color:var(--ink);font-synthesis:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;font:16px/1.4 system-ui,sans-serif;overflow:hidden}#game{width:100vw;height:100dvh;display:block}#hud{height:var(--header-h);box-sizing:border-box;justify-content:center;padding:8px 0 0;display:flex;position:fixed;top:0;left:0;right:0}#level-info{max-width:calc(100% - 124px);font-family:var(--pixel-font);flex-direction:column;align-items:center;line-height:1.5;display:flex}#level-number,#level-name,#level-band{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#level-number{margin-bottom:4px;font-size:16px}#level-number.finale,#level-name{font-size:12px}#level-band{color:#a6a6b2;font-size:10px}#footer{height:var(--footer-h);line-height:var(--footer-h);text-align:center;white-space:nowrap;font-family:var(--pixel-font);text-shadow:0 3px #0c0c10;pointer-events:none;font-size:24px;position:fixed;bottom:0;left:0;right:0}#menu-button,.menu-panel button,#level-chooser{font-family:var(--pixel-font);color:var(--ink);cursor:pointer;background:#2a2a33;border:0;border-radius:0;font-size:14px;box-shadow:-3px 0 #5a5a68,3px 0 #5a5a68,0 -3px #5a5a68,0 3px #5a5a68,inset 0 -4px #1e1e25}#menu-button:active,.menu-panel button:active{transform:translateY(2px)}#menu-button{background:linear-gradient(var(--ink), var(--ink)) center 7px / 18px 3px no-repeat, linear-gradient(var(--ink), var(--ink)) center 13px / 18px 3px no-repeat, linear-gradient(var(--ink), var(--ink)) center 19px / 18px 3px no-repeat, #2a2a33;width:36px;height:32px;padding:0;font-size:0;position:fixed;top:11px;left:16px}#level-chooser{width:100%;padding:8px 10px;font-family:system-ui,sans-serif;font-size:15px}#level-chooser[hidden]{display:none}.menu-panel h1{font-family:var(--pixel-font)}#menu{box-sizing:border-box;z-index:2;background:#00000080;justify-content:center;align-items:flex-start;padding:48px 16px 16px;display:flex;position:fixed;inset:0}#menu[hidden]{display:none}.menu-panel{box-sizing:border-box;background:#24242c;flex-direction:column;gap:14px;width:100%;max-width:360px;max-height:100%;padding:16px;display:flex;overflow-y:auto;box-shadow:-4px 0 #5a5a68,4px 0 #5a5a68,0 -4px #5a5a68,0 4px #5a5a68,0 12px #0c0c10}.menu-panel header{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;display:grid}.menu-panel h1{text-align:center;grid-column:2;margin:0;font-size:16px}#menu-close{grid-column:3}.menu-panel h2{font-family:var(--pixel-font);text-transform:uppercase;color:#9a9aa6;margin:0;font-size:12px}#menu-close{width:36px;height:36px;padding:0 0 3px;font-size:16px}#menu-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:3px;display:grid}#menu-levels button{aspect-ratio:1;font-size:16px}#menu-levels button[aria-current=true]{color:var(--page);background:#fdd835;box-shadow:-3px 0 #0c0c10,3px 0 #0c0c10,0 -3px #0c0c10,0 3px #0c0c10,inset 0 -4px #a08612}#menu-clear{margin:0 3px;padding:8px 10px 10px}#menu-clear.armed{background:#e53935;box-shadow:-3px 0 #0c0c10,3px 0 #0c0c10,0 -3px #0c0c10,0 3px #0c0c10,inset 0 -4px #8e1f1c}.menu-panel .rainbow{text-shadow:0 2px #0c0c10;white-space:nowrap}#menu-dev{font-family:var(--pixel-font);align-items:center;gap:10px;font-size:12px;display:flex}#menu-dev[hidden]{display:none}#menu-dev input{appearance:none;cursor:pointer;background:#2a2a33;width:18px;height:18px;margin:3px;box-shadow:-3px 0 #5a5a68,3px 0 #5a5a68,0 -3px #5a5a68,0 3px #5a5a68}#menu-dev input:checked{background:#8bc34a;box-shadow:-3px 0 #5a5a68,3px 0 #5a5a68,0 -3px #5a5a68,0 3px #5a5a68,inset 0 0 0 4px #2a2a33}#menu-github{font-family:var(--pixel-font);color:#4fc3f7;font-size:12px;line-height:1.6}#end{--end-colour:#8bc34a;--end-shade:#4f7a22;box-sizing:border-box;width:max-content;max-width:calc(100vw - 48px);font-family:var(--pixel-font);text-align:center;background:#24242c;padding:18px 28px 22px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:-4px 0 #5a5a68,4px 0 #5a5a68,0 -4px #5a5a68,0 4px #5a5a68,0 12px #0c0c10}#end[data-state=stuck]{--end-colour:#e53935;--end-shade:#8e1f1c}#end[data-state=done]{--end-colour:#fdd835;--end-shade:#a08612}#end[hidden]{display:none}#end p{color:var(--end-colour);text-shadow:0 4px #0c0c10;margin:0 0 20px;font-size:32px;line-height:1.2}#end[data-state=done]{padding:18px 20px 22px}#end[data-state=done] p{margin:0;font-size:16px;line-height:1.6}#end button{font-family:var(--pixel-font);background:var(--end-colour);color:#1c1c22;box-shadow:-4px 0 0 0 #0c0c10, 4px 0 0 0 #0c0c10, 0 -4px 0 0 #0c0c10, 0 4px 0 0 #0c0c10, inset 0 -6px 0 0 var(--end-shade);cursor:pointer;border:0;border-radius:0;padding:10px 24px 14px;font-size:18px}#end button:active{box-shadow:-4px 0 0 0 #0c0c10, 4px 0 0 0 #0c0c10, 0 -4px 0 0 #0c0c10, 0 4px 0 0 #0c0c10, inset 0 -2px 0 0 var(--end-shade);transform:translateY(3px)}