:root{color-scheme:dark;font-family:D-DIN,DIN Alternate,Arial Narrow,Arial,Verdana,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#000;color:#f0f0fa;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--space-black: #000000;--spectral-white: #f0f0fa;--ghost-surface: rgba(240, 240, 250, .1);--ghost-surface-strong: rgba(240, 240, 250, .16);--ghost-border: rgba(240, 240, 250, .35);--ghost-border-soft: rgba(240, 240, 250, .2);--muted-white: rgba(240, 240, 250, .68)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}button{font:inherit}canvas{display:block;width:100vw;height:100vh}.hud{pointer-events:none;position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 30%)}.topbar{position:absolute;top:22px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow,.panel-kicker{margin:0 0 9px;color:var(--spectral-white);font-size:10px;font-weight:700;letter-spacing:1px;line-height:.94;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,5vw,82px);line-height:.88;font-weight:900;letter-spacing:.96px;text-transform:uppercase;text-shadow:none}.toolbar,.panel,.body-list{pointer-events:auto;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0}.toolbar button,.body-list button,.body-tag{min-height:36px;border:1px solid var(--ghost-border);border-radius:32px;background:var(--ghost-surface);color:var(--spectral-white);cursor:pointer;text-transform:uppercase;transition:border-color .16s ease,background .16s ease,color .16s ease}.toolbar button{min-width:92px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:1.17px;line-height:.94}.toolbar button:hover,.body-list button:hover,.body-tag:hover{border-color:#ffffffb8;background:var(--ghost-surface-strong);color:#fff}.toolbar button[aria-pressed=true],.body-list button.active{color:#fff;border-color:#ffffffdb;background:#f0f0fa33}.panel{position:absolute;left:30px;bottom:28px;width:min(380px,calc(100vw - 60px));padding:0}.panel h2{margin:0 0 18px;color:var(--spectral-white);font-size:28px;line-height:1;font-weight:800;letter-spacing:.96px;text-transform:uppercase}.panel h2 span{color:var(--muted-white);font-size:14px;font-weight:400;letter-spacing:1px}.panel dl{display:grid;gap:9px;margin:0}.panel div{display:grid;grid-template-columns:86px 1fr;gap:16px}.panel dt{color:var(--muted-white);font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.1;text-transform:uppercase}.panel dd{margin:0;color:var(--spectral-white);font-size:12px;letter-spacing:.4px;line-height:1.45;text-transform:uppercase}.speed-control{display:grid;gap:8px;margin-top:18px;color:var(--spectral-white);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.speed-control input{width:100%;accent-color:var(--spectral-white)}.body-list{position:absolute;right:30px;bottom:28px;display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:10px;width:min(372px,calc(100vw - 60px));padding:0}.body-list button{display:grid;align-content:center;gap:4px;min-height:48px;padding:7px 14px;text-align:left}.body-list span{font-size:12px;font-weight:700;letter-spacing:1.17px;line-height:1;text-transform:uppercase}.body-list small{color:var(--muted-white);font-size:10px;letter-spacing:.8px;line-height:1}.body-tag{display:grid;min-width:74px;padding:8px 14px;text-align:center;box-shadow:none}.body-tag strong{color:var(--spectral-white);font-size:12px;letter-spacing:1px;text-transform:uppercase}.body-tag span{color:var(--muted-white);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.surface-caption{position:absolute;right:30px;bottom:28px;max-width:min(430px,calc(100vw - 60px));margin:0;color:var(--spectral-white);font-size:12px;letter-spacing:1px;line-height:1.6;text-align:right;text-transform:uppercase;text-shadow:none}@media(max-width:760px){.topbar{top:14px;left:14px;right:14px;flex-direction:column}.toolbar{width:100%;justify-content:stretch}.toolbar button{flex:1 1 72px;min-width:0;padding:0 10px}.panel{left:14px;bottom:14px;width:calc(100vw - 28px)}.body-list{display:none}}
