:root{font-family:Sora,IBM Plex Sans,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e8edf5;background-color:#0b0d16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#0b0d16}#root{min-height:100vh}.scene{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:3rem;color:#e8edf5}.webgl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 50%)}.overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hover-label{position:absolute;top:1.25rem;left:1.25rem;padding:.65rem .9rem;border-radius:12px;background:#0c0e16cc;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #00000059;color:#e8edf5;pointer-events:none}.hover-label__tag{display:inline-block;padding:.15rem .5rem;margin-bottom:.3rem;border-radius:999px;background:#779dff29;border:1px solid rgba(119,157,255,.3);color:#c8d6ff;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.hover-label__name{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.hover-label__meta{margin-top:.55rem;display:flex;flex-direction:column;gap:.35rem}.hover-label__meta .label{color:#8ca0bf;font-size:.82rem}.hover-label__meta .value{color:#e8edf5;font-weight:600;letter-spacing:.01em}.hover-label--top-left{left:1.25rem;right:auto}.search-panel{position:absolute;top:1.25rem;right:1.25rem;width:min(360px,100%);padding:.9rem 1rem;border-radius:14px;background:#090c16c7;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #0006;color:#e8edf5;z-index:2}.search-panel__label{display:block;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#9db7ff;margin-bottom:.45rem}.search-panel__form{display:flex;flex-direction:column;gap:.5rem}.search-panel__input{width:100%;padding:.65rem .75rem;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e8edf5;font-size:.95rem}.search-panel__input:focus{outline:2px solid rgba(134,168,255,.55);background:#ffffff0f}.search-panel__results{margin-top:.5rem;display:grid;gap:.35rem}.search-panel__result{width:100%;text-align:left;padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e8edf5;display:flex;justify-content:space-between;align-items:center;gap:.5rem;cursor:pointer;transition:background .12s ease,transform .12s ease,border-color .12s ease}.search-panel__result:hover{background:#6e99ff24;border-color:#6e99ff66;transform:translateY(-1px)}.search-panel__result-name{font-weight:600;font-size:.95rem}.search-panel__result-id{font-size:.8rem;color:#9fb1d7}.hud{position:relative;z-index:1;width:min(540px,100%);padding:1.75rem;border-radius:16px;background:#0f111ac7;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 70px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;margin-bottom:.75rem;border-radius:999px;border:1px solid rgba(102,153,255,.3);background:#3f68ff26;color:#c9d8ff;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}h1{margin:0 0 .35rem;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.01em}.lede{margin:0 0 1.25rem;color:#c2cad8;line-height:1.6}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem 1rem}.meta div{display:grid;gap:.2rem}.label{color:#8ca0bf;font-size:.9rem}.value{color:#e8edf5;font-weight:600;letter-spacing:.01em}.loading-bar{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);padding:.75rem 1rem;border-radius:999px;background:#080a12d9;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000059;min-width:240px;z-index:3}.loading-bar__track{position:relative;height:6px;width:100%;border-radius:999px;background:#ffffff14;overflow:hidden}.loading-bar__fill{position:absolute;inset:0;width:45%;background:linear-gradient(90deg,#7da0ff,#a0c8ff);border-radius:999px;animation:loading-slide 1.2s ease-in-out infinite}.loading-bar__text{margin-top:.45rem;font-size:.9rem;color:#dce6ff;text-align:center}.loading-bar--error{border-color:#ff717166;background:#1a0c0ce6;color:#ffdede}@keyframes loading-slide{0%{transform:translate(-120%)}50%{transform:translate(10%)}to{transform:translate(120%)}}@media(max-width:720px){.scene{padding:1.5rem}.search-panel{display:none}.hud{padding:1.25rem}}