:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f6ff;background:#02030a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% -10%,#142852 0,transparent 32rem),radial-gradient(circle at 90% 45%,#2a1747 0,transparent 34rem),#02030a}.app{width:min(1360px,calc(100% - 48px));margin:0 auto;padding:24px 0 34px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:750;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#6547dd;color:#fff;font-size:23px;line-height:1}.top-actions{display:flex;align-items:center;gap:20px}.top-actions a,.live{color:#7782a5;text-decoration:none;font-size:11px}.live{display:flex;gap:7px;align-items:center;color:#81d9bc;letter-spacing:.12em;font-size:9px;font-weight:800}.live i{width:6px;height:6px;border-radius:50%;background:#6de2b2;box-shadow:0 0 12px #6de2b2}.intro{padding:73px 0 37px;max-width:660px}.eyebrow{color:#a186ff;letter-spacing:.22em;font-size:10px;font-weight:800}.intro h1{font-size:clamp(50px,8vw,100px);line-height:.9;letter-spacing:-.08em;margin:18px 0 23px}.intro h1 em{font-style:normal;color:#8e8bff}.intro p{font-size:16px;line-height:1.55;color:#99a3c1;max-width:555px}.stage-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.stage{height:min(680px,68vw);min-height:520px;position:relative;overflow:hidden;border-radius:24px;border:1px solid #1e2f55;background:radial-gradient(circle at 49% 52%,#0b1432 0,#060a18 38%,#02040c 100%);box-shadow:0 28px 80px #0008}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#4e9cff0b 52%,transparent 70%),radial-gradient(ellipse at center,#334eff0b,transparent 55%)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-hint{position:absolute;z-index:2;left:20px;top:19px;color:#68769e;letter-spacing:.14em;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.hud{position:absolute;z-index:2;right:20px;top:17px;display:flex;gap:20px;text-align:right}.hud div{display:flex;flex-direction:column;gap:4px}.hud span{color:#667297;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.hud strong{color:#b9c4e6;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.scene-label{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;pointer-events:none;text-shadow:0 1px 8px #000}.scene-label span{color:#9b81ff;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.scene-label strong{font-size:11px}.center-label{left:50%;top:50%;transform:translate(28px,17px)}.earth-label{left:55%;top:44%;display:none}.control-card{align-self:stretch;border:1px solid #25355a;border-radius:24px;background:#0a1021e8;backdrop-filter:blur(18px);padding:22px;box-shadow:0 22px 55px #0005}.control-head{display:flex;justify-content:space-between;align-items:center;color:#8d9abd;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.control-head button{border:0;background:#1b2a4b;color:#b7c2e5;width:29px;height:29px;border-radius:8px;cursor:pointer}.main-button{width:100%;margin:18px 0 20px;padding:15px;border:1px solid #6279e6;border-radius:11px;background:linear-gradient(120deg,#4a58bd,#7551cf);color:#fff;font:inherit;font-weight:750;cursor:pointer;box-shadow:0 12px 30px #536bd944}.main-button b{margin-right:8px}.range-label{display:flex;justify-content:space-between;color:#a9b2cf;font-size:12px;margin-bottom:12px}.range-label output{color:#8eabff;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.control-card input[type=range]{width:100%;accent-color:#7e8dff}.toggles{display:grid;gap:12px;margin-top:23px}.toggles label{display:flex;align-items:center;gap:9px;color:#8f9abb;font-size:12px;cursor:pointer}.toggles input{position:absolute;opacity:0}.toggles i{order:-1;width:30px;height:17px;border-radius:99px;background:#202c4a;position:relative;border:1px solid #344365}.toggles i:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#75809e;top:2px;left:2px;transition:.2s}.toggles input:checked+i{background:#4254ae;border-color:#6b7df0}.toggles input:checked+i:after{left:15px;background:#c1d4ff;box-shadow:0 0 8px #aecaff}.control-sep{height:1px;background:#213151;margin:24px 0}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 8px}.fact-grid div{display:flex;flex-direction:column;gap:5px}.fact-grid small{color:#6e7b9d;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.fact-grid strong{font-size:14px;color:#d7def3}.warning{border-left:2px solid #ff9e6d;color:#7783a5;font-size:10px;line-height:1.5;padding-left:10px;margin:24px 0 0}.warning i{font-style:normal;color:#ffb27c;font-weight:800;margin-right:4px}.readout{display:grid;grid-template-columns:1fr 280px;gap:30px;margin-top:15px;border:1px solid #202e4c;background:#0a1020c9;border-radius:21px;padding:22px 24px;align-items:center}.readout-main{display:flex;gap:15px}.pulse-dot{width:11px;height:11px;flex:none;border-radius:50%;background:#74dfff;box-shadow:0 0 0 6px #5bd4ff12,0 0 22px #67dfff;animation:pulse 1s infinite}.readout-kicker{color:#7483a9;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.readout h2{font-size:16px;margin:8px 0 5px}.readout p{color:#7f8cab;font-size:12px;line-height:1.45;margin:0;max-width:650px}.readout-metric{border-left:1px solid #263556;padding-left:25px;display:flex;flex-direction:column;gap:4px}.readout-metric span,.readout-metric small{color:#7482a4;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.readout-metric strong{font-size:22px;color:#b6c7ff}footer{color:#525e7f;font-size:10px;text-align:center;margin-top:22px}.loading{position:fixed;z-index:50;inset:0;background:#02030a;display:grid;place-content:center;justify-items:center;gap:17px;color:#68779f;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.loading-core{width:56px;height:56px;border-radius:50%;border:1px solid #78dfff;border-top-color:#a46dff;box-shadow:0 0 30px #64dfff99,inset 0 0 30px #775eff66;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 11px #5bd4ff04,0 0 30px #67dfff}}@media(max-width:880px){.app{width:calc(100% - 24px)}.stage-wrap{grid-template-columns:1fr}.stage{height:75vw;min-height:430px}.control-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.control-head,.main-button,.control-card>.range-label,.control-card>input[type=range],.toggles,.control-sep,.warning{grid-column:1/-1}.fact-grid{align-self:center}}@media(max-width:600px){.top-actions{gap:10px}.top-actions a:first-of-type{display:none}.intro{padding:55px 0 29px}.intro h1{font-size:56px}.stage{height:100vw;min-height:390px}.stage-hint{font-size:8px}.hud{gap:9px;right:12px}.readout{grid-template-columns:1fr}.readout-metric{border-left:0;border-top:1px solid #263556;padding:16px 0 0}.control-card{display:block}}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f6ff;background:#02030a;font-synthesis:none}
 .gpu-badge{position:absolute;z-index:3;left:20px;bottom:18px;padding:7px 9px;border:1px solid #314870;border-radius:8px;background:#09152ae8;color:#78a5d8;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.gpu-badge.ready{color:#87f5cc;border-color:#2b715d}.gpu-badge.fallback{color:#91adff}