:root{--ink:#f5f5ec;--muted:#8da2b2;--night:#050b14;--panel:#0a1827e0;--panel-strong:#0d2034;--line:#97cbdd2e;--x:#ff6b5e;--x-soft:#ff6b5e24;--y:#5edee5;--y-soft:#5edee524;--gold:#ffe58f;--shadow:0 30px 90px #00000061}*{box-sizing:border-box}html{background:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}body{background:var(--night);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:wait;opacity:.62}.axis-shell{min-height:100svh;isolation:isolate;background:radial-gradient(circle at 74% 17%,#1564822e,#0000 31rem),radial-gradient(circle at 16% 78%,#74222724,#0000 28rem),linear-gradient(145deg,#06111d 0%,#050a12 55%,#07101c 100%);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:clip}.axis-shell:before{content:"";z-index:-2;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 8% 16%,#ffe58fe6 0 1px,#0000 1.5px),radial-gradient(circle at 22% 68%,#5edee5bf 0 1px,#0000 1.5px),radial-gradient(circle at 47% 31%,#ffffffb3 0 1px,#0000 1.5px),radial-gradient(circle at 67% 76%,#ff6b5ebf 0 1px,#0000 1.5px),radial-gradient(circle at 88% 26%,#ffffff9e 0 1px,#0000 1.5px);background-size:230px 190px,290px 270px,340px 310px,410px 360px,500px 420px;position:fixed;inset:0}.space-noise{z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px);position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);width:min(1280px,100% - 48px);min-height:82px;padding-top:env(safe-area-inset-top,0px);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{cursor:pointer;letter-spacing:.03em;background:0 0;border:0;align-items:center;gap:12px;padding:9px 0;font-weight:900;display:inline-flex}.brand small{color:var(--muted);letter-spacing:.22em;margin-top:2px;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.brand-mark{border:1px solid #ffffff2b;border-radius:50%;width:34px;height:34px;position:relative}.brand-mark:after{content:"";border:1px dashed #ffffff3d;border-radius:50%;position:absolute;inset:6px}.brand-mark i{z-index:1;border-radius:99px;position:absolute}.brand-mark i:first-child{background:var(--x);height:3px;top:15px;left:4px;right:4px}.brand-mark i:last-child{background:var(--y);width:3px;top:4px;bottom:4px;left:15px}.alpha-pill{color:#9eb0bd;letter-spacing:.13em;align-items:center;gap:8px;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.alpha-pill span,.connection-dot{background:var(--y);width:7px;height:7px;box-shadow:0 0 14px var(--y);border-radius:50%}.home-layout{grid-template-columns:minmax(0,1.06fr) minmax(370px,.72fr);grid-template-areas:"copy launch""proof launch";align-items:center;gap:36px 76px;width:min(1220px,100% - 48px);margin:auto;padding:62px 0 30px;display:grid}.hero-copy{grid-area:copy;max-width:670px}.eyebrow,.card-kicker,.stage-index{color:#93a8b6;letter-spacing:.18em;text-transform:uppercase;margin:0 0 17px;font:800 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:linear-gradient(90deg, var(--x), var(--y));width:28px;height:1px}.hero-copy h1,.lobby-card h1,.complete-card h1{letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(64px,8vw,112px);font-weight:1000;line-height:.88}.hero-copy h1 em{color:#0000;-webkit-text-stroke:1px #ffffffe6;font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:linear-gradient(90deg, var(--x) 0 48%, transparent 48% 52%, var(--y) 52%);height:.08em;position:absolute;bottom:.02em;left:.08em;right:-.08em;transform:rotate(-1deg)}.hero-lede{color:#afbfca;max-width:570px;margin:31px 0 30px;font-size:clamp(16px,1.6vw,20px);line-height:1.8}.axis-explainer{grid-template-columns:1fr 1fr;gap:12px;max-width:610px;display:grid}.axis-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1c2d94;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:14px 15px;display:grid}.axis-card-x{border-color:#ff6b5e45}.axis-card-y{border-color:#5edee545}.axis-letter{border-radius:9px;place-items:center;width:33px;height:33px;font-weight:1000;display:grid}.axis-card-x .axis-letter{color:var(--x);background:var(--x-soft)}.axis-card-y .axis-letter{color:var(--y);background:var(--y-soft)}.axis-card strong,.axis-card small{display:block}.axis-card strong{margin-bottom:3px;font-size:12px}.axis-card small{color:var(--muted);font-size:10px}.axis-arrows{color:#728896;letter-spacing:.15em;font-size:18px}.launch-card{min-height:560px;box-shadow:var(--shadow), inset 0 1px #ffffff0f;background:linear-gradient(#112a43db,#07121ff5),radial-gradient(circle at 60% 20%,#5edee533,#0000 45%);border:1px solid #a2d6e533;border-radius:30px;grid-area:launch;position:relative;overflow:hidden}.launch-card:before,.launch-card:after{content:"";pointer-events:none;position:absolute}.launch-card:before{border:1px solid #ffffff0f;border-radius:23px;inset:14px}.launch-card:after{border:26px solid #5edee50e;border-radius:50%;width:180px;height:180px;bottom:-85px;right:-70px}.launch-orbit{height:170px;position:relative;overflow:hidden}.launch-orbit:before,.launch-orbit:after,.launch-orbit span{content:"";border:1px solid #97cbdd29;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.launch-orbit:before{width:270px;height:270px}.launch-orbit:after{border-style:dashed;width:190px;height:190px}.launch-orbit span:first-child{width:106px;height:106px;box-shadow:0 0 70px #5edee51f}.launch-orbit span:nth-child(2){background:var(--gold);width:14px;height:14px;box-shadow:0 0 20px var(--gold);border:0;margin:-50px 0 0 64px}.launch-orbit b{background:var(--ink);clip-path:polygon(100% 50%,28% 0,0 30%,24% 50%,0 70%,28% 100%);filter:drop-shadow(-10px 5px #ff6b5e8c)drop-shadow(8px -6px #5edee58c);width:58px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.launch-content{z-index:1;padding:0 42px 38px;position:relative}.launch-content h2{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(26px,3vw,36px)}.launch-content>p:not(.card-kicker,.form-error){color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.7}.primary-button{color:#07111d;background:var(--gold);cursor:pointer;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:0 7px 0 20px;font-weight:900;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 12px 34px #ffe58f1f}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ffe58f33}.primary-button b{width:43px;height:43px;color:var(--ink);background:#0c1b2b;border-radius:10px;place-items:center;font-size:20px;display:grid}.join-divider{color:#6e8291;align-items:center;gap:12px;margin:22px 0 15px;font-size:10px;display:flex}.join-divider:before,.join-divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.join-row input{border:1px solid var(--line);min-width:0;height:50px;color:var(--ink);letter-spacing:.23em;text-transform:uppercase;background:#030c15a6;border-radius:11px;padding:0 15px;font:900 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.join-row input::placeholder{color:#405466}.join-row button{background:var(--y-soft);min-width:74px;color:var(--y);cursor:pointer;border:1px solid #5edee557;border-radius:11px;font-weight:900}.form-error{color:#ff938a!important;margin:10px 0 0!important;font-size:12px!important}.local-button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;align-items:center;gap:13px;width:100%;margin-top:14px;padding:13px 15px;display:flex}.local-button>span:first-child{color:#b9c8d1;background:#ffffff0f;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.local-button strong,.local-button small{display:block}.local-button strong{font-size:12px}.local-button small{color:var(--muted);margin-top:3px;font-size:10px}.home-proof{color:#8195a3;grid-area:proof;gap:28px;font-size:11px;display:flex}.home-proof span{align-items:baseline;gap:7px;display:inline-flex}.home-proof b{color:var(--ink);font:900 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.lobby-layout,.complete-layout{flex:1;place-items:center;width:min(880px,100% - 40px);margin:auto;padding:54px 0;display:grid}.lobby-card,.complete-card{border:1px solid var(--line);width:min(100%,620px);box-shadow:var(--shadow);text-align:center;background:#091726e6;border-radius:28px;padding:48px;position:relative;overflow:hidden}.lobby-card .eyebrow,.complete-card .eyebrow{justify-content:center}.lobby-card h1{font-size:clamp(42px,7vw,72px)}.lobby-card>p:not(.eyebrow,.invite-preview){max-width:470px;color:var(--muted);margin:23px auto 28px;line-height:1.7}.room-code{justify-content:center;gap:8px;margin:27px 0;display:flex}.room-code span{width:54px;height:64px;color:var(--y);background:#061421;border:1px solid #5edee53d;border-radius:12px;place-items:center;font:1000 26px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;box-shadow:inset 0 0 20px #5edee50d}.invite-preview{color:#617786;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 25px;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.waiting-line{color:#9bafbb;justify-content:center;align-items:center;gap:12px;margin:7px 0 20px;font-size:11px;display:flex}.waiting-line i{background:var(--y);width:6px;height:6px;box-shadow:0 0 14px var(--y);border-radius:50%;animation:1.3s ease-in-out infinite signal}.waiting-line i:last-child{animation-delay:.5s}.text-button{color:#778b98;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:8px;font-size:11px;text-decoration:underline}.game-layout{flex:1;width:min(1220px,100% - 40px);margin:0 auto;padding:28px 0 34px}.game-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:17px;display:flex}.stage-index{color:var(--gold);margin-bottom:7px}.game-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(31px,4vw,48px);line-height:1}.game-heading p:not(.stage-index){color:var(--muted);margin:8px 0 0;font-size:12px}.game-status{color:#9eb0bd;align-items:center;gap:9px;font-size:11px;display:inline-flex}.connection-dot.idle{box-shadow:none;background:#697987}.connection-dot.reconnecting{background:var(--gold);box-shadow:0 0 12px var(--gold);animation:.8s ease-in-out infinite signal}.game-console{box-shadow:var(--shadow);background:#07121fd1;border:1px solid #97cbdd2e;border-radius:24px;overflow:hidden}.hud-strip{border-bottom:1px solid var(--line);background:#ffffff05;grid-template-columns:repeat(4,1fr);min-height:58px;display:grid}.hud-strip>div{border-right:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:11px 19px;display:flex}.hud-strip>div:last-child{border-right:0}.hud-strip small{color:#728895;font-size:9px}.hud-strip strong{font:900 16px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.canvas-wrap{aspect-ratio:16/8.7;background:linear-gradient(90deg,#ff6b5e0f,#0000 30% 70%,#5edee50f),#040b13;min-height:350px;padding:14px;position:relative}.game-canvas{touch-action:none;border-radius:15px;width:100%;height:100%;display:block}.phase-flash{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03091080;border-radius:15px;place-content:center;animation:.18s ease-out both phase-in;display:grid;position:absolute;inset:14px}.phase-flash strong,.phase-flash span{display:block}.phase-flash strong{letter-spacing:-.055em;font-size:clamp(28px,5vw,58px)}.phase-flash span{color:var(--muted);margin-top:9px;font-size:12px}.phase-crashed strong{color:var(--x)}.phase-won strong{color:var(--gold)}.controls-row{align-items:stretch;gap:12px;margin-top:14px;display:flex}.control-pod,.partner-pod{border:1px solid var(--line);background:#0a1929c2;border-radius:15px;flex:1;justify-content:space-between;align-items:center;gap:13px;min-width:0;min-height:72px;padding:10px 11px 10px 15px;display:flex}.control-pod>div:first-child,.partner-pod>div{align-items:center;gap:9px;display:flex}.control-pod>div:first-child b{border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.control-pod-x{border-color:#ff6b5e40}.control-pod-x>div:first-child b{color:var(--x);background:var(--x-soft)}.control-pod-y{border-color:#5edee540}.control-pod-y>div:first-child b{color:var(--y);background:var(--y-soft)}.control-pod span,.partner-pod small,.partner-pod b{display:block}.control-pod span{color:var(--muted);font-size:10px}.control-buttons{gap:7px;display:flex}.axis-button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:11px;width:48px;height:48px;font-size:0}.axis-button:after{font-size:20px;font-weight:900}.axis-button-x{color:var(--x);background:var(--x-soft);border:1px solid #ff6b5e59}.axis-button-x:first-child:after{content:"←"}.axis-button-x:last-child:after{content:"→"}.axis-button-y{color:var(--y);background:var(--y-soft);border:1px solid #5edee559}.axis-button-y:first-child:after{content:"↑"}.axis-button-y:last-child:after{content:"↓"}.axis-button:active{filter:brightness(1.35);transform:translateY(2px)scale(.97)}.partner-pod{justify-content:flex-start;max-width:260px}.partner-pulse{background:var(--y);width:12px;height:12px;box-shadow:0 0 0 6px #5edee514, 0 0 18px var(--y);border-radius:50%;flex:none}.partner-x .partner-pulse{background:var(--x);box-shadow:0 0 0 6px #ff6b5e14, 0 0 18px var(--x)}.partner-pod b{font-size:11px}.partner-pod small{color:var(--muted);margin-top:3px;font-size:9px}.quit-button{border:1px solid var(--line);color:#80939f;cursor:pointer;background:#ffffff06;border-radius:15px;min-width:104px;font-size:10px}.complete-card{padding-top:35px}.complete-orbit{border:1px solid #5edee52e;border-radius:50%;width:150px;height:150px;margin:0 auto 18px;position:relative}.complete-orbit:before,.complete-orbit:after{content:"";border:1px dashed #ffe58f4d;border-radius:50%;position:absolute;inset:18px}.complete-orbit:after{background:#ffe58f0f;border-style:solid;inset:41px}.complete-orbit span{z-index:1;color:var(--gold);place-items:center;font-size:32px;display:grid;position:absolute;inset:0}.complete-orbit i{background:var(--x);width:9px;height:9px;box-shadow:0 0 14px var(--x);border-radius:50%;position:absolute}.complete-orbit i:first-child{top:40px;left:13px}.complete-orbit i:nth-child(2){background:var(--y);box-shadow:0 0 14px var(--y);bottom:30px;right:17px}.complete-card h1{font-size:clamp(50px,8vw,82px)}.complete-card>p:not(.eyebrow,.guest-wait){max-width:470px;color:var(--muted);margin:24px auto;line-height:1.75}.result-grid{border:1px solid var(--line);border-radius:15px;grid-template-columns:repeat(3,1fr);margin:28px 0 24px;display:grid;overflow:hidden}.result-grid div{border-right:1px solid var(--line);padding:17px 9px}.result-grid div:last-child{border-right:0}.result-grid small,.result-grid strong{display:block}.result-grid small{color:#718694;margin-bottom:8px;font-size:9px}.result-grid strong{font:900 24px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.complete-card .text-button{margin-top:12px}.guest-wait{color:var(--y);margin:21px 0;font-size:12px}.site-footer{border-top:1px solid var(--line);color:#526573;letter-spacing:.09em;justify-content:space-between;align-items:center;width:min(1280px,100% - 48px);min-height:54px;margin:0 auto;font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}@keyframes signal{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}@keyframes phase-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.home-layout{grid-template-columns:1fr;grid-template-areas:"copy""launch""proof";padding-top:42px}.hero-copy{max-width:740px}.launch-card{width:min(100%,600px);min-height:530px;margin:0 auto}.home-proof{justify-content:center}.canvas-wrap{min-height:300px}.controls-row{flex-wrap:wrap}.control-pod,.partner-pod{min-width:calc(50% - 8px)}.quit-button{flex:1;min-height:54px}}@media (max-width:640px){.topbar,.site-footer,.home-layout,.game-layout{width:min(100% - 28px,1220px)}.topbar{min-height:68px}.alpha-pill{text-align:right;max-width:112px;font-size:8px;line-height:1.3}.home-layout{gap:38px;padding:35px 0 24px}.hero-copy h1{font-size:clamp(58px,20vw,88px)}.hero-lede{margin-top:24px;font-size:15px}.axis-explainer{grid-template-columns:1fr}.launch-card{border-radius:22px;min-height:auto}.launch-orbit{height:145px}.launch-content{padding:0 22px 25px}.home-proof{justify-content:space-between;gap:14px}.home-proof span{gap:3px;display:grid}.lobby-card,.complete-card{border-radius:22px;padding:34px 20px}.room-code{gap:5px}.room-code span{width:41px;height:52px;font-size:21px}.game-layout{padding-top:20px}.game-heading{align-items:start}.game-heading p:not(.stage-index){display:none}.game-status{text-align:right;justify-content:flex-end;max-width:90px}.hud-strip{grid-template-columns:1fr 1fr}.hud-strip>div:nth-child(2){border-right:0}.hud-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.canvas-wrap{aspect-ratio:16/10;min-height:230px;padding:8px}.phase-flash{inset:8px}.controls-row{z-index:10;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:7px calc(7px + env(safe-area-inset-right,0px)) 7px calc(7px + env(safe-area-inset-left,0px));border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050e18f0;border-radius:17px;flex-wrap:nowrap;gap:8px;position:sticky;box-shadow:0 18px 45px #0000007a}.control-pod{background:0 0;border:0;min-width:0;min-height:62px;padding:6px}.control-pod>div:first-child,.partner-pod{display:none}.control-buttons{width:100%}.axis-button{flex:1;width:auto;height:54px}.quit-button{min-width:58px;max-width:58px;min-height:54px;padding:0 8px}.result-grid strong{font-size:19px}.site-footer{justify-content:center}.site-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}