@font-face{font-family:Riffic;src:url(../fonts/RifficFree-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg: #0a0e18;--bg-shell-top: #141d31;--bg-shell-bottom: #0a0e18;--ink: #e8eef7;--ink-soft: #93a1b8;--accent: #6ee7ff;--accent-ink: #06263040;--card: #182337;--card-line: #2a3a58;--danger: #fb5a6a;--rounded: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--display: "Riffic", var(--rounded)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%}body{font-family:var(--rounded);color:var(--ink);background-color:var(--bg);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background-color:#05070d}.app-shell{position:relative;width:100%;max-width:480px;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--bg-shell-top),var(--bg-shell-bottom));box-shadow:0 0 60px #0009}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.btn{font-family:var(--rounded);font-weight:800;border:none;border-radius:16px;padding:14px 20px;font-size:17px;color:var(--ink);background:var(--card);border:2px solid var(--card-line);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .12s ease}.btn:active{filter:brightness(.94)}.btn-play{min-width:180px;color:#06121a;background:linear-gradient(180deg,#8af0ff,var(--accent));border-color:#49c6e6;box-shadow:0 6px #2f9fbf,0 0 24px #6ee7ff66}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--card-line)}.menu{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 24px calc(env(safe-area-inset-bottom) + 8vh)}.menu-brand{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.menu-mark svg{filter:drop-shadow(0 8px 18px rgba(110,231,255,.35))}.menu-knife{display:block;height:auto;filter:drop-shadow(0 10px 22px rgba(110,231,255,.5))}.menu-title{font-family:var(--display);font-size:58px;margin:0;color:var(--ink);letter-spacing:4px;text-shadow:0 0 26px rgba(110,231,255,.45)}.menu-sub{margin:0;color:var(--ink-soft);font-size:15px;letter-spacing:.5px}.menu-foot{display:flex;flex-direction:column;align-items:center;gap:14px}.menu-best{margin:0;color:var(--ink-soft);font-weight:800;letter-spacing:1px}.play{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:0;right:0;display:flex;flex-direction:column;gap:8px;padding:0 16px;pointer-events:none}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-lives{display:flex;gap:5px}.hud-wave{font-family:var(--display);letter-spacing:1.5px;font-size:15px;color:var(--ink-soft);text-shadow:0 0 12px rgba(110,231,255,.25)}.hud-xp{position:relative;height:16px;border-radius:9px;background:#0a101cb8;border:1.5px solid var(--card-line);overflow:hidden;box-shadow:inset 0 1px 3px #0006}.hud-xp-fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#ffd94a,#ff9d3c);box-shadow:0 0 12px #ffd94a8c;transition:width .18s ease-out}.hud-xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-heart{fill:var(--danger);filter:drop-shadow(0 0 6px rgba(251,90,106,.5))}.hud-heart.spent{fill:#33405e;filter:none}.hud-score{font-family:var(--display);font-size:34px;color:var(--ink);text-shadow:0 0 18px rgba(110,231,255,.35);min-width:44px;text-align:right}.end{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.end-card{width:100%;max-width:320px;border-radius:24px;border:2px solid var(--card-line);background:var(--card);box-shadow:0 20px 50px #00000080;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.end-title{font-family:var(--display);margin:0;font-size:34px;letter-spacing:1px}.end-sub{margin:0;color:var(--accent);font-weight:800;letter-spacing:1px}.end-stats{display:flex;gap:14px;margin:2px 0}.end-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0f1626;border:2px solid var(--card-line);border-radius:16px;padding:12px 20px;min-width:96px}.end-stat-val{font-family:var(--display);font-size:26px}.end-stat-label{font-size:12px;color:var(--ink-soft);letter-spacing:1px;text-transform:uppercase}.end .btn{width:100%}.pickup-toast{position:absolute;top:150px;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#0c111ceb;border:1.5px solid var(--card-line);border-radius:14px;box-shadow:0 8px 24px #00000073;pointer-events:none;z-index:15}.pickup-toast-icon{width:34px;height:34px;flex:0 0 auto}.pickup-toast-text{display:flex;flex-direction:column;gap:1px;min-width:0}.pickup-toast-name{font-weight:800;font-size:14px;letter-spacing:.5px}.pickup-toast-desc{font-size:11.5px;color:var(--ink-soft);line-height:1.2}.levelup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#05080fbd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.levelup-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.levelup-kicker{margin:0;color:var(--accent);font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:12px}.levelup-title{margin:2px 0 14px;font-family:var(--display);font-size:28px;letter-spacing:1px;text-align:center}.levelup-options{width:100%;display:flex;flex-direction:column;gap:12px}.levelup-option{--opt: var(--accent);display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:14px 16px;border-radius:18px;background:var(--card);border:2px solid var(--card-line);color:var(--ink);cursor:pointer;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.levelup-option:active{transform:scale(.97)}.levelup-option:not(:disabled):hover{border-color:var(--opt);box-shadow:0 0 0 1px var(--opt),0 8px 26px #0006}.levelup-option:disabled{opacity:.45;cursor:default}.levelup-icon{flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1)}.levelup-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.levelup-name{font-weight:800;font-size:16px}.levelup-effect{font-weight:800;font-size:13px;color:var(--opt)}.levelup-blurb{font-size:12px;color:var(--ink-soft);line-height:1.25}.levelup-lvl{flex:0 0 auto;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--ink-soft);background:#00000040;padding:4px 8px;border-radius:8px}