:root{color-scheme:dark;--ink:#eeeef0;--muted:#80838f;--line:#25262e;--accent:#d5ff73;--panel:#111319;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-family:Arial,Helvetica,sans-serif;background:#090b10;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.36}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}button:hover{filter:brightness(1.15)}.masthead{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:31px;color:var(--accent)}.brand>span{font-size:23px;letter-spacing:3px;font-weight:800}.brand sup{font-size:8px;letter-spacing:0;vertical-align:top;display:inline-block;margin:2px 0 0 4px}.edition{font-family:var(--mono);font-size:10px;letter-spacing:1.3px;color:#90929e}.edition span{margin:0 18px;color:#41434c}.about-link{background:transparent;font-size:12px;color:#b7b8c0;white-space:nowrap}.about-link span{font-size:20px;margin-left:12px;color:#dfe0e6}main{padding:0 4.2%;max-width:1900px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 34px;gap:24px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:#a3a5b1;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #d5ff7370}h1{font-size:clamp(32px,4.25vw,65px);font-weight:500;letter-spacing:-2.9px;line-height:1.06;margin:18px 0 15px}h1 em{font-weight:400;font-family:Georgia,"Times New Roman",serif;background:linear-gradient(110deg,#c3fc71 6%,#52f6d5 44%,#b5a7ff 79%,#ffacdc);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-2.4px}.intro p{font-size:14px;color:#90939f;margin:0}.display-status{display:flex;gap:10px;align-items:center;margin-top:20px;padding:12px 15px;border:1px solid #282d2c;border-radius:5px;background:#111615;max-width:275px}.status-light{height:6px;width:6px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #c3ff6b30}.display-status strong,.display-status span:not(.status-light){display:block}.display-status strong{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:#c9e9a1;font-weight:500}.display-status #status-description{color:#858e85;font-size:10px;margin-top:5px;line-height:1.4}.lab{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:540px;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 14px 55px #0003}.stage{position:relative;background:#030509;min-height:540px;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:crosshair;touch-action:none}canvas:focus-visible{outline-offset:-3px}.stage-top{position:absolute;left:25px;right:22px;top:23px;display:flex;justify-content:space-between;pointer-events:none;align-items:center}.stage-top>div:first-child{display:flex;flex-direction:column;gap:10px}.stage-tag{font-family:var(--mono);letter-spacing:1.4px;font-size:8px;color:#92969e}.scene-readout{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:#d2d4dc}.stage-actions{display:flex;gap:8px;pointer-events:auto}.icon-button{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#10141bc9;border:1px solid #32343c;border-radius:4px;color:#bdc0cc;font-family:var(--mono);font-size:16px}.icon-button svg{width:17px;height:17px}.scene-caption{position:absolute;left:27px;bottom:61px;pointer-events:none;text-shadow:0 2px 12px #000}.scene-caption>span{font-family:var(--mono);font-size:8px;letter-spacing:1.8px;color:#898e9d;display:block;margin-bottom:8px}.scene-caption>strong{font-size:21px;font-weight:400;letter-spacing:-.6px}.stage-bottom{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:#686e7c;pointer-events:none}.tiny-dot{display:inline-block;width:4px;height:4px;vertical-align:middle;background:#6e9380;border-radius:50%;margin-right:5px}.canvas-hint{position:absolute;right:25px;bottom:66px;color:#979fae;font-family:var(--mono);font-size:8px;letter-spacing:.8px;pointer-events:none}.canvas-hint span{color:var(--accent);font-size:15px;margin-left:7px}.console{background:var(--panel);border-left:1px solid var(--line);padding:23px 22px 20px;display:flex;flex-direction:column}.console-heading{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:#b3b4bd;margin-bottom:27px}.console-symbol{color:#777d8c;font-size:21px;line-height:1}fieldset{margin:0;padding:0;border:0}legend{padding:0;width:100%;font-size:12px;color:#d7d9e1;display:block}legend>span{float:right;font-family:var(--mono);font-size:8px;color:#88957a;border:1px solid #35402c;padding:2px 4px;border-radius:3px}.output-options{display:flex;margin-top:12px;padding:3px;background:#090b10;border:1px solid #282a33;border-radius:5px;gap:3px}.output-options button{flex:1;background:transparent;color:#8b8e9b;border-radius:3px;font-family:var(--mono);font-size:10px;padding:9px 0}.output-options button[aria-pressed=true]{background:#272f22;color:#d5ff73;box-shadow:0 0 0 1px #465238}.output-options button span{margin-left:3px}.output-field p{font-size:10px;line-height:1.6;color:#787e8b;margin:11px 0 22px;min-height:32px}.slider-control{margin-bottom:24px}.slider-control label{display:flex;justify-content:space-between;font-size:12px;color:#c8cbd4;margin-bottom:13px}.slider-control output{font-family:var(--mono);font-size:11px;color:#b1b6c4}.slider-control input{width:100%;height:3px;display:block;appearance:none;background:linear-gradient(to right,var(--accent) 40%,#333641 40%);border-radius:3px;margin:0;cursor:pointer}.slider-control input::-webkit-slider-thumb{appearance:none;height:10px;width:10px;background:#e3eccb;border:2px solid #111319;border-radius:50%;box-shadow:0 0 0 1px #65734e}.slider-control input::-moz-range-thumb{height:7px;width:7px;background:#e3eccb;border:2px solid #111319;border-radius:50%}.slider-control input:focus-visible{outline:2px solid #bacba1;outline-offset:5px}.range-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;letter-spacing:.5px;color:#626775;margin-top:11px}.motion-control{margin-bottom:21px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #262830;gap:12px}.switch-row label{font-size:11px;color:#c5c8d3;cursor:pointer}.switch-row label span{display:block;color:#6e7482;font-size:9px;margin-top:5px}.switch{appearance:none;flex-shrink:0;width:29px;height:17px;border:1px solid #40434f;border-radius:14px;background:#262833;cursor:pointer;position:relative;margin:0}.switch::after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#7a7f8b;transition:transform .18s}.switch:checked{background:#4a5c32;border-color:#667a46}.switch:checked::after{transform:translateX(12px);background:var(--accent)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sound-row{padding-bottom:19px}.ignite-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px;background:var(--accent);color:#203210;border:1px solid #e7ffad;border-radius:4px;font-size:10px;font-weight:600;box-shadow:0 0 22px #bcff3210}.ignite-button svg{width:15px;height:15px;stroke-width:1.3}.ignite-button>span{margin-left:auto;font-size:16px}.console-note{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:20px;color:#707782}.console-note>span{color:#a3ae96;font-size:18px}.console-note p{font-family:var(--mono);font-size:8px;line-height:1.6;margin:0}.scene-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:17px}.scene-card{display:flex;align-items:center;gap:18px;text-align:left;padding:20px 22px;background:#101219;border:1px solid #262831;border-radius:6px;position:relative;min-height:92px}.scene-card.active{background:linear-gradient(100deg,#192118,#11161a);border-color:#4a5937}.scene-icon{width:46px;height:40px;flex-shrink:0;display:block}.scene-icon svg{width:100%;height:100%;stroke-width:1.1}.duel-icon{color:#b5f480}.tunnel-icon{color:#bba3ff}.spectrum-icon{color:#ff9ed3}.scene-number{display:block;font-family:var(--mono);font-size:8px;color:#a0a4b0;letter-spacing:.6px;margin-bottom:8px}.scene-number>span{color:#626977;font-size:7px;margin-left:8px;letter-spacing:.8px}.scene-copy strong{font-size:15px;font-weight:400;letter-spacing:-.2px}.scene-arrow{color:#656d7b;margin-left:auto;font-size:20px;align-self:flex-start}.active .scene-arrow{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 4.2% 29px;font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#646a79}footer>div{display:flex;gap:18px;color:#878e9b;letter-spacing:0}kbd{font-family:var(--mono);font-size:7px;border:1px solid #303541;display:inline-block;border-radius:3px;padding:3px 4px;margin-right:4px;color:#a9aeba}dialog{width:min(560px,calc(100% - 36px));padding:35px;background:#13161e;color:#c7cbd7;border:1px solid #373b46;border-radius:10px;box-shadow:0 30px 160px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:18px}dialog h2{font-size:38px;font-weight:400;letter-spacing:-1.5px;margin:20px 0}dialog p{font-size:12px;line-height:1.75;color:#9aA2b3}dialog p strong{color:#d6dccb}dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-family:var(--mono);font-size:10px;padding:17px;background:#090d13;border:1px solid #252d39;border-radius:4px;margin:22px 0}dialog dt{color:#727c8f}dialog dd{margin:0;text-align:right;color:#c8e7a0}dialog code{font-size:10px;color:#babfcc}.reference-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--accent);padding-top:12px;border-top:1px solid #2d3341}.compare-divider{position:absolute;top:80px;bottom:110px;left:50%;border-left:1px solid #c7d1de80;pointer-events:none}.compare-divider[hidden]{display:none}.compare-divider>div{position:absolute;top:50%;transform:translate(-50%,-50%);border:1px solid #5f6572;color:#dbe4ed;border-radius:50%;background:#0a0d15;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px}.compare-tag{position:absolute;top:0;font-family:var(--mono);font-size:8px;color:#bac2d2;white-space:nowrap;letter-spacing:.8px;background:#060b1490;padding:5px 8px;border-radius:3px}.compare-tag.left{right:12px}.compare-tag.right{left:12px}.stage:fullscreen{width:100vw;height:100vh;min-height:100vh}.stage:fullscreen .scene-caption{bottom:70px}.stage:fullscreen .compare-divider{top:85px;bottom:110px}body.immersive .masthead,body.immersive .intro,body.immersive .console,body.immersive .scene-nav,body.immersive footer{display:none}body.immersive main{padding:0;max-width:none}body.immersive .lab{grid-template-columns:1fr;border:0;border-radius:0}body.immersive .stage{height:100dvh}body.immersive .scene-caption{display:none}
@supports(color:color(display-p3 1 0 0)){:root{--accent:color(display-p3 .79 1 .35)}h1 em{background-image:linear-gradient(110deg,color(display-p3 .73 1 .3),color(display-p3 .1 .96 .8) 44%,color(display-p3 .67 .56 1) 79%,color(display-p3 1 .53 .78))}}
@media(min-width:1500px){.lab,.stage{min-height:620px}.console{padding:28px}.console-heading{margin-bottom:34px}.output-field p{margin-bottom:27px}.slider-control{margin-bottom:31px}.lab{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1050px){.edition{display:none}.intro{padding-top:32px}h1{letter-spacing:-1.8px}.lab{grid-template-columns:minmax(0,1fr) 232px}.console{padding:20px 17px}.stage,.lab{min-height:520px}.scene-card{gap:12px;padding:18px 15px}.scene-number>span{display:none}.scene-copy strong{font-size:14px}.scene-icon{width:33px}footer>span:last-child{display:none}.canvas-hint{display:none}.scene-caption>strong{font-size:18px}}
@media(max-width:730px){.masthead{height:70px;padding:0 5%}.brand>span{font-size:18px;letter-spacing:2px}.brand svg{width:27px}.about-link{font-size:10px}main{padding:0 5%}.intro{padding:28px 0 24px;display:block}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(30px,6.8vw,48px);letter-spacing:-1.7px;margin:14px 0 12px}h1 em{letter-spacing:-1.5px}.intro p{font-size:12px}.display-status{margin-top:20px;display:inline-flex;max-width:none;padding:8px 11px}.display-status strong{font-size:8px}.display-status #status-description{font-size:8px;margin-top:3px}.lab{grid-template-columns:1fr}.stage{height:430px;min-height:430px}.stage-top{left:18px;top:18px;right:17px}.stage-bottom{left:18px;right:18px;font-size:7px}.scene-caption{left:18px;bottom:57px}.console{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:22px;padding:20px}.console-heading{grid-column:1/-1;margin-bottom:19px}.output-field{grid-row:2/4}.output-field p{font-size:9px;margin-bottom:12px}.slider-control{margin-bottom:20px}.motion-control{grid-column:1/-1}.switch-row{padding:15px 0;align-self:start}.sound-row{padding-bottom:15px}.ignite-button{grid-column:1/-1}.console-note{display:none}.scene-nav{gap:8px;margin-top:12px}.scene-card{display:block;padding:14px 10px;min-height:118px}.scene-icon{height:30px;width:34px;margin-bottom:9px}.scene-number{font-size:7px;margin-bottom:5px}.scene-copy strong{font-size:11px}.scene-arrow{position:absolute;top:14px;right:10px;font-size:15px}footer{padding:20px 5%;justify-content:center}footer>span{display:none}footer>div{gap:10px;font-size:7px}.console .slider-control label{font-size:11px}.console legend{font-size:11px}dialog{padding:28px 22px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}