:root{--bg: #05070c;--cyan: #7ef0ff;--mag: #e060ff;--amber: #ffc857;--ink: #c8d8e0;--dim: #6a7c88;--bezel: rgba(8, 14, 20, .78);--line: rgba(126, 240, 255, .28);--font-display: "Segoe UI", "Trebuchet MS", "Eurostile", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-mono)}#viewport{display:block;width:100%;height:100%;cursor:crosshair}#scanlines{pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply;opacity:.35}#vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #020308}#hud.flash-w~#vignette,#app:has(#hud.flash-w) #vignette{box-shadow:inset 0 0 140px 50px #e060ff59}#app:has(#hud.flash-v) #vignette{box-shadow:inset 0 0 140px 50px #ffc85747}#crosshair{position:fixed;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;pointer-events:none;border:1px solid rgba(126,240,255,.7);transform:rotate(45deg)}#crosshair span{position:absolute;inset:4px;border:1px solid rgba(224,96,255,.6)}.bezel{position:fixed;background:var(--bezel);border:1px solid var(--line);backdrop-filter:blur(6px);padding:10px 12px;pointer-events:auto;box-shadow:inset 0 0 0 1px #00000080,0 0 0 1px #7ef0ff14}.top-bezel{top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:baseline;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.left-bezel{top:58px;left:12px;width:220px}.right-bezel{top:58px;right:12px;width:230px;max-height:calc(100% - 210px);overflow:auto}.bottom-bezel{left:12px;right:12px;bottom:10px;padding-bottom:8px}.mark{font-family:var(--font-display);letter-spacing:.28em;font-size:13px;color:var(--cyan)}.mark em{font-style:normal;color:var(--mag);letter-spacing:.18em}.mark.big{font-size:28px}.stats{display:flex;gap:14px;font-size:11px;color:var(--dim)}.stats b{color:var(--cyan);font-weight:600}.engraved{font-size:10px;letter-spacing:.22em;color:var(--dim);margin-bottom:8px}.nums{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px;margin-bottom:8px}.nums span{color:var(--dim);margin-right:6px}.nums .w b,.bar-row.w span{color:var(--mag)}.nums .v b,.bar-row.v span{color:var(--amber)}.bars{display:flex;flex-direction:column;gap:4px}.bar-row{display:flex;align-items:center;gap:8px;font-size:11px}.bar-row span{width:12px}.track{flex:1;height:7px;background:#0a1016;border:1px solid rgba(126,240,255,.2)}.fill{height:100%;background:linear-gradient(90deg,#16323a,var(--cyan))}.bar-row.w .fill{background:linear-gradient(90deg,#2a1030,var(--mag))}.bar-row.v .fill{background:linear-gradient(90deg,#302010,var(--amber))}#star-plot{width:180px;height:180px;margin-top:8px;background:#070b10;border:1px solid rgba(126,240,255,.15)}.tiny{font-size:10px;color:var(--dim);line-height:1.4}.inspect{font-size:12px;line-height:1.45}.obj-name{color:var(--cyan);margin-bottom:4px}.sub{margin-top:8px;color:var(--amber);letter-spacing:.12em;font-size:10px}button{font-family:inherit;font-size:10px;letter-spacing:.08em;background:#0b1218;color:var(--cyan);border:1px solid rgba(126,240,255,.3);padding:6px 8px;cursor:pointer}button:hover{background:#102028;color:#fff}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.sliders label{font-size:10px;color:var(--dim);display:flex;align-items:center;gap:6px}input[type=range]{width:90px;accent-color:var(--cyan)}input[type=number]{width:80px;background:#070b10;color:var(--ink);border:1px solid var(--line);font-family:inherit;padding:4px}.chk{color:var(--ink)}.lab-note,.math-note{position:fixed;left:246px;right:256px;pointer-events:none;font-size:12px}.lab-note{top:58px;color:var(--cyan)}.math-note{top:86px;color:var(--dim);font-size:11px}.overlay-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:80vh;overflow:auto;background:#060a0ef0;border:1px solid var(--cyan);padding:18px;z-index:8}.overlay-card.grav{width:280px;display:flex;flex-direction:column;gap:8px}.hidden{display:none!important}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exp-btn{text-align:left;display:flex;flex-direction:column;gap:4px}.exp-title{color:var(--cyan)}.exp-blurb{color:var(--dim)}.entry{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#101820,#05070c 62%);z-index:9;text-align:center;letter-spacing:.08em}ul{padding-left:18px;font-size:12px;line-height:1.55}@media(max-width:720px){.left-bezel,.right-bezel{display:none}.lab-note,.math-note{left:12px;right:12px}}