:root{--void: #061019;--panel: rgba(6, 17, 25, .78);--line: rgba(180, 231, 240, .28);--text: #f1f8fa;--muted: #9fb9c1;--cyan: #75efff;--orange: #ff6843;--acid: #caff58;--danger: #ff4f3f;--ease: cubic-bezier(.2, 0, 0, 1);--font-geist-sans: "Geist", Arial, sans-serif;--font-geist-mono: "Geist Mono", monospace}*{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html,body{width:100%;min-height:100%;margin:0;overflow:hidden;background:var(--void);color:var(--text)}body{font-family:var(--font-geist-sans);-webkit-font-smoothing:antialiased}button{font:inherit;-webkit-tap-highlight-color:rgba(117,239,255,.15);border:none}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.nioverse-shell{width:100%;height:100svh;background:var(--void)}.town-viewport{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.nioverse-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,15,24,.05),transparent 45%,rgba(0,8,12,.4));mix-blend-mode:screen}.atmosphere i{position:absolute;left:-10%;width:120%;height:1px;background:#7aeeff1c;animation:scan 7s linear infinite}.atmosphere i:nth-child(2){animation-delay:-2.3s}.atmosphere i:nth-child(3){animation-delay:-4.6s}.nio-hud{position:absolute;z-index:5;inset:max(16px,env(safe-area-inset-top)) 18px auto;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:12px;pointer-events:none}.nio-brand,.things-done,.coordinates{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 45px #00000038}.nio-brand{width:fit-content;padding:12px 15px 10px}.nio-brand strong{display:block;color:#fff;font-size:19px;line-height:1;letter-spacing:-.055em}.nio-brand span,.things-done span,.coordinates span{display:block;margin-top:5px;color:var(--cyan);font-family:var(--font-geist-mono);font-size:8px;font-weight:700;letter-spacing:.13em}.things-done{width:160px;padding:10px 12px}.things-done strong,.coordinates strong{font-size:16px;line-height:1}.things-done i{display:block;height:3px;margin-top:8px;background:#ffffff1f;overflow:hidden}.things-done b{display:block;height:100%;background:var(--orange);transition:width .2s var(--ease)}.coordinates{min-width:92px;padding:10px 12px;text-align:right}.coordinates span{color:var(--muted)}.coordinates strong{font-family:var(--font-geist-mono);font-size:12px}.proximity{position:absolute;z-index:6;top:102px;left:50%;transform:translate(-50%);min-width:200px;padding:10px 34px 10px 13px;background:#07121adb;border:1px solid var(--cyan);box-shadow:0 0 28px #75efff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:prompt-in .18s var(--ease) both}.proximity span{display:block;color:var(--cyan);font-family:var(--font-geist-mono);font-size:8px;font-weight:700;letter-spacing:.13em}.proximity strong{font-size:13px;letter-spacing:.04em}.proximity i{position:absolute;right:12px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.move-pad{position:absolute;z-index:8;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.move-pad button,.move-pad i{display:grid;place-items:center;border:1px solid rgba(207,244,250,.32);background:#061119b8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:20px;font-weight:700}.move-pad button{cursor:pointer;transition:background-color 90ms var(--ease),transform 90ms var(--ease)}.move-pad button:active{background:#75efff59;transform:scale(.92)}.move-up{grid-column:2;grid-row:1}.move-left{grid-column:1;grid-row:2}.move-pad i{grid-column:2;grid-row:2;width:13px;height:13px;align-self:center;justify-self:center;background:var(--cyan);border:0;border-radius:50%;box-shadow:0 0 18px var(--cyan)}.move-right{grid-column:3;grid-row:2}.move-down{grid-column:2;grid-row:3}.interact-button{position:absolute;z-index:8;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:112px;height:112px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#061119b8;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 18px 38px #00000052;transition:border-color .12s var(--ease),background-color .12s var(--ease),transform 90ms var(--ease)}.interact-button span{font-family:var(--font-geist-mono);font-size:8px;font-weight:700;letter-spacing:.12em}.interact-button b{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:15px}.interact-button.is-live{border-color:var(--orange);background:#ff6843d6;color:#fff;cursor:pointer;box-shadow:0 0 0 7px #ff68431f,0 18px 38px #00000052;animation:action-ready 1.3s ease-in-out infinite}.interact-button.is-live:active{transform:scale(.94)}.nio-dialog{position:absolute;z-index:15;left:50%;bottom:max(28px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 32px));transform:translate(-50%);background:#040d14f0;border:1px solid var(--cyan);padding:22px 56px 18px 22px;box-shadow:0 28px 90px #0000008c,0 0 40px #75efff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dialog-in .22s var(--ease) both}.nio-dialog>span{color:var(--cyan);font-family:var(--font-geist-mono);font-size:9px;font-weight:700;letter-spacing:.14em}.nio-dialog p{max-width:520px;margin:10px 0 14px;font-size:clamp(16px,2.4vw,20px);line-height:1.38;text-wrap:pretty}.nio-dialog small{color:var(--muted);font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.09em}.nio-dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);background:transparent;color:#fff;font-size:23px;cursor:pointer}.enter-run{min-height:50px;width:min(100%,330px);margin:4px 0 14px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--orange);background:var(--orange);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;cursor:pointer}.enter-run b{font-size:20px}.nio-start{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;padding:clamp(28px,7vw,84px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#030b11fa,#030b11e0 42%,#030b1114 80%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.start-signal{display:flex;align-items:center;gap:9px;margin-bottom:26px;color:var(--cyan);font-family:var(--font-geist-mono);font-size:9px;font-weight:700;letter-spacing:.15em}.start-signal i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:signal 1.2s ease-in-out infinite}.nio-start>p{margin:0 0 4px;font-family:var(--font-geist-mono);font-size:11px;font-weight:700;letter-spacing:.18em}.nio-start h1{margin:0;font-size:clamp(62px,13vw,160px);line-height:.82;letter-spacing:-.085em;font-weight:900}.start-rule{width:min(480px,72vw);height:2px;margin:24px 0 20px;background:linear-gradient(90deg,var(--orange),transparent)}.nio-start>span{max-width:520px;color:#cedde1;font-size:clamp(15px,2.2vw,20px);line-height:1.45;text-wrap:pretty}.nio-start>button{width:min(100%,360px);min-height:62px;margin-top:28px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--orange);background:var(--orange);color:#fff;font-size:13px;font-weight:820;letter-spacing:.06em;cursor:pointer;box-shadow:0 0 40px #ff684333}.nio-start>button b{font-size:24px}.nio-start>small{margin-top:16px;color:var(--muted);font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.11em}.null-run{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#07111a;color:#fff}.run-hud{position:absolute;z-index:5;inset:max(14px,env(safe-area-inset-top)) 16px auto;display:grid;grid-template-columns:1fr auto auto;gap:10px}.run-hud button,.run-hud div{min-height:50px;border:1px solid rgba(135,230,242,.3);background:#050f16c7;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.run-hud button{width:fit-content;padding:0 15px;cursor:pointer;font-family:var(--font-geist-mono);font-size:9px;font-weight:700;letter-spacing:.1em}.run-hud div{min-width:104px;padding:8px 12px;text-align:right}.run-hud span{display:block;color:var(--cyan);font-family:var(--font-geist-mono);font-size:7px;font-weight:700;letter-spacing:.12em}.run-hud strong{font-size:18px}.run-world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 15%,#17384a,#07111a 58%);perspective:900px}.run-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(104,238,255,.08))}.run-sky i{position:absolute;top:13%;width:22vw;height:1px;background:#75efff40;box-shadow:0 0 16px var(--cyan)}.run-sky i:nth-child(1){left:5%;transform:rotate(8deg)}.run-sky i:nth-child(2){right:8%;transform:rotate(-12deg)}.run-sky i:nth-child(3){left:36%;top:29%;width:28vw}.run-track{position:absolute;left:50%;bottom:-8%;width:min(720px,96vw);height:88%;transform:translate(-50%);clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);background:linear-gradient(90deg,#19252b,#3a4448 48%,#161f24);box-shadow:inset 0 0 0 2px #ffffff14;overflow:hidden}.track-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(117,239,255,.12) 2px,transparent 2px),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.18) 50%,transparent 50.3%);background-size:100% 80px,100% 100%;animation:road-move .6s linear infinite}.gate-row{position:absolute;z-index:3;top:13%;left:23%;right:23%;display:grid;grid-template-columns:1fr 1fr;gap:28px}.math-gate{min-height:126px;border:2px solid currentColor;color:#fff;background:#00dfeb33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transform:perspective(400px) rotateX(-4deg);box-shadow:0 0 35px currentColor;transition:transform .1s var(--ease),opacity .1s var(--ease)}.math-gate span{display:block;font-family:var(--font-geist-mono);font-size:8px;font-weight:700;letter-spacing:.13em}.math-gate strong{display:block;margin-top:7px;font-size:clamp(35px,8vw,66px);line-height:.9;letter-spacing:-.08em}.math-gate.is-boost{color:var(--cyan);background:#00b4c34d}.math-gate.is-drain{color:#ff6557;background:#b91c1057}.math-gate:active,.math-gate.is-selected{transform:scale(.92)}.math-gate:disabled:not(.is-selected){opacity:.25}.barrier-stack{position:absolute;z-index:2;left:50%;top:49%;width:150px;height:102px;transform:translate(-50%);filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.barrier-stack i{position:absolute;top:0;width:58px;height:102px;border:2px solid #ff927e;border-radius:12px 12px 20px 20px;background:repeating-linear-gradient(90deg,#a51e12 0,#a51e12 9px,#dc3a27 9px,#dc3a27 18px);box-shadow:inset 0 10px #ffffff2e}.barrier-stack i:nth-child(1){left:0}.barrier-stack i:nth-child(2){left:46px}.barrier-stack i:nth-child(3){left:92px}.barrier-stack strong{position:absolute;z-index:2;inset:31px 0 auto;text-align:center;font-size:40px;letter-spacing:-.07em;text-shadow:2px 2px 0 #6b0c05}.runner{position:absolute;z-index:4;left:50%;bottom:11%;width:50px;height:100px;transform:translate(-50%)}.runner-head{position:absolute;z-index:3;left:15px;top:8px;width:22px;height:22px;border-radius:50%;background:#dba983;box-shadow:0 0 0 5px #17222a}.runner-body{position:absolute;z-index:2;left:10px;top:31px;width:32px;height:38px;background:var(--orange);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.runner-legs{position:absolute;left:13px;top:66px;width:27px;height:29px;border-left:7px solid #dfe8eb;border-right:7px solid #dfe8eb;animation:legs .36s ease-in-out infinite alternate}.power-tag{position:absolute;left:50%;bottom:-15px;transform:translate(-50%);white-space:nowrap;border:1px solid var(--cyan);background:#030c12e6;padding:6px 9px;color:var(--cyan);font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.08em}.power-tag b{color:#fff;font-size:13px}.shot{display:none;position:absolute;left:24px;top:0;width:3px;height:26px;background:var(--acid);box-shadow:0 0 10px var(--acid)}.is-impact .shot{display:block;animation:shoot .42s linear infinite}.is-impact .shot-two{animation-delay:-.14s}.is-impact .shot-three{animation-delay:-.28s}.is-impact .barrier-stack{animation:barrier-hit .12s linear infinite alternate}.impact-flash{position:absolute;z-index:5;left:50%;top:70%;width:70px;height:70px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,white,var(--orange) 30%,transparent 70%);animation:blast .3s ease-out infinite alternate}.run-instruction{position:absolute;z-index:6;left:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 30px);margin:0;padding:9px 13px;background:#050f16b8;color:var(--muted);border:1px solid var(--line);font-family:var(--font-geist-mono);font-size:8px;font-weight:700;letter-spacing:.1em;text-align:center}.run-over{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,8vw,90px);background:linear-gradient(90deg,#040b11fa,#040b11d6,#040b1159);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.run-over>span{color:var(--danger);font-family:var(--font-geist-mono);font-size:10px;font-weight:700;letter-spacing:.15em}.run-over h2{margin:10px 0;font-size:clamp(56px,12vw,130px);line-height:.84;letter-spacing:-.08em}.run-over p{color:var(--muted)}.run-over button{width:min(100%,350px);min-height:58px;margin-top:12px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--orange);background:var(--orange);color:#fff;font-weight:800;letter-spacing:.05em;cursor:pointer}.run-over button.quiet{justify-content:center;border-color:var(--line);background:transparent;color:var(--muted)}@keyframes scan{0%{top:-5%}to{top:105%}}@keyframes prompt-in{0%{transform:translate(-50%,-8px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes action-ready{50%{box-shadow:0 0 0 12px #ff684300,0 18px 38px #00000052}}@keyframes dialog-in{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes signal{50%{opacity:.35}}@keyframes road-move{0%{background-position:0 0,0 0}to{background-position:0 80px,0 0}}@keyframes legs{to{transform:skew(16deg)}}@keyframes shoot{0%{transform:translateY(-20px);opacity:1}to{transform:translateY(-320px);opacity:0}}@keyframes barrier-hit{to{transform:translate(-50%) rotate(1deg)}}@keyframes blast{to{transform:translate(-50%,-50%) scale(1.35);opacity:.45}}@media(max-width:620px){.nio-hud{inset-left:12px;inset-right:12px;grid-template-columns:1fr auto}.coordinates{display:none}.things-done{width:126px}.move-pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);left:12px;bottom:max(14px,env(safe-area-inset-bottom))}.interact-button{width:92px;height:92px;right:15px;bottom:max(17px,env(safe-area-inset-bottom))}.nio-dialog{bottom:max(126px,calc(env(safe-area-inset-bottom) + 110px))}.nio-start{padding:28px 22px;justify-content:flex-end;padding-bottom:max(38px,calc(env(safe-area-inset-bottom) + 28px));background:linear-gradient(180deg,#030b1133,#030b11f2 55%)}.nio-start h1{font-size:clamp(58px,19vw,100px)}.gate-row{left:17%;right:17%;gap:12px}.math-gate{min-height:104px}.barrier-stack{top:48%;transform:translate(-50%) scale(.85)}.run-hud{grid-template-columns:1fr auto}.run-hud div:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}