:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bone:#f3f0e7;--fog:#a5b6bd;--cyan:#51f3ff;--violet:#b58cff;--rose:#ff5db4;--gold:#ffbf62;--glass:#04080fb8;--line:#d5eaf329;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--bone);background:#02040a;margin:0;overflow:hidden}#container,#container canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}body:before,body:after{z-index:2;content:"";pointer-events:none;position:fixed}body:before{background:linear-gradient(90deg,#010308cc 0%,#0000 31% 72%,#01020775),linear-gradient(#01020847,#0000 24% 70%,#010206d1 100%),radial-gradient(circle at 52% 35%,#0000 0 38%,#00000042 76% 100%);inset:0}body:after{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");inset:0}.titleBlock,.telemetry,.sceneControls,.sceneFooter{z-index:4;position:fixed}.titleBlock{pointer-events:none;width:min(480px,100vw - 44px);top:clamp(26px,5vw,70px);left:clamp(22px,5.2vw,76px)}.edition{color:var(--cyan);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:20px;font-size:10px;font-weight:760;display:flex}.edition span{width:28px;height:28px;color:var(--bone);letter-spacing:0;border:1px solid #51f3ff6b;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid;box-shadow:0 0 24px #51f3ff24}.titleBlock h1{letter-spacing:-.06em;text-shadow:0 16px 45px #000000ad;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(49px,6.5vw,98px);font-weight:400;line-height:.78}.titleBlock h1 em{color:#0000;-webkit-text-stroke:1px #f3f0e7c7;margin-left:.38em;font-weight:400}.titleBlock p{color:#d9e5e6ad;letter-spacing:.025em;width:min(420px,90%);margin:27px 0 0 .3em;font-size:12px;line-height:1.75}.telemetry{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);background:linear-gradient(145deg,#080d17c4,#03060ca8);border-radius:15px;width:234px;top:clamp(28px,4vw,58px);right:clamp(20px,4.2vw,64px);overflow:hidden;box-shadow:0 24px 80px #00000057}.telemetryHeader{border-bottom:1px solid var(--line);color:var(--fog);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 15px;font-size:9px;font-weight:720;display:flex}.telemetryHeader i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px var(--cyan);border-radius:50%;animation:2.1s ease-in-out infinite breathe}.telemetry dl{grid-template-columns:1fr 1fr;margin:0;display:grid}.telemetry dl div{padding:12px 15px}.telemetry dl div:nth-child(odd){border-right:1px solid var(--line)}.telemetry dl div:nth-child(-n+2){border-bottom:1px solid var(--line)}.telemetry dt,.qualityReadout span,.controlHeading span{color:var(--fog);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:720}.telemetry dd{margin:5px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.sceneControls{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:linear-gradient(145deg,#0a0f1ad1,#03060cbd);border-radius:18px;width:min(368px,100vw - 40px);bottom:clamp(76px,8vw,112px);right:clamp(20px,4.2vw,64px);overflow:hidden;box-shadow:0 34px 100px #00000070}.sceneControls fieldset{border:0;min-width:0;margin:0;padding:17px}.sceneControls fieldset:disabled{opacity:.5}.controlHeading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.controlHeading strong{color:var(--cyan);margin-top:4px;font-size:11px;font-weight:620;display:block}button{color:var(--bone);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #daeff524;border-radius:11px;transition:border-color .16s,background .16s,transform .16s}button:hover{background:#51f3ff17;border-color:#51f3ff7a}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#viewButton{padding:8px 10px;font-size:10px;font-weight:650}.buttonGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.buttonGrid button{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;min-height:51px;padding:9px 11px;font-size:10px;font-weight:650;display:grid;position:relative}.buttonGrid small{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;grid-column:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:600}.statusDot{background:#56636d;border-radius:50%;grid-row:1/span 2;width:7px;height:7px}button[aria-pressed=true] .statusDot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.qualityReadout{border-top:1px solid var(--line);justify-content:space-between;margin-top:14px;padding-top:13px;display:flex}.qualityReadout strong{color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:620}.sceneFooter{color:#cad8db80;letter-spacing:.04em;justify-content:space-between;align-items:flex-end;gap:20px;font-size:9px;display:flex;bottom:21px;left:clamp(22px,5.2vw,76px);right:clamp(20px,4.2vw,64px)}.keyHints{flex-wrap:wrap;gap:15px;display:flex}kbd{color:#f3f0e7d1;margin-right:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.sceneFooter p{text-align:right;margin:0}.sceneFooter a{color:#b8ecf2b8;text-decoration:none}.loadingPanel,.errorPanel{z-index:10;text-align:center;background:radial-gradient(circle at 50% 42%,#1718388a,#0000 35%),#02040a;place-content:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}.loadingPanel.isHidden{visibility:hidden;opacity:0}.sigil{width:76px;height:76px;margin:0 auto 23px;position:relative}.sigil span{border:1px solid #51f3ff75;animation:3.4s linear infinite orbit;position:absolute;inset:0;transform:rotate(45deg)}.sigil span:nth-child(2){border-color:#ff5db49e;animation-duration:2.3s;animation-direction:reverse;inset:13px}.sigil span:nth-child(3){border-color:#ffbf62c7;animation-duration:1.7s;inset:27px}.loadingPanel p,.errorPanel>span{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:9px;font-weight:720}.loadingPanel h2,.errorPanel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,48px);font-weight:400}.loadingPanel small,.errorPanel p{max-width:520px;color:var(--fog);margin:15px auto 0;font-size:10px;display:block}.progressTrack{background:#ffffff17;width:min(380px,70vw);height:2px;margin:25px auto 0;overflow:hidden}.progressTrack span{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--rose));width:8%;height:100%;box-shadow:0 0 16px var(--cyan);transition:width .24s;display:block}.errorPanel[hidden]{display:none}.errorPanel a{border:1px solid var(--line);width:max-content;color:var(--bone);border-radius:10px;margin:24px auto 0;padding:10px 14px;text-decoration:none}@keyframes orbit{to{transform:rotate(405deg)}}@keyframes breathe{50%{opacity:.38;transform:scale(.72)}}@media (max-width:760px){.titleBlock p,.telemetry,.sceneFooter p{display:none}.titleBlock h1{font-size:clamp(42px,14vw,72px)}.sceneControls{bottom:62px}.sceneFooter{bottom:18px;left:20px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}