:root{color-scheme:dark;--ink:#f0f3f6;--muted:#8997ab;--cyan:#65f9ed;--pink:#ff728f;--line:#273143}
*{box-sizing:border-box}body{margin:0;background:#090d17;color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:90px;max-width:1320px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202737}.brand{font-size:25px;font-weight:850;letter-spacing:3px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:29px;color:var(--cyan);letter-spacing:-6px;padding-right:9px}.brand-sub{font-weight:400;letter-spacing:1px;color:var(--muted);font-size:12px;border-left:1px solid #334055;padding-left:15px;margin-left:6px}nav{display:flex;gap:25px;align-items:center}nav a{font-size:12px;color:#bac5d2}.demo-label{font:10px monospace;letter-spacing:1.5px;color:#66778e}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:10px 0}.text-button:hover{color:var(--cyan)}main{max-width:1224px;margin:auto;padding:0 32px}footer{max-width:1224px;margin:40px auto 0;padding:25px 32px 30px;display:flex;justify-content:space-between;border-top:1px solid #202737;color:#63748c;font-size:10px;letter-spacing:1px}footer b{color:var(--cyan);padding:0 8px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);margin:0 0 18px}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #65f9ed88}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px;gap:40px}.hero-copy{padding:35px 0}.hero h1{font-size:clamp(40px,5.2vw,67px);font-weight:780;letter-spacing:-2px;line-height:1.18;margin:0 0 24px}.hero h1 span{color:#738299}.hero-detail{font-size:14px;line-height:1.9;color:#a9b6c8}.hero-tags{display:flex;gap:9px;margin-top:28px}.hero-tags span{font-size:10px;border:1px solid var(--line);padding:6px 10px;color:#b3c1d2}
.hero-art{height:355px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 55%,#14304177,transparent 68%)}.art-grid{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(90deg,transparent 49%,#21394a77 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#21394a77 50%,transparent 51%);background-size:60px 40px;transform:perspective(190px) rotateX(40deg);mask-image:linear-gradient(transparent,black)}.orbit{position:absolute;width:340px;height:340px;border:1px solid #24354877;border-radius:50%;top:0;left:50%;transform:translateX(-50%)}.o2{width:250px;height:250px;top:45px}.art-cube{position:absolute;width:112px;height:112px;display:grid;place-items:center;font-size:65px;line-height:1;border:2px solid;box-shadow:inset 0 0 25px #65f9ed22,0 0 30px #65f9ed11}.front-cube{left:24%;top:140px;background:#153b42;color:var(--cyan);transform:rotate(-12deg) skewY(6deg)}.back-cube{left:60%;top:58px;width:86px;height:86px;font-size:50px;background:#382035;color:var(--pink);transform:rotate(13deg) skewY(-5deg);box-shadow:inset 0 0 25px #ff728f22,0 0 30px #ff728f11}.art-slice{position:absolute;left:13%;top:53%;width:76%;height:5px;background:#eaffff;transform:rotate(-34deg);box-shadow:0 0 8px #fff,0 0 15px var(--cyan),0 0 45px var(--cyan);border-radius:100%}.art-spark{position:absolute;width:18px;height:2px;background:var(--cyan);transform:rotate(-30deg);left:49%;top:47%}.s2{left:37%;top:45%;transform:rotate(60deg);width:7px}.s3{left:54%;top:69%;transform:rotate(-65deg);width:5px}.art-caption{position:absolute;bottom:2px;left:20px;font:9px monospace;letter-spacing:2px;color:#5e758c}.art-coordinate{position:absolute;right:5px;top:50px;font:10px/1.8 monospace;color:#7792a5;text-align:right}
.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.entry{border:1px solid var(--line);background:#101723;padding:28px 30px;position:relative;min-height:210px}.host-entry{background:linear-gradient(110deg,#12232b,#101723)}.entry-number{font:12px monospace;color:var(--cyan);margin-bottom:20px}.entry-number span{color:#738299;margin-left:8px}.entry h2{font-size:21px;font-weight:650;letter-spacing:.1px;margin:0 0 10px}.entry p{color:#9dacbe;font-size:12px;line-height:1.9;margin:0 0 21px}.entry small{display:block;font-size:10px;color:#71829a;margin-top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:12px 22px;border-radius:3px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.3px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button.primary{background:var(--cyan);color:#082129}.button.primary:hover{background:#a2fff6}.button.secondary{background:#263345;color:#edf5fc;border-color:#35465b}.button.ghost{background:transparent;color:#a2b2c8;border-color:var(--line)}.button.small{min-height:34px;padding:7px 13px;font-size:11px}.button.full{width:100%}.host-entry .text-button{margin-left:18px}.join-row{display:flex;gap:8px;max-width:330px}.join-row input{min-width:0;width:100%;height:44px;border:1px solid #344053;background:#0c121e;color:#fff;border-radius:3px;padding:0 14px;font:19px monospace;letter-spacing:5px}.join-row input::placeholder{font:12px "Segoe UI",sans-serif;letter-spacing:1px;color:#738299}.home-bottom{padding:20px 0;color:#697d94;display:flex;justify-content:space-between;font:10px monospace;gap:15px}.home-bottom b{color:var(--cyan);margin-right:12px}.home-bottom i{font:10px sans-serif;margin-left:10px}.home-bottom span:first-child{color:#adbbce}
.arena-top{display:flex;justify-content:space-between;align-items:center;margin:26px 0 18px}.arena-top .eyebrow{margin:0 0 7px;font-size:9px}.arena-top h1{font-size:22px;margin:0;letter-spacing:1px;font-weight:750}.arena-top h1 span{color:#778aa3;font:10px monospace;letter-spacing:0;margin-left:16px}.room-info{display:flex;align-items:center;gap:15px}.room-info>div{display:flex;flex-direction:column;align-items:flex-end}.room-info span{font-size:10px;color:var(--muted)}.room-info strong{font:26px monospace;letter-spacing:4px;color:var(--cyan);margin-top:4px}.room-info img{background:white;padding:4px;border-radius:3px}.arena{position:relative;height:clamp(420px,58vh,670px);min-height:420px;overflow:hidden;border:1px solid #27384b;border-radius:5px;background:#0b1120}.arena:fullscreen{height:100vh;width:100vw;border:0}#game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud>div{display:flex;flex-direction:column;gap:4px;min-width:100px}.hud span{font:9px monospace;letter-spacing:2px;color:#7692ab}.hud strong{font:27px monospace;letter-spacing:1px}.hud .combo{text-align:center;gap:0}.combo strong{font:40px/1.1 monospace;color:var(--cyan)}.hud .hud-right{text-align:right}.hud-right strong{font-size:21px}.arena-bottom{position:absolute;bottom:20px;left:26px;right:26px;display:flex;justify-content:space-between;color:#9bafc5;font:10px monospace;pointer-events:none}.track-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1d2b3d}.track-progress>div{height:100%;width:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#090f1c88;backdrop-filter:blur(3px)}.overlay-content{text-align:center;max-width:450px;padding:30px}.overlay .eyebrow{color:var(--cyan);font:10px monospace;letter-spacing:3px}.overlay h2{font-size:32px;margin:0 0 12px;font-weight:700}.overlay p{font-size:12px;color:#a9bbce;line-height:1.8;margin:0 0 24px}.overlay .text-button{display:block;margin:9px auto 0}.judgment{position:absolute;top:28%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:5px;align-items:center;opacity:0;pointer-events:none;white-space:nowrap}.judgment.flash{animation:judge .65s ease-out}.judgment strong{font:bold italic 30px monospace;letter-spacing:3px;color:var(--cyan);text-shadow:0 0 18px #65f9ed66}.judgment span{font:11px monospace;color:#adc7d7;letter-spacing:1px}@keyframes judge{0%{opacity:1;transform:translate(-50%,10px) scale(1.08)}20%,65%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-10px)}}.arena-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:15px}.arena-controls>div{display:flex;align-items:center;gap:8px}.connection{font:10px monospace;color:#8aafbb}.connection::before{content:"";display:inline-block;background:var(--cyan);width:5px;height:5px;border-radius:50%;margin-right:7px}.volume-label{font-size:10px;color:#8194ac;display:flex;gap:10px;align-items:center;margin-right:14px}input[type=range]{accent-color:var(--cyan);height:4px;width:75px}.instruction-strip{display:flex;align-items:center;gap:24px;padding:21px 0;border-bottom:1px solid var(--line);font-size:11px;color:#abbace}.instruction-strip b{font:10px monospace;color:var(--cyan);margin-right:7px}.instruction-strip small{margin-left:auto;font-size:10px;color:#6f829a;line-height:1.8}.instruction-strip small span{display:block}.results{border:1px solid #324857;background:#101e29;margin-top:20px;padding:25px;display:flex;gap:25px;align-items:center}.rank{font:bold 65px monospace;color:var(--cyan);min-width:60px}.results .eyebrow{font-size:9px;margin-bottom:8px}.results h2{font-size:21px;margin:0 0 6px}.results p{color:#9cb2c6;font-size:12px;margin:0}.results .button{margin-left:auto}
#phone{max-width:440px;margin:25px auto}.phone-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.phone-heading .eyebrow{margin:0;font-size:9px}.phone-heading b{color:var(--cyan);font:15px monospace;letter-spacing:2px}.phone-heading>span:last-child{font-size:10px;color:#8fa9bb}.phone-card{background:linear-gradient(160deg,#142330,#101523);border:1px solid #2a394b;padding:28px 24px;text-align:center;border-radius:6px}.phone-card h1{font-size:25px;margin:0 0 13px;letter-spacing:0}.phone-card p{font-size:12px;color:#9fb3c8;line-height:1.9;margin:0 0 18px}.phone-card .eyebrow{display:block;font-size:9px;color:var(--cyan);margin-bottom:17px}.cal-symbol{height:140px;display:grid;place-items:center;font:74px monospace;color:var(--cyan);text-shadow:0 0 25px #65f9ed55}.cal-progress{height:3px;background:#26394b;margin:16px 0 25px}.cal-progress>div{height:100%;width:0;background:var(--cyan);transition:width .15s}.phone-card>.text-button{margin:10px auto 0;display:block}.swipe-pad{height:205px;position:relative;background:radial-gradient(ellipse,#1b494e44,transparent 66%);border:1px solid #294653;border-radius:6px;touch-action:none;user-select:none;margin:17px 0 13px;overflow:hidden}.swipe-pad>span{position:absolute;font:28px monospace;color:#577a8e}.pad-up{top:10px;left:calc(50% - 8px)}.pad-down{bottom:24px;left:calc(50% - 8px)}.pad-left{top:83px;left:14px}.pad-right{top:83px;right:14px}.blade-symbol{font:110px/1 monospace;position:absolute;inset:26px 0;color:#efffff;text-shadow:0 0 8px white,0 0 18px var(--cyan),0 0 40px var(--cyan);transform:rotate(-8deg);transition:transform .12s}.blade-symbol.swing{transform:rotate(40deg) scale(1.06)}.swipe-pad small{position:absolute;bottom:8px;left:0;right:0;font-size:9px;color:#647f95}.phone-card .phone-feedback{margin:7px 0;color:var(--cyan);font-size:12px;min-height:23px}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 17px}.direction-buttons button{background:#172c3b;border:1px solid #304758;border-radius:4px;color:#b6d7df;font:25px monospace;min-height:42px;touch-action:manipulation}.direction-buttons button:active{background:#27515a;color:var(--cyan)}.phone-stats{display:flex;justify-content:space-between;font:12px monospace;color:#a4bfd0;margin:18px 0}.sensitivity{font-size:10px;color:#7e98af;display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:15px}.sensitivity input{width:55%}.phone-transport{text-align:center;font:10px monospace;color:#80b8bc;margin:19px 0 8px}.phone-footnote{text-align:center;font-size:10px;color:#6b8199;line-height:1.8}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(90vw,600px);padding:13px 20px;border:1px solid #526779;background:#172636;color:#ebf5ff;border-radius:6px;font-size:12px;box-shadow:0 8px 40px #0008;text-align:center}
@media(min-width:1000px){.entry{padding-right:220px}.entry .button.primary,.entry .join-row{position:absolute;right:28px;top:86px;width:185px}.entry .join-row{width:210px;top:96px}.entry .join-row .button{padding:10px 13px}.entry .text-button{position:absolute;right:28px;top:145px;margin:0;font-size:10px}.entry small{position:absolute;right:28px;top:145px;font-size:9px}.entry p{margin-bottom:0}.entry-number{margin-bottom:15px}}
@media(max-width:760px){.site-header{height:70px;padding:0 22px}.brand{font-size:22px}.brand-sub{font-size:10px;padding-left:10px;margin-left:0}nav{gap:10px}nav a{font-size:10px}.demo-label{display:none}main{padding:0 22px}.hero{min-height:auto;gap:0;grid-template-columns:1fr}.hero-copy{padding:36px 0 0}.hero h1{font-size:49px;letter-spacing:-1.5px}.hero .eyebrow{font-size:9px}.hero-detail{font-size:13px}.hero-tags{margin-top:18px}.hero-art{position:absolute;right:12px;top:150px;width:190px;height:200px;opacity:.35;z-index:-1}.hero-art .orbit{width:190px;height:190px}.hero-art .o2{width:140px;height:140px;top:25px}.hero-art .art-cube{width:65px;height:65px;font-size:36px;top:80px}.hero-art .back-cube{width:48px;height:48px;top:30px;font-size:30px}.art-caption,.art-coordinate{display:none}.entry-grid{grid-template-columns:1fr;margin-top:30px;gap:12px}.entry{padding:22px;min-height:190px}.entry h2{font-size:19px}.entry-number{margin-bottom:13px}.entry p{font-size:12px;margin-bottom:16px}.host-entry .text-button{font-size:10px;margin-left:12px}.button{padding:12px 17px}.home-bottom{font-size:9px;flex-direction:column;gap:10px}.home-bottom i{font-size:9px}footer{margin-top:25px;padding:20px 22px;font-size:8px}footer>span:last-child{display:none}.arena-top{align-items:flex-start;margin-top:20px;gap:10px}.arena-top h1{font-size:16px;line-height:1.5}.arena-top h1 span{display:block;margin:0;font-size:9px}.arena-top .eyebrow{font-size:8px;letter-spacing:1px}.room-info{gap:7px}.room-info strong{font-size:21px}.room-info img{width:52px;height:52px}.room-info #copy{display:none}.room-info span{font-size:9px}.arena{height:54vh;min-height:380px}.hud{left:16px;right:16px;top:20px}.hud>div{min-width:65px}.hud strong{font-size:20px}.hud span{font-size:8px;letter-spacing:1px}.hud .combo strong{font-size:32px}.hud-right strong{font-size:18px}.overlay h2{font-size:26px}.overlay-content{padding:20px}.overlay p{font-size:11px}.arena-controls{flex-wrap:wrap;margin-top:12px}.arena-controls>div{width:100%;gap:6px}.volume-label{margin-right:auto}.volume-label input{width:50px}.button.small{padding:7px 9px;font-size:10px}.instruction-strip{gap:10px;flex-wrap:wrap;font-size:9px}.instruction-strip small{margin:0;width:100%;font-size:9px}.instruction-strip small span{display:inline;margin-left:4px}.results{padding:17px;gap:14px;flex-wrap:wrap}.rank{font-size:45px;min-width:35px}.results h2{font-size:17px}.results p{font-size:10px}.results .button{width:100%;margin:0}.judgment strong{font-size:24px}.phone-card{padding:24px 20px}#phone{margin-top:22px}.phone-card h1{font-size:23px}.phone-card .eyebrow{margin-bottom:13px}}
.button{white-space:nowrap;flex-shrink:0}
.aim-coach{position:absolute;inset:22px 12% auto;text-align:center;pointer-events:none}.aim-coach .eyebrow{font:9px monospace;letter-spacing:2px;color:var(--cyan);margin-bottom:10px}.aim-coach h2{font-size:23px;line-height:1.2;margin:0 0 10px}.aim-coach p{font-size:11px;color:#95aebf;line-height:1.7;margin:0}.aim-checks{display:flex;justify-content:center;gap:10px;margin-top:12px}.aim-checks span,.phone-aim-checks span{color:#718b9f;border:1px solid #2d4153;border-radius:3px;padding:5px 12px;font-size:10px}.aim-checks span.checked,.phone-aim-checks span.checked{color:var(--cyan);border-color:#438d88;background:#173d3e}.calibrating .hud,.calibrating .judgment,.calibrating .arena-bottom,.calibrating .track-progress{visibility:hidden}.aim-status{font-size:11px;color:#82b4bd;margin:12px 0 0}.aim-mini{height:170px;position:relative;margin:16px 0 8px;background:linear-gradient(90deg,transparent 49.6%,#2a4a5a 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,#2a4a5a 50%,transparent 50.4%);border:1px solid #304958;border-radius:4px}.aim-mini .aim-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:32px monospace;color:#688e9d}.aim-mini>span:not(.aim-center){position:absolute;font-size:10px;color:#688e9d}.mini-up{top:7px;left:calc(50% - 5px)}.mini-down{bottom:7px;left:calc(50% - 5px)}.mini-left{left:9px;top:calc(50% - 6px)}.mini-right{right:9px;top:calc(50% - 6px)}#aim-dot{position:absolute;left:50%;top:50%;width:17px;height:17px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 14px #65f9ed88;transform:translate(-50%,-50%)}.phone-card .aim-mini-status{font-size:11px;color:#7dc1c2;margin:8px 0 15px}.phone-aim-checks{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.phone-aim-checks span{padding:5px 10px}.phone-card #cal-recenter{margin-top:8px}#recenter{margin-top:13px;font-size:11px}.sensitivity #aim-range{width:40%}@media(max-width:760px){.aim-coach{inset:20px 8% auto}.aim-coach h2{font-size:20px}.aim-coach p{font-size:10px}.aim-checks{gap:5px;margin-top:10px}.aim-checks span{padding:4px 8px}.aim-status{font-size:10px}.aim-coach .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.judgment.flash{animation:none;opacity:1}.blade-symbol,.cal-progress>div{transition:none}}