:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14213d;--paper:#f7f2e8;--blue:#39bff0;--coral:#ff5f56;--lime:#d8f04e;--violet:#7458e8;--line:#14213d2e;font-synthesis:none;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--paper);margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e8c7;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 28px;display:flex;position:fixed;top:0;left:0}.wordmark{color:var(--ink);letter-spacing:.16em;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:.76rem;font-weight:500;text-decoration:none;display:inline-flex}.wordmark-mark{border:3px solid var(--ink);background:var(--lime);border-radius:50% 50% 50% 0;width:14px;height:14px;transform:rotate(-45deg)}.sound-button{border:1px solid var(--line);cursor:pointer;background:#ffffff8c;border-radius:50%;place-items:center;width:42px;height:42px;padding:9px;transition:transform .15s,background .15s;display:grid}.sound-button:hover{background:#fff;transform:rotate(-5deg)scale(1.05)}.sound-button svg{width:100%;fill:var(--ink)}.sound-button .sound-wave{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:1.8px}.sound-button.is-muted .sound-wave{display:none}main{height:100%;padding-top:68px}.game-frame{isolation:isolate;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}#game{width:100%;height:100%;position:absolute;inset:0}.hud{z-index:4;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;width:calc(100% - 56px);transition:opacity .2s;display:grid;position:absolute;top:24px;left:28px}.hud.is-hidden{opacity:0}.eyebrow{letter-spacing:.12em;margin-bottom:5px;font-family:DM Mono,monospace;font-size:.66rem;display:block}.timer-block strong{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(1.45rem,3vw,2.35rem)}.health{gap:6px;padding-top:4px;display:flex}.health-pip{border:2px solid var(--ink);background:var(--coral);border-radius:50% 50% 50% 0;width:16px;height:16px;transition:opacity .18s,transform .18s;transform:rotate(-45deg)}.health-pip.is-empty{opacity:.22;background:0 0;transform:rotate(-45deg)scale(.72)}.level-block{justify-self:end;min-width:min(28vw,260px)}.level-block .eyebrow{text-align:right}.xp-track{border:1px solid var(--ink);background:#ffffff8c;border-radius:99px;width:100%;height:7px;display:block;overflow:hidden}#xp-fill{background:var(--blue);width:0;height:100%;transition:width .18s;display:block}.screen{z-index:6;position:absolute;inset:0}.screen[hidden],.boss-banner[hidden]{display:none}.start-screen{background:linear-gradient(115deg,#f7f2e838,#f7f2e80a);place-items:center;display:grid}.title-lockup{text-align:center;justify-items:center;display:grid;position:relative}.kicker{letter-spacing:.17em;margin:0 0 15px;font-family:DM Mono,monospace;font-size:clamp(.68rem,1.1vw,.82rem)}h1{letter-spacing:-.095em;margin:0;font-size:clamp(4.5rem,13vw,10.5rem);font-weight:800;line-height:.68}h1 i{color:var(--coral);font-family:Georgia,serif;font-weight:400}.play-button,.replay-button{border:2px solid var(--ink);background:var(--lime);width:82px;height:82px;box-shadow:7px 7px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;margin-top:clamp(45px,8vh,84px);transition:box-shadow .12s,transform .12s;display:grid}.play-button:hover,.replay-button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(4px,4px)}.play-button span{border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid var(--ink);width:0;height:0;margin-left:6px}.edition{letter-spacing:.12em;font-family:DM Mono,monospace;font-size:.62rem;position:absolute;bottom:24px;right:28px}.level-screen{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#f7f2e8cc;align-content:center;justify-items:center;padding:28px;display:grid}.level-screen h2,.result-screen h2{letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.96}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:min(980px,100%);margin-top:clamp(28px,6vh,62px);display:grid}.upgrade-card{border:2px solid var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:24px;min-height:230px;padding:25px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.upgrade-card:nth-child(2){background:#fff0e8}.upgrade-card:nth-child(3){background:#eef4ff}.upgrade-card:hover,.upgrade-card:focus-visible{z-index:2;box-shadow:8px 8px 0 var(--ink);outline:none;transform:translate(-4px,-4px)rotate(-1deg)}.upgrade-icon{border:2px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:44px;font-size:1.65rem;display:grid}.upgrade-card strong{letter-spacing:-.035em;font-size:clamp(1.2rem,2.2vw,1.7rem);display:block}.upgrade-card small{color:#14213da6;letter-spacing:.08em;margin-top:7px;font-family:DM Mono,monospace;font-size:.68rem;display:block}.result-screen{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#7458e838;place-items:center;padding:24px;display:grid}.result-card{border:2px solid var(--ink);background:var(--paper);width:min(700px,100%);box-shadow:12px 12px 0 var(--ink);text-align:center;border-radius:40px;justify-items:center;padding:clamp(30px,6vw,64px);display:grid}.run-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:100%;margin:42px 0 0;display:grid}.run-stats div{padding:18px 8px}.run-stats div+div{border-left:1px solid var(--line)}.run-stats dt,.run-stats dd{margin:0;font-family:DM Mono,monospace}.run-stats dt{letter-spacing:.1em;margin-bottom:7px;font-size:.58rem}.run-stats dd{font-size:clamp(1rem,2.5vw,1.45rem)}.replay-button{width:66px;height:66px;margin-top:32px}.replay-button svg{fill:none;width:27px;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.boss-banner{z-index:5;letter-spacing:.12em;pointer-events:none;grid-template-columns:auto 1fr;align-items:center;gap:16px;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;display:grid;position:absolute;bottom:25px;left:28px;right:28px}.boss-track{border:1px solid var(--ink);background:#ffffffb3;border-radius:99px;height:8px;overflow:hidden}#boss-fill{background:var(--coral);width:100%;height:100%;display:block}@media (width<=720px){.topbar{height:56px;padding:0 16px}main{padding-top:56px}.sound-button{width:38px;height:38px}.hud{grid-template-columns:1fr auto;width:calc(100% - 32px);top:14px;left:16px}.health{justify-self:end}.health-pip{width:13px;height:13px}.level-block{min-width:132px;position:absolute;top:55px;right:0}h1{font-size:clamp(4.2rem,24vw,7rem)}.play-button{width:76px;height:76px;margin-top:54px}.upgrade-grid{grid-template-columns:1fr;gap:10px}.upgrade-card{border-radius:17px;grid-template-columns:48px 1fr;column-gap:18px;min-height:0;padding:18px;display:grid}.upgrade-icon{grid-row:span 2;width:48px;height:48px;margin:0}.upgrade-card small{margin-top:3px}.boss-banner{bottom:16px;left:16px;right:16px}.result-card{box-shadow:7px 7px 0 var(--ink);border-radius:25px}}@media (height<=620px) and (orientation:landscape){.topbar{height:50px}main{padding-top:50px}.hud{top:12px}.play-button{width:60px;height:60px;margin-top:30px}.upgrade-grid{margin-top:18px}.upgrade-card{min-height:170px;padding:18px}.upgrade-icon{width:42px;height:42px;margin-bottom:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
