@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{color:#f8f7f5;font-synthesis:none;--red:#ff3047;--ink:#050506;--line:#ffffff24;--mono:Space Mono,monospace;background:#050506;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050506}body{color:#f8f7f5;background:#050506;min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}::selection{background:var(--red);color:#fff}.app{background:radial-gradient(circle at 70% 0,#ff233e1c,#0000 27%),#050506;min-height:100vh}header{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(20px,4vw,66px);display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:17px;font-weight:850;display:flex}.brand b{font:700 9px var(--mono);letter-spacing:.15em;color:#ffffff6b;margin-left:10px}.mark{background:var(--red);clip-path:polygon(0 0,44% 0,100% 56%,100% 100%,56% 100%,0 44%);flex:none;place-items:center;width:28px;height:28px;display:grid;transform:rotate(45deg)}.mark i{background:#050506;border-radius:50%;width:8px;height:8px}.back{font:700 9px var(--mono);letter-spacing:.12em;align-items:center;gap:9px;transition:all .2s;display:flex}.back svg{width:14px}.back:hover{color:var(--red);transform:translate(-4px)}.intro{grid-template-columns:1.45fr .55fr;align-items:end;gap:5vw;min-height:calc(100svh - 86px);padding:clamp(70px,9vh,120px) clamp(20px,4vw,66px) 65px;display:grid;position:relative;overflow:hidden}.intro:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:7.15vw 7.15vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 83%,#0000);mask-image:linear-gradient(#0000,#000 18% 83%,#0000)}.intro-copy,.intro-side{position:relative}.eyebrow{font:700 9px var(--mono);letter-spacing:.18em;align-items:center;gap:9px;margin:0;display:flex}.eyebrow span{background:var(--red);width:6px;height:6px;box-shadow:0 0 14px var(--red);border-radius:50%;display:block}.intro h1{letter-spacing:-.09em;margin:7vh 0 0;font-size:clamp(76px,12.2vw,190px);font-weight:900;line-height:.75}.intro h1 em{color:#0000;-webkit-text-stroke:2px #fff;margin-left:8vw;font-style:normal}.intro-side{padding-bottom:1.5vh}.intro-side>p:first-child{color:#ffffffa8;max-width:460px;margin:0 0 38px;font-size:clamp(15px,1.3vw,20px);line-height:1.65}.connection{border:1px solid var(--line);background:#ffffff06;align-items:center;gap:17px;padding:19px;display:flex}.connection i{color:#ffffff59;border:1px solid #fff3;place-items:center;width:52px;height:52px;font-style:normal;display:grid}.connection i svg{width:24px}.connection span{min-width:0}.connection b,.connection small{display:block}.connection b{font:700 9px var(--mono);letter-spacing:.1em;margin-bottom:7px}.connection small{color:#fff6;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:10px;overflow:hidden}.connection.online{border-color:#ff3047a6}.connection.online i{background:var(--red);color:#050506;border-color:var(--red);box-shadow:0 0 35px #ff304740}.connection.online b{color:var(--red)}.demo-button{color:#050506;width:100%;font:800 9px var(--mono);letter-spacing:.1em;background:#f8f7f5;border:0;justify-content:space-between;align-items:center;margin-top:10px;padding:17px 19px;display:flex}.demo-button:hover{background:var(--red)}.demo-button svg{width:16px}.key-help{letter-spacing:.08em;font:700 8px/1.7 var(--mono)!important;color:#ffffff5c!important;margin:14px 0 0!important}.playground{border:1px solid var(--line);background:#020203;margin:0 clamp(20px,4vw,66px) 120px;position:relative}.scene-head{border-bottom:1px solid var(--line);height:54px;font:700 9px var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.scene-head span{align-items:center;gap:9px;display:flex}.scene-head svg{width:15px;color:var(--red)}.scene-head b{color:var(--red)}.scene{background:radial-gradient(circle,#ff2c4414,#0000 35%);height:min(64vw,700px);min-height:420px;position:relative;overflow:hidden}.scene canvas{z-index:2;width:100%;height:100%;display:block;position:relative}.scene-grid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.scene-tip{font:700 8px/1.7 var(--mono);letter-spacing:.1em;color:#ffffff59;z-index:3;margin:0;position:absolute;bottom:18px;left:22px}.controller-wrap{z-index:4;pointer-events:none;filter:saturate(.9);place-items:center;display:grid;position:absolute;inset:3% 9% 5%}.controller{width:min(100%,920px);height:auto;overflow:visible}.controller-shadow{fill:#000;opacity:.85;filter:blur(14px)}.trigger-shell{fill:#090a0c;stroke:#45474d;stroke-width:2px}.trigger path{fill:#18191e;stroke:#5d6067;stroke-width:2px;transition:all 80ms}.trigger rect{fill:var(--red);opacity:calc(.14 + var(--pressure) * .86);filter:drop-shadow(0 0 10px var(--red))}.trigger text,.bumper-label{fill:#a7a9ae;font:700 13px var(--mono);text-anchor:middle;pointer-events:none}.trigger.is-pressed path{fill:#292a30;transform:translateY(3px)}.bumper{fill:url(#edge);stroke:#55575e;stroke-width:2px;transition:all 70ms}.bumper.is-pressed{fill:var(--red);filter:drop-shadow(0 0 16px #ff3047cc);transform:translateY(4px)}.bumper.is-pressed+.bumper-label{fill:#fff}.shell{fill:url(#shell);stroke:#50525a;stroke-width:3px}.shell-highlight{fill:none;stroke:#ffffff29;stroke-width:2px}.center-panel{fill:#0b0c0e;stroke:#2f3035;stroke-width:2px}.home{fill:#15161a;stroke:#60626a;stroke-width:2px;transition:all 80ms}.home.is-pressed{fill:var(--red);filter:drop-shadow(0 0 16px var(--red));transform-origin:400px 177px;transform:scale(.9)}.home-mark{fill:#83858c}.small-button rect{fill:#24252a;stroke:#666871;stroke-width:1.5px}.small-button path,.small-button rect+rect{fill:none;stroke:#a4a6ac;stroke-width:1.5px}.small-button.is-pressed rect:first-child{fill:var(--red);transform:translateY(2px)}.stick-group{transition:transform 40ms}.stick-well{fill:#050506;stroke:#3b3c42;stroke-width:4px}.stick{fill:url(#stick);stroke:#5c5e65;stroke-width:2px;filter:drop-shadow(0 8px 7px #000)}.stick-rim{fill:none;stroke:#050506;stroke-width:8px;stroke-dasharray:2 3}.stick-texture{fill:#292a2e;stroke:#55575e;stroke-width:2px}.stick-group.is-pressed .stick{fill:var(--red);stroke:#ff8b98;filter:drop-shadow(0 0 16px var(--red))}.dpad-base circle{fill:#08090a;stroke:#383a40;stroke-width:3px}.dpad-base path{fill:#1b1c20;stroke:#55575e;stroke-width:2px}.dpad-key{fill:#0000;transition:all 60ms}.dpad-key.is-pressed{fill:var(--red);filter:drop-shadow(0 0 12px var(--red));transform-origin:292px 318px;transform:scale(.94)}.dpad-pin{fill:#0b0c0e;stroke:#666871;stroke-width:2px}.face-button circle{fill:#17181c;stroke:#686a72;stroke-width:2px;transition:all 70ms}.face-button text{text-anchor:middle;fill:#fff;font:800 19px Inter}.face-a text{fill:#72e6a5}.face-b text{fill:#ff6475}.face-x text{fill:#70c7ff}.face-y text{fill:#ffd36b}.face-button.is-pressed circle{fill:var(--red);stroke:#ff9fac;filter:drop-shadow(0 0 18px var(--red));transform:translateY(4px)}.face-button.is-pressed text{fill:#fff;transform:translateY(4px)}.controller-label line{stroke:#ffffff40;stroke-width:1px}.controller-label text{fill:#ffffff61;font:700 8px var(--mono);letter-spacing:.12em}.pad-input{transition:fill 70ms,transform 70ms,filter 70ms}.diagnostics{color:#0b0b0c;background:#f2f0eb;padding:110px clamp(20px,4vw,66px) 130px}.section-label{font:700 9px var(--mono);letter-spacing:.14em;border-bottom:1px solid #00000038;justify-content:space-between;padding-bottom:17px;display:flex}.section-label span:last-child{color:#d91d32}.diag-title{grid-template-columns:1.5fr .5fr;align-items:end;gap:50px;margin:75px 0;display:grid}.diag-title h2{letter-spacing:-.08em;margin:0;font-size:clamp(58px,9vw,140px);line-height:.78}.diag-title p{color:#00000094;font-size:13px;line-height:1.65}.progress{background:#00000024;height:3px;margin-top:28px}.progress i{background:var(--red);height:100%;transition:width .35s;display:block}.axes-grid{border:1px solid #0003;grid-template-columns:1fr 1fr;display:grid}.axis-card{padding:24px 30px 28px;transition:all .25s;position:relative}.axis-card+*{border-left:1px solid #0003}.axis-card.tested{color:#fff;background:#0a0a0b}.axis-head,.axis-values{font:700 9px var(--mono);letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.axis-head b{color:#d91d32;align-items:center;gap:7px;display:flex}.axis-head svg{width:13px}.axis-field{opacity:.9;border:1px solid;border-radius:50%;width:190px;height:190px;margin:45px auto;position:relative}.axis-ring{opacity:.25;border:1px dashed;border-radius:50%;position:absolute;inset:25%}.axis-h,.axis-v{opacity:.16;background:currentColor;position:absolute}.axis-h{height:1px;top:50%;left:-10%;right:-10%}.axis-v{width:1px;top:-10%;bottom:-10%;left:50%}.axis-dot{background:var(--red);width:42px;height:42px;box-shadow:0 0 calc(5px + var(--power) * 30px) #ff3047b3;border-radius:50%;transition:transform 50ms;position:absolute;top:50%;left:50%}.axis-dot:after{content:"";border:1px solid #ffffff80;border-radius:50%;position:absolute;inset:8px}.axis-values{color:#00000078}.axis-card.tested .axis-values{color:#ffffff73}.axis-values b{color:currentColor;margin-left:7px}.buttons-title{font:700 9px var(--mono);letter-spacing:.12em;justify-content:space-between;align-items:end;margin:80px 0 20px;display:flex}.buttons-title small{color:#0006;text-align:right;max-width:460px;line-height:1.5}.button-grid{border:1px solid #0003;grid-template-columns:repeat(4,1fr);display:grid}.button-cell{border-bottom:1px solid #00000026;border-right:1px solid #00000026;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;display:flex;position:relative;overflow:hidden}.button-cell:nth-child(4n){border-right:0}.button-cell:nth-last-child(-n+4){border-bottom:0}.button-cell:before{content:"";height:calc(var(--value) * 100%);background:var(--red);width:100%;transition:height 50ms;position:absolute;bottom:0;left:0}.button-orb,.button-copy,.check{position:relative}.button-orb{width:50px;height:50px;font:700 10px var(--mono);border:1px solid #00000073;border-radius:50%;place-items:center;display:grid}.button-orb i{opacity:.35;border:1px dashed;border-radius:50%;position:absolute;inset:6px}.button-copy{font:700 9px var(--mono);justify-content:space-between;align-items:end;display:flex}.button-copy span{letter-spacing:-.05em;font-size:18px}.button-copy em{font:400 8px var(--mono);letter-spacing:0;text-align:right;opacity:.5;display:block}.button-cell.active{color:#fff}.button-cell.tested .button-orb{color:#fff;background:#0b0b0c}.check{color:#d91d32;width:14px;position:absolute;top:15px;right:16px}.button-cell.active .check{color:#fff}.haptics{color:#fff;background:#0a0a0b;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-top:80px;padding:60px;display:grid;position:relative;overflow:hidden}.haptics:after{content:"";border:1px solid #ff304759;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-340px;left:-180px;box-shadow:0 0 90px #ff30471f}.haptics h3{letter-spacing:-.075em;margin:30px 0 0;font-size:clamp(55px,7vw,106px);line-height:.82}.haptic-copy{z-index:1;position:relative}.haptic-copy p{color:#ffffff8c;font-size:13px;line-height:1.65}.haptic-copy button{border:1px solid var(--red);background:var(--red);color:#09090a;width:100%;font:800 9px var(--mono);letter-spacing:.09em;justify-content:space-between;align-items:center;margin:25px 0 11px;padding:19px;display:flex}.haptic-copy button:hover:not(:disabled){background:#fff;border-color:#fff}.haptic-copy button:disabled{opacity:.35;cursor:not-allowed}.haptic-copy button svg{width:18px}.haptic-copy small{font:700 7px/1.5 var(--mono);color:#ffffff59;letter-spacing:.08em}footer{border-top:1px solid var(--line);background:#050506;grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:180px;padding:35px clamp(20px,4vw,66px);display:grid}footer>div{align-items:center;gap:11px;display:flex}footer button{color:#ffffff8c;font:700 8px var(--mono);letter-spacing:.1em;background:0 0;border:0;justify-self:center;align-items:center;gap:8px;display:flex}footer button:hover{color:var(--red)}footer button svg{width:14px}footer>span{text-align:right;color:#ffffff57;font:400 8px/1.7 var(--mono);letter-spacing:.08em;justify-self:end}@media (width<=900px){.intro{grid-template-columns:1fr;align-items:center}.intro-side{max-width:560px;margin-left:auto}.intro h1{font-size:18vw}.diag-title{grid-template-columns:1fr}.button-grid{grid-template-columns:repeat(3,1fr)}.button-cell:nth-child(4n){border-right:1px solid #00000026}.button-cell:nth-child(3n){border-right:0}.button-cell:nth-last-child(-n+4){border-bottom:1px solid #00000026}.button-cell:nth-last-child(-n+2){border-bottom:0}.haptics{grid-template-columns:1fr}}@media (width<=650px){header{height:72px}.brand b{display:none}.back{font-size:0}.back svg{width:20px}.intro{min-height:auto;padding-block:70px 80px}.intro h1{margin-bottom:65px;font-size:22vw;line-height:.79}.intro h1 em{margin-left:0}.intro-side{width:100%}.playground{border-inline:0;margin-inline:0}.scene{min-height:500px}.scene-tip{font-size:7px}.diagnostics{padding-block:80px}.diag-title{margin:55px 0}.diag-title h2{font-size:14vw}.axes-grid{grid-template-columns:1fr}.axis-card+*{border-top:1px solid #0003;border-left:0}.axis-field{width:160px;height:160px}.buttons-title{align-items:start;gap:20px}.buttons-title small{font-size:7px}.button-grid{grid-template-columns:repeat(2,1fr)}.button-cell:nth-child(3n){border-right:1px solid #00000026}.button-cell:nth-child(2n){border-right:0}.button-cell:nth-last-child(-n+2){border-bottom:0}.button-cell{min-height:145px;padding:15px}.button-copy b{font-size:7px}.haptics{padding:34px 24px}.haptics h3{font-size:16vw}footer{grid-template-columns:1fr 1fr;gap:45px}footer>span{text-align:left;grid-column:1/-1;justify-self:start}footer button{justify-self:end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.axis-dot,.progress i{transition:none}}.xbox-viewport{isolation:isolate;background:radial-gradient(at 50% 48%,#ff30471f,#0000 43%),linear-gradient(145deg,#050506,#0a0a0c);place-items:center;height:680px;display:grid;position:relative;overflow:hidden}.xbox-viewport:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.xbox-scaler{transform-origin:50%;width:750px;height:630px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.9)}.xbox-controller{filter:drop-shadow(0 38px 32px #000000b8);background:url(/xbox/base.svg) 50%/750px 630px no-repeat;width:750px;height:630px;position:relative}.xbox-triggers{width:446px;height:121px;position:absolute;top:0;left:152px}.xbox-trigger{opacity:0;background:url(/xbox/trigger.svg);width:88px;height:121px;transition:opacity 40ms,transform 40ms,filter 80ms;position:relative}.xbox-trigger.left{float:left}.xbox-trigger.right{float:right;transform:rotateY(180deg)}.xbox-trigger.pressed{filter:drop-shadow(0 0 15px var(--red)) saturate(1.4)}.xbox-bumpers{width:536px;height:61px;position:absolute;top:129px;left:107px}.xbox-bumper{opacity:0;background:url(/xbox/bumper.svg);width:170px;height:61px;position:relative}.xbox-bumper.left{float:left}.xbox-bumper.right{float:right;transform:rotateY(180deg)}.xbox-bumper.pressed{opacity:1}.xbox-guide{opacity:0;background:url(/xbox/quadrant.svg);width:45px;height:45px;position:absolute;top:258px;left:354px}.xbox-guide.pressed{opacity:1}.xbox-menu{width:141px;height:33px;position:absolute;top:264px;left:306px}.xbox-back,.xbox-start{opacity:0;background:url(/xbox/start-select.svg);width:33px;height:33px;position:relative}.xbox-back{float:left}.xbox-start{float:right;background-position:33px 0}.xbox-back.pressed,.xbox-start.pressed{opacity:1}.xbox-abxy{width:153px;height:156px;position:absolute;top:192px;left:488px}.xbox-button{background:url(/xbox/abxy.svg);width:48px;height:48px;position:absolute}.xbox-button.pressed{filter:drop-shadow(0 0 12px var(--red));background-position-y:-48px;transform:translateY(5px)}.xbox-button.a{background-position:0 0;top:108px;left:55px}.xbox-button.b{background-position:-49px 0;top:58px;right:0}.xbox-button.x{background-position:-98px 0;top:58px;left:4px}.xbox-button.y{background-position:48px 0;top:7px;left:55px}.xbox-sticks{width:371px;height:196px;position:absolute;top:239px;left:144px}.xbox-stick{will-change:transform;background:url(/xbox/stick.svg) -85px 0;width:83px;height:83px;transition:transform 25ms linear,filter 80ms;position:absolute}.xbox-stick.pressed{filter:drop-shadow(0 0 12px var(--red));background-position:0 0}.xbox-stick.left{top:0;left:0}.xbox-stick.right{top:113px;left:288px}.stick-vector{font:700 7px/1.2 var(--mono);text-align:center;color:#fff;opacity:0;background:#000000b8;border-radius:4px;padding:3px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xbox-stick:hover .stick-vector,.xbox-stick.pressed .stick-vector{opacity:1}.xbox-dpad{width:110px;height:111px;position:absolute;top:345px;left:223px}.xbox-face{opacity:0;background:url(/xbox/dpad.svg);position:absolute}.xbox-face.pressed{opacity:1;filter:drop-shadow(0 0 12px var(--red))}.xbox-face.up{background-position:34px 0;width:34px;height:56px;top:0;left:38px}.xbox-face.down{width:34px;height:56px;bottom:0;left:38px}.xbox-face.left{background-position:0 -93px;width:55px;height:35px;top:38px;left:0}.xbox-face.right{background-position:0 -57px;width:55px;height:35px;top:38px;right:0}.input-fx.pressed:after{content:"";border:2px solid var(--red);pointer-events:none;border-radius:50%;animation:.38s cubic-bezier(.16,1,.3,1) infinite alternate input-ring;position:absolute;inset:-13px;box-shadow:0 0 24px #ff3047b3}.input-fx.pressed:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#ff30478c,#0000 65%);animation:.3s ease-out both input-flash;position:absolute;inset:-28px}.xbox-bumper.input-fx:after,.xbox-trigger.input-fx:after{border-radius:20px}.live-badge{font:700 8px var(--mono);letter-spacing:.09em;color:#ffffff73;align-items:center;gap:9px;display:flex;position:absolute;bottom:18px;left:22px}.live-badge i{background:var(--red);width:6px;height:6px;box-shadow:0 0 12px var(--red);border-radius:50%}@keyframes input-ring{0%{opacity:.45;transform:scale(.86)}to{opacity:1;transform:scale(1.08)}}@keyframes input-flash{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}.aurora{aspect-ratio:1;filter:blur(90px);width:55%;opacity:calc(.09 + var(--energy) * .13);mix-blend-mode:screen;pointer-events:none;border-radius:50%;transition:transform .12s ease-out,opacity .5s;position:absolute}.aurora-one{transform:translate(var(--drift-x),var(--drift-y));background:#ff3047;animation:9s ease-in-out infinite aurora-breathe;top:8%;left:4%}.aurora-two{transform:translate(calc(var(--drift-x) * -1),calc(var(--drift-y) * -1));background:#5630ff;animation:12s ease-in-out -4s infinite reverse aurora-breathe;bottom:-20%;right:1%}.zen-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.zen-field i{opacity:.16;background:#fff;border-radius:50%;width:4px;height:4px;animation:14s ease-in-out infinite zen-float;position:absolute;box-shadow:0 0 12px 2px #ff3047cc}.zen-field i:first-child{top:68%;left:13%}.zen-field i:nth-child(2){animation-duration:17s;animation-delay:-8s;top:25%;left:24%}.zen-field i:nth-child(3){animation-duration:11s;animation-delay:-3s;top:82%;left:43%}.zen-field i:nth-child(4){animation-duration:19s;animation-delay:-10s;top:16%;left:64%}.zen-field i:nth-child(5){animation-duration:13s;animation-delay:-5s;top:72%;left:78%}.zen-field i:nth-child(6){animation-duration:16s;animation-delay:-1s;top:37%;left:90%}.stick-echo{filter:blur(.2px);width:83px;height:83px;opacity:calc(.08 + var(--energy) * .28);border:1px solid #ff304757;border-radius:50%;transition:transform 80ms linear;position:absolute;box-shadow:0 0 24px #ff30471f}.stick-echo:before,.stick-echo:after{content:"";border:1px solid #ff30472e;border-radius:50%;position:absolute}.stick-echo:before{inset:-10px}.stick-echo:after{inset:-21px}.stick-echo.left{top:0;left:0}.stick-echo.right{top:113px;left:288px}.rumble-wave{z-index:0;pointer-events:none;position:absolute;inset:0}.rumble-wave i{opacity:0;border:1px solid #ff3047a6;border-radius:50%;width:160px;height:160px;animation:1.25s cubic-bezier(.16,1,.3,1) both rumble-out;position:absolute;top:57%}.rumble-wave.left i{left:23%}.rumble-wave.right i{right:23%}.rumble-wave.both i{left:50%;transform:translate(-50%,-50%)}.rumble-wave i:nth-child(2){animation-delay:.1s}.rumble-wave i:nth-child(3){animation-delay:.2s}.scene-controls{align-items:center;gap:20px;display:flex}.scene-controls button{color:#ffffff73;font:700 8px var(--mono);letter-spacing:.08em;background:0 0;border:1px solid #ffffff2b;align-items:center;gap:7px;padding:8px 10px;transition:all .2s;display:flex}.scene-controls button svg{width:13px}.scene-controls button.active{color:#fff;background:#ff30471f;border-color:#ff3047a6;box-shadow:inset 0 0 20px #ff304714}.scene-controls button:hover{border-color:var(--red);color:#fff}@keyframes aurora-breathe{0%,to{scale:.88}50%{scale:1.12}}@keyframes zen-float{0%,to{opacity:.08;transform:translate(0)scale(.7)}35%{opacity:.32;transform:translate(24px,-50px)scale(1.2)}70%{opacity:.12;transform:translate(-18px,-100px)scale(.8)}}@keyframes rumble-out{0%{opacity:.75;filter:blur();scale:.2}to{opacity:0;filter:blur(2px);scale:3.2}}.motor-buttons{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:25px 0 12px;display:grid}.motor-buttons button{gap:10px;margin:0;padding:17px 13px}.motor-buttons button svg{flex:none}.haptic-copy>a,.footer a{transition:color .2s}.footer a:hover{color:var(--red)}@media (width<=900px){.xbox-viewport{height:560px}.xbox-scaler{transform:translate(-50%,-50%)scale(.72)}.motor-buttons{grid-template-columns:1fr}}@media (width<=650px){.xbox-viewport{height:360px}.xbox-scaler{top:45%;transform:translate(-50%,-50%)scale(.44)}.live-badge{font-size:6px;bottom:11px;left:12px}.scene-head{gap:10px;height:auto;min-height:54px}.scene-controls{gap:8px}.scene-controls button{padding:7px;font-size:0}.scene-controls button svg{width:15px}.motor-buttons{grid-template-columns:1fr 1fr 1fr}.motor-buttons button{justify-items:center;padding:13px 7px;font-size:7px;display:grid}.motor-buttons button svg{width:15px}}@media (prefers-reduced-motion:reduce){.aurora,.zen-field i{animation:none}.rumble-wave i{animation-duration:10ms}.stick-echo{display:none}}.trigger-meter{z-index:3;width:210px;font:700 8px var(--mono);letter-spacing:.08em;color:#ffffff6b;grid-template-columns:24px 1fr 45px;align-items:center;gap:9px;display:grid;position:absolute;top:22px}.trigger-meter.left{left:22px}.trigger-meter.right{right:22px}.trigger-meter>i{background:#ffffff1a;height:3px;overflow:hidden}.trigger-meter>i b{background:var(--red);height:100%;box-shadow:0 0 12px var(--red);transition:width 25ms linear;display:block}.trigger-meter em{text-align:right;color:#ffffffad;font-style:normal}.stick-hud{z-index:3;width:150px;height:72px;font-family:var(--mono);pointer-events:none;border-top:1px solid #ffffff26;padding-top:9px;position:absolute;bottom:47px}.stick-hud.left{left:22px}.stick-hud.right{text-align:right;right:22px}.stick-hud span,.stick-hud em{letter-spacing:.1em;color:#ffffff59;font-size:7px;font-style:normal;display:block}.stick-hud b{letter-spacing:-.06em;color:#ffffffd9;margin:2px 0;font-size:22px;display:block}.stick-hud>i{border:1px solid #ff304759;border-radius:50%;width:34px;height:34px;transition:transform 40ms linear;position:absolute;top:11px;right:0}.stick-hud.left>i{right:0}.stick-hud.right>i{left:0}.stick-hud>i:after{content:"";background:var(--red);width:1px;height:15px;box-shadow:0 0 8px var(--red);position:absolute;top:1px;left:50%}.capability-strip{border:1px solid #0003;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.capability-strip>div{flex-direction:column;justify-content:space-between;min-height:140px;padding:22px;display:flex}.capability-strip>div+div{border-left:1px solid #0003}.capability-strip small,.capability-strip span{font:700 8px var(--mono);letter-spacing:.1em;color:#0000006b}.capability-strip b{letter-spacing:-.07em;font-size:42px}.axis-max{font:700 8px var(--mono);letter-spacing:.08em;border:1px solid #0003;border-bottom:0;grid-template-columns:1fr auto;gap:6px 20px;padding:14px 18px;display:grid}.axis-max b{color:#d91d32}.axis-max em{color:#0000006e;grid-column:1/-1;font-style:normal;font-weight:400}.input-kind{font:700 6px var(--mono);letter-spacing:.12em;color:#0000005c;z-index:1;position:absolute;top:53px;right:17px}.button-cell.active .input-kind{color:#ffffffa8}@media (width<=900px){.stick-hud{display:none}.trigger-meter{width:150px}.capability-strip{grid-template-columns:1fr 1fr}.capability-strip>div:nth-child(3){border-top:1px solid #0003;border-left:0}.capability-strip>div:nth-child(4){border-top:1px solid #0003}}@media (width<=650px){.trigger-meter{width:105px;font-size:6px;top:auto;bottom:31px}.trigger-meter.left{left:10px}.trigger-meter.right{right:10px}.trigger-meter em{display:none}.trigger-meter{grid-template-columns:18px 1fr}.capability-strip>div{min-height:105px;padding:15px}.capability-strip b{font-size:30px}.axis-max{grid-template-columns:1fr}.axis-max b{justify-self:start}.input-kind{display:none}}.scene-head{font-size:11px}.scene-controls button{padding:9px 12px;font-size:10px}.live-badge{font-size:10px}.trigger-meter{grid-template-columns:28px 1fr 56px;width:235px;font-size:10px}.stick-hud{width:180px;height:82px}.stick-hud span,.stick-hud em{font-size:9px}.stick-hud b{font-size:29px}.stick-hud>i{width:42px;height:42px}.capability-strip small,.capability-strip span,.axis-max{font-size:10px}.axis-head,.axis-values,.buttons-title{font-size:11px}.buttons-title small{font-size:9px}.button-copy{font-size:10px}.button-copy span{font-size:21px}.button-copy em{font-size:10px}.input-kind{font-size:8px}.haptic-copy small{font-size:9px}.haptic-copy p{font-size:15px}.controller-aura{pointer-events:none;width:510px;height:510px;opacity:calc(.22 + var(--energy) * .5);filter:drop-shadow(0 0 28px #ff304726);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controller-aura i{border:1px solid #ff304729;border-radius:47% 53% 44% 56%;animation:18s linear infinite aura-orbit;position:absolute;inset:0}.controller-aura i:nth-child(2){border-color:#6647ff2e;animation-duration:24s;animation-direction:reverse;inset:28px}.controller-aura i:nth-child(3){border-style:dashed;border-color:#ffffff1a;animation-duration:32s;inset:62px}.energy-ribbon{pointer-events:none;width:620px;height:130px;opacity:calc(.18 + var(--energy) * .62);filter:blur(1px);border:1px solid #0000;border-top-color:#ff30473d;border-radius:50%;transition:transform 80ms linear,opacity .25s;position:absolute;top:52%;left:50%}.ribbon-one{transform:translate(-50%,-50%) translate(var(--drift-x),var(--drift-y)) rotate(-14deg);animation:7s ease-in-out infinite ribbon-breathe;box-shadow:0 -12px 45px #ff304714}.ribbon-two{transform:translate(-50%,-50%) translate(var(--drift-x),var(--drift-y)) rotate(17deg);border-top-color:#6a4eff40;animation:9s ease-in-out -3s infinite reverse ribbon-breathe}.rumble-wave b{background:var(--red);opacity:0;border-radius:50%;width:7px;height:7px;animation:1.05s cubic-bezier(.16,1,.3,1) both particle-bloom;position:absolute;top:55%;left:50%;box-shadow:0 0 16px 3px #ff3047a6}.rumble-wave.left b{left:29%}.rumble-wave.right b{left:71%}.rumble-wave b:first-of-type{--px:92px;--py:-70px}.rumble-wave b:nth-of-type(2){--px:118px;--py:8px;animation-delay:30ms}.rumble-wave b:nth-of-type(3){--px:72px;--py:82px;animation-delay:60ms}.rumble-wave b:nth-of-type(4){--px:-74px;--py:88px;animation-delay:90ms}.rumble-wave b:nth-of-type(5){--px:-116px;--py:10px;animation-delay:.12s}.rumble-wave b:nth-of-type(6){--px:-82px;--py:-78px;animation-delay:.15s}.rumble-wave b:nth-of-type(7){--px:10px;--py:-112px;animation-delay:.18s}.rumble-wave b:nth-of-type(8){--px:4px;--py:116px;animation-delay:.21s}@keyframes aura-orbit{to{transform:rotate(360deg)}}@keyframes ribbon-breathe{0%,to{opacity:.16;scale:.92 1}50%{opacity:calc(.25 + var(--energy) * .65);scale:1.08 1.25}}@keyframes particle-bloom{0%{opacity:.95;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) scale(1.7)}}@media (width<=900px){.controller-aura{scale:.78}.stick-hud{display:none}.trigger-meter{width:170px;font-size:9px}.capability-strip small,.capability-strip span,.axis-max{font-size:9px}}@media (width<=650px){.scene-head{font-size:8px}.scene-controls button{font-size:0}.live-badge{font-size:7px}.trigger-meter{width:112px;font-size:7px}.controller-aura{scale:.48}.energy-ribbon{width:390px}.capability-strip small,.capability-strip span{font-size:8px}.axis-head,.axis-values,.button-copy{font-size:9px}.button-copy span{font-size:18px}}@media (prefers-reduced-motion:reduce){.controller-aura i,.energy-ribbon,.rumble-wave b{animation:none}}