:root{color-scheme:dark;--bg: #08090b;--ink: #f7f0de;--muted: rgba(247, 240, 222, .58);--rule: rgba(247, 240, 222, .16);--ember: #f2b35d;--cyan: #70d7ef;--mint: #b9dfca;font-family:SF Mono,IBM Plex Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink)}#app{position:fixed;inset:0}#showcase{display:block;width:100%;height:100%}.hud,.metrics,.constellation,.keys{position:absolute;z-index:2;pointer-events:none}.hud{top:18px;left:22px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;text-transform:uppercase;letter-spacing:.18em}.hud__brand,.infobox,.hud__readout,.metrics{padding:10px 12px;border:1px solid var(--rule);background:#08090b7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__brand{display:grid;gap:5px;min-width:250px}.hud__brand span,.infobox span{color:var(--ember);font-size:10px}.hud__brand strong,.infobox strong{font-size:12px;font-weight:600}.infobox{display:grid;gap:5px;width:min(460px,calc(100vw - 44px));text-transform:uppercase}.infobox p{margin:0;color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:.08em;text-transform:none}.hud__readout{display:grid;gap:6px;min-width:250px;text-align:right;font-size:11px}#scoreText{color:var(--cyan)}.rank-control{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:10px}.rank-control input{width:88px;min-width:0;border:1px solid var(--rule);background:#f7f0de0f;color:var(--ink);font:inherit;font-size:11px;letter-spacing:.08em;text-align:right;padding:4px 6px}.rank-control input:focus{border-color:var(--cyan);outline:none}.metrics{right:22px;bottom:58px;display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:1px;min-width:min(430px,calc(100vw - 44px))}.metrics div{display:grid;gap:6px;padding:2px 8px}.metrics span{color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.metrics b{color:var(--mint);font-size:14px;font-weight:500}.keys{left:22px;bottom:22px;max-width:calc(100vw - 260px);color:#f7f0de6b;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.constellation{right:22px;bottom:22px;z-index:6;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;pointer-events:auto}.constellation a{color:#f7f2df7a;text-decoration:none;background:#060a0d5c}.constellation a:hover,.constellation a.is-current{color:var(--ink)}@media(max-width:760px){.hud{left:12px;right:12px;flex-direction:column}.hud__brand,.infobox,.hud__readout{min-width:min(310px,calc(100vw - 24px));text-align:left}.rank-control{justify-content:flex-start}.metrics{left:12px;right:12px;bottom:74px;grid-template-columns:repeat(2,1fr);min-width:0}.constellation{right:12px;bottom:12px}.keys{left:12px;right:12px;bottom:34px;max-width:none;font-size:9px}}