:root{--nk-good:#2f7dff;--nk-good-light:#6fb2ff;--nk-teal:#22b8a7;--nk-bad:#e0283c;--nk-yellow:#ffc400;--nk-ink:#14161c;--nk-paper:#f7f4ec;--nk-radius:18px;--nk-shadow:0 6px 0 #00000040;--nk-font:"Arial Black", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%;font-family:var(--nk-font);color:var(--nk-ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#9fd4ff;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.nk-btn{font:900 22px var(--nk-font);color:#fff;border-radius:var(--nk-radius);box-shadow:var(--nk-shadow);letter-spacing:.5px;cursor:pointer;background:linear-gradient(#6fb2ff,#2f7dff);border:3px solid #fff;padding:14px 36px}.nk-btn:active{transform:translateY(3px);box-shadow:0 3px #00000040}.nk-btn.bad{background:linear-gradient(#ff6b6b,#e0283c)}.nk-count{font:900 26px var(--nk-font);color:#fff;-webkit-text-stroke:2px #00000073;paint-order:stroke fill}.nk-hpbar{background:#3a2025;border:2px solid #fff;border-radius:9px;width:140px;height:16px;overflow:hidden}.nk-hpbar>i{background:linear-gradient(#ff6b6b,#c8102e);height:100%;display:block}.nk-title{left:0;right:0;top:calc(var(--safe-top) + 18px);text-align:center;pointer-events:none;position:fixed}.nk-title img{filter:drop-shadow(0 6px #00000040);width:min(86vw,520px)}.nk-record{left:0;right:0;top:calc(var(--safe-top) + 88px);text-align:center;font:900 18px var(--nk-font);color:#fff;-webkit-text-stroke:1.5px #00000080;paint-order:stroke fill;pointer-events:none;position:fixed}.nk-bottom{left:0;right:0;bottom:calc(var(--safe-bottom) + 40px);flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:fixed}.nk-difficulty,.nk-mode{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.nk-label{text-align:center;font:900 12px var(--nk-font);color:#fff;-webkit-text-stroke:1px #0009;text-transform:uppercase;letter-spacing:1px;flex-basis:100%}[hidden]{display:none!important}.nk-hud{pointer-events:none;font-family:var(--nk-font);position:fixed;inset:0}.nk-hud-score,.nk-hud-level{top:calc(var(--safe-top) + 12px);font:900 18px var(--nk-font);color:#fff;-webkit-text-stroke:1.5px #00000080;paint-order:stroke fill;position:absolute}.nk-hud-score{left:14px}.nk-hud-level{right:14px}.nk-hud-count{text-align:center;background:var(--nk-good);min-width:44px;box-shadow:var(--nk-shadow);border:3px solid #fff;border-radius:999px;padding:2px 10px;position:absolute;top:0;left:0}.nk-hud-count.bump-up{animation:.35s ease-out nk-bump-up}.nk-hud-count.bump-down{animation:.35s ease-out nk-bump-down}@keyframes nk-bump-up{40%{background:#22c55e;scale:1.3}}@keyframes nk-bump-down{40%{background:var(--nk-bad);scale:.85}}.nk-end{pointer-events:auto;background:#14161c73;place-items:center;display:grid;position:absolute;inset:0}.nk-end-card{text-align:center;background:var(--nk-paper);border:4px solid var(--nk-ink);border-radius:24px;width:min(86vw,380px);padding:22px 18px 24px;box-shadow:0 8px #00000059}.nk-end-card h2{font:900 30px var(--nk-font);color:var(--nk-bad);margin:0 0 8px}.nk-end.won .nk-end-card h2{color:var(--nk-good)}.nk-end-card p{margin:0 0 18px;font:700 16px system-ui,sans-serif}.nk-hud-boss{text-align:center;position:absolute;top:0;left:0}.nk-hud-boss-name{font:900 14px var(--nk-font);color:#fff;-webkit-text-stroke:1.5px #0000008c;paint-order:stroke fill;white-space:nowrap;margin-bottom:4px}.nk-hud-boss .nk-hpbar>i{transition:width .15s}.nk-toast{color:#fff;font:900 20px var(--nk-font);white-space:nowrap;box-shadow:var(--nk-shadow);background:#7a52c7eb;border:3px solid #fff;border-radius:16px;padding:10px 18px;position:absolute;top:22%;left:50%;translate:-50%}.nk-toast.show{animation:1.6s ease-out forwards nk-toast}@keyframes nk-toast{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.08}80%{opacity:1}to{opacity:0;translate:-50% -20px}}.nk-temp{color:#fff;font:900 18px var(--nk-font);white-space:nowrap;box-shadow:var(--nk-shadow);background:#2f7dffeb;border:3px solid #fff;border-radius:999px;padding:8px 16px;position:absolute;top:13%;left:50%;translate:-50%}.nk-end-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.nk-btn-secondary{color:var(--nk-ink);background:linear-gradient(#f3f3f0,#d9d9d4);padding:10px 28px;font-size:18px}.nk-ranking{z-index:30;pointer-events:auto;background:#14161c8c;place-items:center;display:grid;position:fixed;inset:0}.nk-ranking-card{background:var(--nk-paper);border:4px solid var(--nk-ink);border-radius:24px;flex-direction:column;gap:12px;width:min(90vw,400px);max-height:78vh;padding:20px 18px;display:flex;box-shadow:0 8px #00000059}.nk-ranking-card h2{text-align:center;font:900 28px var(--nk-font);color:var(--nk-good);margin:0}.nk-ranking-tabs{justify-content:center;gap:8px;display:flex}.nk-tab{font:900 15px var(--nk-font);border:3px solid var(--nk-ink);color:var(--nk-ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 18px}.nk-tab.active{background:var(--nk-good);color:#fff}.nk-ranking-status{text-align:center;margin:0;font:700 14px system-ui,sans-serif}.nk-ranking-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow:auto}.nk-ranking-row{background:#fff;border-radius:10px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:8px;padding:7px 10px;font:700 15px system-ui,sans-serif;display:grid}.nk-rank{font:900 15px var(--nk-font);color:var(--nk-bad)}.nk-alias{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.nk-score{font:900 14px var(--nk-font)}.nk-level{color:#666;font-size:12px}.nk-alias-wrap{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.nk-alias-input{border:3px solid var(--nk-ink);box-sizing:border-box;-webkit-user-select:text;user-select:text;border-radius:12px;width:100%;padding:10px 12px;font:700 16px system-ui,sans-serif}.nk-rank-status{color:var(--nk-ink);margin:0;font:700 14px system-ui,sans-serif}.nk-pause-btn{top:calc(var(--safe-top) + 10px);font:900 16px var(--nk-font);color:var(--nk-ink);border:3px solid var(--nk-ink);cursor:pointer;pointer-events:auto;background:#fff;border-radius:999px;padding:2px 14px;position:absolute;left:50%;translate:-50%}.nk-pause{pointer-events:auto;background:#14161c73;place-items:center;display:grid;position:absolute;inset:0}.nk-pause .nk-end-card h2{color:var(--nk-ink)}.nk-landscape{color:#fff;font:900 26px var(--nk-font);pointer-events:auto;z-index:25;background:#14161cd9;place-items:center;display:grid;position:absolute;inset:0}.nk-howto-list{text-align:left;flex-direction:column;gap:8px;display:flex;overflow:auto}.nk-howto-item{margin:0;font:700 15px system-ui,sans-serif}.nk-debug{left:10px;bottom:calc(var(--safe-bottom) + 10px);z-index:40;color:#0f0;pointer-events:none;background:#0009;border-radius:8px;padding:4px 8px;font:700 13px system-ui,sans-serif;position:fixed}.nk-mute{top:calc(var(--safe-top) + 10px);z-index:30;border:3px solid var(--nk-ink);cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:20px;line-height:1;position:fixed;right:12px}.nk-a2hs{left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);z-index:50;background:var(--nk-ink);color:#fff;box-shadow:var(--nk-shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font:700 14px system-ui,sans-serif;display:flex;position:fixed}.nk-a2hs button{font:900 20px var(--nk-font);color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto}.nk-legal-link{left:0;right:0;bottom:calc(var(--safe-bottom) + 8px);text-align:center;color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000080;background:0 0;border:0;font:700 13px system-ui,sans-serif;text-decoration:underline;position:fixed}.nk-legal-h{font:900 16px var(--nk-font);color:var(--nk-ink);margin:8px 0 0}
