:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee5ce;--brass:#d7b666;--bone:#e9dec4;--red:#8f3529;--black:#050504;background:#050504;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:#050504}.machine{background:radial-gradient(circle at 50% 42%,#9a77342e,#0000 34%),linear-gradient(145deg,#10100d,#030303 55%,#17140d);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.rack-label{z-index:4;text-align:center;letter-spacing:.17em;text-transform:uppercase;background:linear-gradient(#231e14eb,#090806eb);border:1px solid #ddb75c8c;border-radius:999px;min-width:min(620px,100vw - 28px);padding:9px 16px 8px;position:absolute;top:18px;right:24px;transform:none;box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 50px #0000008c}.plate{color:var(--brass);font-size:clamp(13px,1.35vw,18px);font-weight:900;display:block}.subplate{color:#c8b68c;letter-spacing:.1em;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(9px,.75vw,11px);display:block}.wheel{width:100vw;height:100vh;min-height:720px;display:block}.left-ledger rect:first-child,.right-register rect:first-child{fill:#0a0907e6;stroke:#d5b5679e;stroke-width:2px}.left-ledger text,.right-register text{fill:#d8c38d;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.left-ledger rect:not(:first-child){fill:#d7b6661f;stroke:#d7b66659}.tape-text{letter-spacing:.06em!important;fill:#eadcaf!important;font-size:20px!important}.tiny{letter-spacing:.06em!important;fill:#9f916b!important;font-size:14px!important}.needle{fill:none;stroke:#a5372d;stroke-width:5px;stroke-linecap:round}.outer-disc{fill:#0c0b08f5;stroke:url(#brass);stroke-width:12px}.knurl-ring{fill:none;stroke:url(#knurl);stroke-width:28px;opacity:.75}.halo{fill:none;stroke:#d7b6661a;stroke-width:12px}.equator{fill:#82632a14;stroke:#e7c7706b;stroke-width:3px}.inner-ring{fill:#0003;stroke:#e7c77080;stroke-width:2px}.ticks line{stroke:#e3c16b73;stroke-width:1.4px}.ticks line.major{stroke:#efd591e0;stroke-width:3px}.sigil{fill:#89352947;stroke:#eccc7bcc;stroke-width:2px;stroke-linejoin:round}.sigil-hot{fill:none;stroke:#aa402cc7;stroke-width:8px;opacity:.28;stroke-linejoin:round}.gate-teeth path{fill:#15110a;stroke:#d7b666;stroke-width:2px}.gate-teeth text{fill:#eadfb8;text-anchor:middle;font-family:ui-monospace,monospace;font-size:18px}.orbit>circle{fill:none;stroke:#ddb75c38;stroke-width:2px;stroke-dasharray:5 12}.orbit>line{stroke:#ddb75c33;stroke-width:1.4px}.orbit g circle:first-child{stroke:#090806;stroke-width:5px}.orbit g text{text-anchor:middle;fill:#080704;pointer-events:none;font-size:30px;font-weight:900}.body-aura{fill:none;stroke:#e9d6aa5c;stroke-width:2px}.orbit g.selected .body-aura{stroke:#fff;stroke-width:4px}.hub{fill:#0a0907;stroke:url(#brass);stroke-width:8px}.hub-mark{text-anchor:middle;fill:#d7b666;font-size:72px;font-weight:900}.hub-read{text-anchor:middle;fill:#c6b07d;letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:15px}.register-big{font-weight:900;fill:#efe2bb!important;letter-spacing:-.04em!important;font-size:76px!important}.readline{letter-spacing:.07em!important;fill:#d8c38d!important;font-size:18px!important}.meter{fill:none;stroke:#d7b6666b;stroke-width:8px;stroke-linecap:round}.meter-dot{fill:#a83c30;stroke:#efd99a;stroke-width:3px}.controls{z-index:6;background:linear-gradient(#2f2718f0,#080705f2);border:1px solid #d9b5648c;border-radius:28px;grid-template-columns:repeat(4,minmax(130px,1fr)) repeat(2,minmax(120px,.65fr));gap:10px;width:min(1180px,100vw - 24px);min-height:112px;padding:13px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 60px #000000ad}.dial,.key{color:#eadfb8;text-transform:uppercase;letter-spacing:.08em;background:radial-gradient(circle at 50% 12%,#e6c26a24,#0000 52%),#12100b;border:1px solid #d7b66661;border-radius:18px;align-items:center;min-height:82px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:grid}.dial span{color:#c1a76b}.dial output{color:#f1dfaa;font-size:15px;font-weight:900}input[type=range]{accent-color:#d7b666;width:100%;min-height:44px}.key{appearance:none;cursor:pointer;min-height:82px;font-size:12px;font-weight:900}.key:hover,.key:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #efd27f}.key:active{transform:translateY(1px)}.mode-infernal .sigil{fill:#8f35296b}.mode-lunar .sigil{fill:#cbcab833}@media (width<=700px){.machine{align-items:start;min-height:100svh;padding-top:64px}.rack-label{letter-spacing:.09em;min-width:0;padding:8px 10px;top:10px;left:9px;right:9px}.subplate{display:none}.wheel{transform-origin:50% 38%;width:100vw;height:62vh;min-height:410px;margin-top:24px;transform:scale(1.72)}.controls{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 18px);min-height:auto;margin:0 auto 12px;position:relative;bottom:auto;left:auto;transform:none}.dial,.key{min-height:76px;padding:9px;font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}