:root{--wall: #c8b560;--carpet: #9c8a4e;--neon: #f6f2dc;--dark: #2a2410;--exit: #3ddc84;--mono: "Space Mono", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--neon);font-family:var(--mono);overscroll-behavior:none}#root{position:fixed;inset:0}.nc-host{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.nc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.nc-glitch{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.nc-host:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 95% at 50% 50%,transparent 55%,rgba(16,13,4,.55) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.3 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:nc-grain .5s steps(4) infinite}@keyframes nc-grain{0%{background-position:0 0,0 0}25%{background-position:0 0,-40px 20px}50%{background-position:0 0,30px -50px}75%{background-position:0 0,-20px -10px}to{background-position:0 0,10px 40px}}.nc-hud{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .6s ease;text-shadow:0 0 8px rgba(20,16,4,.9),0 1px 2px rgba(20,16,4,.9)}.nc-hud.is-on{opacity:1}.nc-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.nc-level,.nc-time{justify-self:start;padding:6px 10px;background:#2a24106b;border-radius:2px;backdrop-filter:blur(2px)}.nc-time{justify-self:center}.nc-level{font-size:12px;letter-spacing:.14em;color:var(--neon);opacity:.85}.nc-time{font-size:22px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--neon)}.nc-time.is-hit{animation:nc-hit .7s ease}@keyframes nc-hit{0%,30%{color:#ffd34d;transform:scale(1.12)}to{color:var(--neon);transform:scale(1)}}.nc-sound{justify-self:end;pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(246,242,220,.35);background:#2a241073;color:var(--neon);display:grid;place-items:center;cursor:pointer;padding:0}.nc-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nc-sound svg path:first-child{fill:currentColor;stroke:none}.nc-sound.is-muted{opacity:.6}.nc-cross{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#f6f2dcd9;box-shadow:0 0 0 1px #00000059;transition:transform .15s ease,background .15s ease}.nc-cross.is-target{transform:scale(2.4);background:transparent;box-shadow:0 0 0 1px #f6f2dce6}.nc-prompt{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);font-size:12px;letter-spacing:.16em;font-weight:700;opacity:0;transition:opacity .15s;white-space:nowrap}.nc-prompt.is-on{opacity:1}.is-disabled-target .nc-prompt{opacity:.55}.nc-penalty{position:absolute;left:50%;top:52px;transform:translate(-50%);font-size:30px;font-weight:700;color:#ffd34d;opacity:0}.nc-penalty.is-on{animation:nc-pen 1.4s ease forwards}@keyframes nc-pen{0%{opacity:0;transform:translate(-50%,6px) scale(1.4)}12%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.nc-hint{position:absolute;left:50%;bottom:max(18%,calc(env(safe-area-inset-bottom) + 120px));transform:translate(-50%);font-size:13px;letter-spacing:.14em;text-align:center;max-width:90vw;opacity:0;transition:opacity .4s}.nc-hint.is-on{opacity:1}.nc-extra{position:absolute;left:max(16px,env(safe-area-inset-left));top:max(44px,calc(env(safe-area-inset-top) + 30px));font-size:12px;letter-spacing:.14em;opacity:0}.nc-extra.is-on{opacity:.9}.nc-use{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(120px,calc(env(safe-area-inset-bottom) + 100px));width:74px;height:74px;border-radius:50%;border:2px solid rgba(246,242,220,.8);background:#2a24108c;color:var(--neon);font:700 13px var(--mono);letter-spacing:.12em;pointer-events:auto;display:none}.nc-use.is-on{display:block}.nc-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:8}.nc-pause{position:absolute;inset:0;display:grid;place-items:center;background:#1411078c;pointer-events:auto;z-index:7}.nc-pause[hidden]{display:none}.nc-pause-card,.nc-result-card{text-align:center;padding:28px 32px;background:#2a2410db;border:1px solid rgba(246,242,220,.2);min-width:min(340px,86vw)}.nc-pause-title{font-size:26px;font-weight:700;letter-spacing:.2em}.nc-pause-card p{margin:8px 0 20px;font-size:12px;opacity:.7}.nc-btn{display:block;width:100%;margin-top:10px;padding:14px 18px;font:700 14px var(--mono);letter-spacing:.18em;color:var(--dark);background:var(--neon);border:0;cursor:pointer}.nc-btn-ghost{background:transparent;color:var(--neon);border:1px solid rgba(246,242,220,.35)}.nc-keypad{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#00000026,#0009);pointer-events:auto}.nc-keypad[hidden]{display:none}.nc-kp-body{width:min(300px,82vw);padding:18px;background:linear-gradient(180deg,#4a463a,#36332a);border:1px solid #6d6754;border-radius:6px;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff14}.nc-kp-display{height:58px;margin-bottom:14px;display:grid;place-items:center;background:#1b1a12;color:#c9d48f;font:700 30px var(--mono);letter-spacing:.4em;padding-left:.4em;border-radius:3px;box-shadow:inset 0 2px 6px #000000b3}.nc-kp-display[data-state=wrong]{color:#ffb02e;letter-spacing:.2em}.nc-kp-display[data-state=ok]{color:var(--neon)}.nc-kp-display[data-state=wait]{opacity:.6}.nc-kp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nc-kp-grid button{height:56px;font:700 20px var(--mono);color:var(--dark);background:linear-gradient(180deg,#d9d1b4,#b8af90);border:0;border-radius:4px;box-shadow:0 3px #6f6852;cursor:pointer;touch-action:manipulation}.nc-kp-grid button:active{transform:translateY(2px);box-shadow:0 1px #6f6852}.nc-kp-grid button.is-enter{font-size:12px;letter-spacing:.08em}.nc-kp-close{margin-top:12px;width:100%;padding:10px;font:700 12px var(--mono);letter-spacing:.18em;background:transparent;color:var(--neon);border:1px solid rgba(246,242,220,.25);cursor:pointer}.nc-touch{position:absolute;inset:0;z-index:4;pointer-events:none}.nc-touch[hidden]{display:none}.nc-stick,.nc-stick-rest{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(246,242,220,.35);background:#2a241040;left:0;top:0}.nc-stick-rest{left:max(84px,calc(env(safe-area-inset-left) + 74px));top:auto;bottom:max(28px,env(safe-area-inset-bottom));margin:0 0 0 -56px;opacity:.55}.nc-stick-rest.is-hidden{opacity:0}.nc-stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#f6f2dcbf}.nc-result{position:absolute;inset:0;z-index:9;display:grid;place-items:center;color:var(--dark)}.nc-result[hidden]{display:none}.nc-result .nc-result-card{background:transparent;border:0}.nc-result-kicker{font-size:13px;letter-spacing:.3em;font-weight:700}.nc-result-time{font-size:clamp(48px,12vw,110px);font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:6px 0}.nc-result-rank{font-size:14px;letter-spacing:.16em;min-height:1em;margin-bottom:18px}.nc-result .nc-btn{background:var(--dark);color:var(--neon)}.nc-glitching{animation:nc-page-glitch .6s steps(12) forwards}@keyframes nc-page-glitch{0%{transform:none;filter:none;clip-path:inset(0 0 0 0)}10%{transform:translate(-6px,2px) skew(-3deg);filter:contrast(1.8) brightness(1.3);clip-path:inset(10% 0 30% 0)}20%{transform:translate(8px,-3px);filter:invert(1) sepia(1) saturate(2) hue-rotate(5deg);clip-path:inset(40% 0 5% 0)}30%{transform:translate(-14px) skew(6deg);filter:brightness(2);clip-path:inset(0 0 60% 0)}45%{transform:translate(18px,6px) scaleY(1.08);filter:contrast(3);clip-path:inset(25% 0 25% 0)}60%{transform:translate(-30px,-4px) skew(-10deg);filter:invert(1) sepia(1);clip-path:inset(60% 0 0 0)}75%{transform:translate(40px,10px) scaleY(.6);filter:brightness(3);clip-path:inset(45% 0 45% 0);opacity:.8}to{transform:translateY(40px) scaleY(.02);opacity:0;clip-path:inset(49% 0 49% 0)}}.nc-entry{position:absolute;inset:0;z-index:10;display:grid;place-items:center;text-align:center;background:radial-gradient(80% 70% at 50% 45%,#2a241026,#141107a6)}.nc-entry[hidden]{display:none}.nc-entry h1{margin:0;font-size:clamp(42px,9vw,120px);letter-spacing:.06em;color:var(--neon);text-shadow:0 0 30px rgba(246,242,220,.35)}.nc-entry p{margin:12px 0 28px;font-size:clamp(12px,1.6vw,16px);letter-spacing:.08em;color:var(--neon);opacity:.85}.nc-entry button{padding:18px 54px;font:700 18px var(--mono);letter-spacing:.4em;padding-left:calc(54px + .4em);color:var(--dark);background:var(--neon);border:0;cursor:pointer;box-shadow:0 0 40px #f6f2dc59}.nc-level b{font-weight:700}@media(max-width:520px){.nc-level span{display:none}.nc-level,.nc-time{padding:5px 8px}.nc-time{font-size:18px}.nc-level{white-space:nowrap;font-size:11px}}