@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bb86985b9358e82-s.1_nwqg2oqknh7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/98a6f59906826739-s.43efwv28dotlz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/32ad89419f634795-s.1tb5eil6y_dva.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/8224a722d77dedea-s.0zl3jsojfe2ze.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/0461c21301ee96b8-s.p.3dojvicm65v_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}._2XIoDq_className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}._2XIoDq_variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
:root{--ink:#1b1830;--ink-2:#2a2550;--paper:#fff7e6;--sun:#ffd23f;--sun-dark:#e09a1a;--sea:#3aaecf;--sea-dark:#1f6ea3;--pink:#ff7a8a;--mint:#6ff2b4;--muted:#9a94c7}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--font-pixel), monospace;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button{font-family:inherit}a{color:inherit;text-decoration:none}.btn{cursor:pointer;color:var(--ink);background:var(--sun);box-shadow:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), inset 0 -5px 0 0 var(--sun-dark);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:10px;margin:4px;padding:14px 20px;font-size:14px;transition:transform 60ms;display:inline-flex}.btn:active{box-shadow:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), inset 0 -2px 0 0 var(--sun-dark);transform:translateY(3px)}.btn.big{padding:18px 34px;font-size:20px}.btn.ghost{background:var(--paper);box-shadow:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink), inset 0 -5px 0 0 #d8ccb0}.btn.icon{padding:10px 12px;font-size:12px}.home{background:linear-gradient(#5fd3e0 0 120px,#4cc2d9 120px 240px,#3aaecf 240px 360px,#2e98c2 360px 480px,#2582b3 480px 640px,#1f6ea3 640px 820px,#1d4f86 820px);flex-direction:column;align-items:center;min-height:100dvh;padding:28px 16px 60px;display:flex}.wrap{width:100%;max-width:760px}.hero{text-align:center;padding:10px 0 18px}.logo{letter-spacing:2px;color:var(--sun);text-shadow:4px 0 var(--ink), -4px 0 var(--ink), 0 4px var(--ink), 0 -4px var(--ink), 4px 4px var(--ink), -4px -4px var(--ink), 4px -4px var(--ink), -4px 4px var(--ink), 0 10px 0 var(--sun-dark), 4px 10px var(--ink), -4px 10px var(--ink), 0 14px var(--ink);margin:6px 0 10px;font-size:clamp(42px,12vw,84px)}.tag{color:#e6f7ff;max-width:440px;margin:18px auto 20px;font-size:11px;line-height:1.8}.panel{border:4px solid var(--ink);background:#1b1830d1;margin-top:22px;padding:18px;box-shadow:inset 0 0 0 4px #3a3470}.panel h2{color:var(--sun);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 16px;font-size:13px;display:flex}.panel h2 small{color:var(--muted);font-size:10px}.levels{gap:12px;display:grid}.level{background:var(--ink-2);border:4px solid var(--ink);cursor:pointer;text-align:left;color:var(--paper);grid-template-columns:54px 1fr auto;align-items:center;gap:14px;width:100%;padding:12px;font-size:12px;transition:transform 80ms;display:grid}.level:hover:not(:disabled){transform:translate(4px)}.level:disabled{opacity:.5;cursor:not-allowed}.level .num{width:54px;height:54px;color:var(--ink);border:4px solid var(--ink);place-items:center;font-size:20px;display:grid}.level .name{margin-bottom:8px;font-size:13px}.level .meta{color:var(--muted);font-size:9px;line-height:1.6}.chip{color:var(--ink);margin-right:6px;padding:4px 6px;font-size:8px;display:inline-block}.pearls{gap:4px;display:flex}.pearl-dot{border:2px solid var(--ink);background:#4a4478;width:12px;height:12px}.pearl-dot.on{background:#ffd7ea;box-shadow:inset -3px -3px #f7a6c9}.bar{border:2px solid var(--ink);background:#15122a;width:120px;height:8px;margin-top:6px}.bar>i{background:var(--mint);height:100%;display:block}.skins{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.skin{background:var(--ink-2);border:4px solid var(--ink);cursor:pointer;color:var(--paper);flex-direction:column;align-items:center;gap:8px;padding:10px 6px;font-size:9px;display:flex}.skin.selected{border-color:var(--sun)}.skin:disabled{cursor:not-allowed}.skin:disabled canvas{filter:brightness(0)opacity(.5)}.skin .lock{color:var(--muted);font-size:8px}.foot{color:var(--muted);text-align:center;margin-top:28px;font-size:9px;line-height:1.9}canvas.sprite{image-rendering:pixelated}.game{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#000;position:fixed;inset:0;overflow:hidden}.game canvas.view{image-rendering:pixelated;position:absolute;top:0;left:0}.hud{padding:max(12px, env(safe-area-inset-top)) 14px 0;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .progress{border:3px solid var(--ink);pointer-events:none;background:#15122ab3;flex:1;height:14px;position:relative}.hud .progress>i{background:var(--mint);width:0%;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -3px #36c48a}.hud .pct{min-width:44px;text-shadow:2px 2px 0 var(--ink);pointer-events:none;font-size:11px}.hud .pearls{pointer-events:none}.overlay{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay.top{justify-content:flex-start;padding-top:max(70px,12vh)}.overlay.modal{pointer-events:auto;cursor:default;background:#0a081899}.overlay .title{color:var(--sun);text-shadow:3px 3px 0 var(--ink), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink);margin-bottom:14px;font-size:clamp(16px,4.5vw,26px)}.overlay .sub{text-shadow:2px 2px 0 var(--ink);max-width:420px;font-size:10px;line-height:1.9}.overlay .tap{text-shadow:2px 2px 0 var(--ink);margin-top:26px;font-size:13px;animation:1s steps(2,end) infinite blink}.attempt{text-align:center;text-shadow:3px 3px 0 var(--ink);pointer-events:none;font-size:14px;position:absolute;top:22%;left:0;right:0}.card{background:var(--ink-2);border:4px solid var(--ink);width:100%;max-width:380px;padding:24px 20px;animation:.25s steps(4,end) pop;box-shadow:inset 0 0 0 4px #3a3470}.card .stats{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 20px;font-size:10px;display:grid}.card .stats div{background:#15122a;padding:10px 6px;line-height:1.8}.card .stats b{color:var(--sun);font-size:14px;font-weight:400;display:block}.card .row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.unlocked{color:var(--mint);margin-top:6px;font-size:9px;line-height:1.7}@keyframes blink{50%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes bob{50%{transform:translateY(-10px)}}
