.confetti.svelte-1iegzl4{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;pointer-events:none;z-index:80}.snake.svelte-1hi1qsq{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding-bottom:8px;font-family:var(--font-pixel);-webkit-user-select:none;user-select:none}.layout.svelte-1hi1qsq{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.wide.svelte-1hi1qsq .layout:where(.svelte-1hi1qsq){flex-direction:row;align-items:flex-start;justify-content:center;gap:22px}.panel-side.svelte-1hi1qsq{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}.wide.svelte-1hi1qsq .panel-side:where(.svelte-1hi1qsq){width:250px;flex:none}.scores.svelte-1hi1qsq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wide.svelte-1hi1qsq .scores:where(.svelte-1hi1qsq){grid-template-columns:1fr}.score-box.svelte-1hi1qsq{display:flex;flex-direction:column;align-items:center;padding:6px 8px 8px;border:4px solid var(--ink);background:var(--ink-3);box-shadow:inset 4px 4px 0 var(--ink-2),0 4px 0 var(--ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.wide.svelte-1hi1qsq .score-box:where(.svelte-1hi1qsq){flex-direction:row;justify-content:space-between;padding:8px 14px}.score-box.svelte-1hi1qsq span:where(.svelte-1hi1qsq){font-size:14px;color:var(--paper-3);text-transform:uppercase;letter-spacing:.06em}.score-box.svelte-1hi1qsq b:where(.svelte-1hi1qsq){display:inline-block;font-size:28px;line-height:1.05;font-weight:700;color:var(--gold-1);text-shadow:3px 3px 0 var(--ink)}.score-box.alt.svelte-1hi1qsq b:where(.svelte-1hi1qsq){color:var(--blue-1)}.score-box.lvl.svelte-1hi1qsq b:where(.svelte-1hi1qsq){color:var(--green-1)}.pop.svelte-1hi1qsq{animation:svelte-1hi1qsq-pop .25s steps(3)}@keyframes svelte-1hi1qsq-pop{0%{transform:scale(1.6)}to{transform:none}}.modes.svelte-1hi1qsq{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px}.modes.svelte-1hi1qsq button:where(.svelte-1hi1qsq),.pix-btn.svelte-1hi1qsq{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:6px 12px;border:4px solid var(--ink);background:var(--ink-1);color:var(--paper-2);font-family:var(--font-pixel);font-size:18px;cursor:pointer;box-shadow:inset -4px -4px #00000040,inset 4px 4px #ffffff26,0 4px 0 var(--ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);transition:transform .08s steps(2)}.modes.svelte-1hi1qsq button:where(.svelte-1hi1qsq) svg:where(.svelte-1hi1qsq),.pix-btn.svelte-1hi1qsq svg:where(.svelte-1hi1qsq){width:20px;height:20px;image-rendering:pixelated}.modes.svelte-1hi1qsq button.on:where(.svelte-1hi1qsq){background:var(--gold-1);color:var(--ink)}.modes.svelte-1hi1qsq button:where(.svelte-1hi1qsq):active,.pix-btn.svelte-1hi1qsq:active{transform:translateY(3px)}.help.svelte-1hi1qsq{margin:0;font-size:15px;line-height:1.35;color:var(--paper-3);text-align:center}.wide.svelte-1hi1qsq .help:where(.svelte-1hi1qsq){text-align:left}.stage.svelte-1hi1qsq{display:grid;place-items:center;touch-action:none;max-width:100%}.screen.svelte-1hi1qsq{position:relative;background:repeating-conic-gradient(var(--steel-1) 0 25%,var(--steel-2) 0 50%) 0 0 / 10px 10px;box-shadow:0 0 0 4px var(--ink),0 8px 0 4px var(--ink),inset 0 0 0 2px var(--steel-3),0 24px 40px #00000073}.screen.svelte-1hi1qsq canvas:where(.svelte-1hi1qsq){box-shadow:0 0 0 2px var(--ink)}.screen.portal.svelte-1hi1qsq{background:repeating-linear-gradient(45deg,var(--purple-3) 0 5px,var(--blue-2) 5px 10px,var(--ink-1) 10px 15px) 0 0 / 200% 200%;animation:svelte-1hi1qsq-portal 1.2s steps(6) infinite}@keyframes svelte-1hi1qsq-portal{to{background-position:21px 21px}}canvas.svelte-1hi1qsq{display:block;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges}.overlay.svelte-1hi1qsq{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:#1b103573;animation:svelte-1hi1qsq-fade .2s steps(3)}.pix-panel.svelte-1hi1qsq{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%;padding:14px 18px 18px;border:4px solid var(--ink);background:var(--ink-2);box-shadow:inset 4px 4px 0 var(--ink-1),inset -4px -4px 0 var(--ink-3),0 6px 0 var(--ink);text-align:center;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);animation:svelte-1hi1qsq-drop .35s steps(5)}.pix-panel.svelte-1hi1qsq h2:where(.svelte-1hi1qsq){margin:0;font-family:var(--font-pixel);font-size:30px;font-weight:700;color:var(--gold-1);text-shadow:3px 3px 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.pix-panel.over.svelte-1hi1qsq h2:where(.svelte-1hi1qsq){color:var(--red-1)}.pix-panel.svelte-1hi1qsq p:where(.svelte-1hi1qsq){margin:0;font-size:16px;color:var(--paper-2)}.pix-btn.svelte-1hi1qsq{margin-top:6px;background:var(--green-2);color:var(--ink);font-size:20px;padding:6px 20px}.final.svelte-1hi1qsq{display:flex;gap:8px}.final.svelte-1hi1qsq div:where(.svelte-1hi1qsq){display:flex;flex-direction:column;min-width:86px;padding:4px 10px;border:4px solid var(--ink);background:var(--ink-3)}.final.svelte-1hi1qsq span:where(.svelte-1hi1qsq){font-size:13px;color:var(--paper-3);text-transform:uppercase}.final.svelte-1hi1qsq b:where(.svelte-1hi1qsq){font-size:24px;color:var(--gold-1)}.ribbon.svelte-1hi1qsq{padding:2px 12px;border:4px solid var(--ink);background:var(--gold-1);color:var(--ink);font-size:16px;font-weight:700;animation:svelte-1hi1qsq-blink .6s steps(2) infinite}@keyframes svelte-1hi1qsq-blink{50%{background:var(--gold-2);transform:translateY(-2px)}}@keyframes svelte-1hi1qsq-fade{0%{opacity:0}}@keyframes svelte-1hi1qsq-drop{0%{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}.pad.svelte-1hi1qsq{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,56px);gap:4px;touch-action:none}.pad-btn.svelte-1hi1qsq{display:grid;place-items:center;padding:0;border:4px solid var(--ink);background:var(--paper-3);cursor:pointer;box-shadow:inset -4px -4px 0 var(--paper-4),inset 4px 4px 0 var(--paper),0 4px 0 var(--ink);touch-action:none;-webkit-tap-highlight-color:transparent}.pad-btn.svelte-1hi1qsq:active{transform:translateY(3px);box-shadow:inset 4px 4px 0 var(--paper-4),0 1px 0 var(--ink);background:var(--gold-1)}.pad-btn.svelte-1hi1qsq svg:where(.svelte-1hi1qsq){width:28px;height:28px}.up.svelte-1hi1qsq{grid-column:2;grid-row:1}.left.svelte-1hi1qsq{grid-column:1;grid-row:2}.mid.svelte-1hi1qsq{grid-column:2;grid-row:2;background:var(--ink-1);box-shadow:inset -4px -4px 0 var(--ink-2),0 4px 0 var(--ink)}.mid.svelte-1hi1qsq svg:where(.svelte-1hi1qsq) path:where(.svelte-1hi1qsq){fill:var(--gold-1)}.right.svelte-1hi1qsq{grid-column:3;grid-row:2}.down.svelte-1hi1qsq{grid-column:2;grid-row:3}@container (max-width: 380px){.score-box.svelte-1hi1qsq b:where(.svelte-1hi1qsq){font-size:22px}.score-box.svelte-1hi1qsq span:where(.svelte-1hi1qsq){font-size:12px}.modes.svelte-1hi1qsq button:where(.svelte-1hi1qsq){font-size:16px;padding:4px 8px}}