:root{--bg: #07080c;--panel: rgba(10, 14, 22, .78);--stroke: rgba(158, 203, 255, .16);--text: #e8eefc;--muted: #8b97b3;--accent: #9ecbff;--gold: #e8c47a;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--hud-pad: 24px;--touch: 44px;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;min-height:100svh;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#galaxy{display:block;width:100%;height:100%;height:100dvh;cursor:grab;touch-action:none}#galaxy:active{cursor:grabbing}#labels{position:fixed;inset:0;pointer-events:none;z-index:3}.word-label{position:absolute;left:0;top:0;pointer-events:auto;border:0;background:#080c148c;color:#dce7ff;font:500 11px/1 IBM Plex Sans,sans-serif;letter-spacing:.04em;padding:6px 9px;min-height:28px;border-radius:999px;border:1px solid rgba(158,203,255,.2);white-space:nowrap;transform-origin:50% 100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.word-label.is-selected{background:#e8c47a2e;border-color:var(--gold);color:#fff6dc;font-weight:600}#hud{position:fixed;inset:0;pointer-events:none;z-index:4}.top-bar,.bottom-bar,#detail-panel,.search-wrap,#legend,#theme-rail,#cam-stack,.legend-wrap{pointer-events:auto}.top-bar{position:absolute;top:calc(var(--hud-pad) + var(--safe-t));left:calc(var(--hud-pad) + var(--safe-l));right:calc(var(--hud-pad) + var(--safe-r));display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.brand{max-width:460px}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}h1{margin:0;font-weight:500;font-size:28px;letter-spacing:.02em}.sub{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5;max-width:38ch}.search-wrap{position:relative;min-width:0;width:min(320px,88vw);margin-top:14px}#search-input{width:100%;background:var(--panel);border:1px solid var(--stroke);color:var(--text);border-radius:12px;padding:12px 14px;min-height:var(--touch);font-size:16px;outline:none;backdrop-filter:blur(16px)}#search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;overflow:hidden;backdrop-filter:blur(18px)}#search-results button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:12px 14px;min-height:var(--touch);cursor:pointer}#search-results button:hover{background:#9ecbff14}.stats{display:flex;gap:18px;margin-top:14px;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.stats strong{color:var(--text);font-weight:500}.bottom-bar{position:absolute;left:calc(var(--hud-pad) + var(--safe-l));right:calc(var(--hud-pad) + var(--safe-r));bottom:calc(18px + var(--safe-b));display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.legend-wrap{display:flex;flex-wrap:wrap;gap:6px;max-width:72vw;align-items:center}#legend{display:flex;flex-wrap:wrap;gap:6px}.legend-item{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--stroke);color:var(--text);border-radius:999px;padding:8px 12px;min-height:36px;font-size:11px;cursor:pointer;backdrop-filter:blur(12px);flex:0 0 auto;-webkit-tap-highlight-color:transparent}.legend-item em{color:var(--muted);font-style:normal}.legend-item.is-off{opacity:.32;filter:grayscale(.7)}.legend-item.is-active{border-color:var(--accent)}.swatch{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.hint{color:var(--muted);font-size:12px;line-height:1.5}#hover-word{position:absolute;top:calc(110px + var(--safe-t));left:calc(var(--hud-pad) + var(--safe-l));font-size:18px;letter-spacing:.04em;text-transform:lowercase}.panel-handle{display:none;width:42px;height:4px;border-radius:99px;background:#e8eefc47;margin:0 auto 12px}#detail-panel{position:absolute;top:calc(22px + var(--safe-t));right:calc(24px + var(--safe-r));width:min(360px,92vw);max-height:calc(100dvh - 48px - var(--safe-t) - var(--safe-b));overflow:auto;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:18px 18px 16px;transform:translate(120%);opacity:0;transition:transform .35s ease,opacity .35s ease;backdrop-filter:blur(22px);-webkit-overflow-scrolling:touch}#detail-panel.is-open{transform:none;opacity:1}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}#detail-word{margin:0;font-size:26px;font-weight:500;text-transform:lowercase}#detail-close{background:transparent;border:1px solid var(--stroke);color:var(--text);width:var(--touch);height:var(--touch);border-radius:50%;cursor:pointer;flex:0 0 auto}.badges{display:flex;gap:8px;margin:12px 0 16px;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#081018}.badge.mix{background:#9ecbff29;color:var(--accent)}.bar-row{display:grid;grid-template-columns:minmax(72px,92px) 1fr 48px;gap:8px;align-items:center;margin:7px 0;font-size:12px}.bar-label{color:var(--muted)}.bar-value{text-align:right;color:var(--text)}.bar-track{height:6px;background:#ffffff0f;border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px}#detail-meta,#follow-hint{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.5}#follow-hint{color:var(--gold)}#loader{position:fixed;inset:0;background:radial-gradient(circle at 50% 40%,#121826,#07080c 62%);z-index:10;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease}#loader.is-gone{opacity:0;visibility:hidden;pointer-events:none}.loader-card{width:min(420px,88vw);text-align:center}.loader-track{height:4px;background:#ffffff14;border-radius:99px;overflow:hidden;margin:18px 0 10px}#loader-bar{height:100%;width:8%;background:linear-gradient(90deg,#7aa2ff,#e8c47a)}#loader-bar.is-error{background:#ff7a7a}#theme-rail{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;max-width:420px}.theme-chip{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--stroke);color:var(--text);border-radius:999px;padding:8px 11px;min-height:36px;font-size:11px;cursor:pointer;backdrop-filter:blur(12px);flex:0 0 auto;-webkit-tap-highlight-color:transparent}.theme-chip.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}#cam-stack{position:absolute;top:calc(22px + var(--safe-t));right:calc(24px + var(--safe-r));display:flex;flex-direction:row;align-items:center;gap:8px;z-index:5}#detail-panel.is-open~#cam-stack{top:auto;bottom:calc(88px + var(--safe-b))}#cam-stack button{background:var(--panel);border:1px solid var(--stroke);color:var(--text);backdrop-filter:blur(16px);cursor:pointer;-webkit-tap-highlight-color:transparent}#cam-in,#cam-out{width:var(--touch);height:var(--touch);border-radius:12px;font-size:20px}#cam-home{border-radius:12px;padding:10px 12px;min-height:var(--touch);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.cam-short{display:none}.cluster-label{position:absolute;left:0;top:0;pointer-events:auto;background:var(--panel);border:1px solid var(--stroke);border-radius:999px;padding:6px 10px;min-height:28px;font:500 11px/1 IBM Plex Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){#hover-word{display:none!important}}@media(max-width:1100px){:root{--hud-pad: 16px}.brand{max-width:min(460px,calc(100vw - 168px))}}@media(max-width:900px){h1{font-size:22px}.sub,.hint{display:none}.search-wrap{width:min(320px,100%)}.legend-wrap,#legend{max-width:100%}#theme-rail{max-width:min(420px,calc(100vw - 2 * var(--hud-pad) - var(--safe-l) - var(--safe-r)));overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}#theme-rail::-webkit-scrollbar{display:none}.legend-wrap{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px}.legend-wrap::-webkit-scrollbar{display:none}#legend{flex-wrap:nowrap}}@media(max-width:720px){.top-bar{right:calc(var(--hud-pad) + var(--safe-r) + 132px)}.search-wrap{width:100%}#cam-stack{top:auto;right:calc(12px + var(--safe-r));bottom:calc(92px + var(--safe-b));flex-direction:column}#detail-panel.is-open~#cam-stack{bottom:calc(min(58dvh,480px) + 12px + var(--safe-b));right:calc(12px + var(--safe-r))}.cam-full{display:none}.cam-short{display:inline}#cam-home{min-width:var(--touch);padding:10px 8px}.panel-handle{display:block}#detail-panel{inset:auto 0 0;width:100%;max-height:min(58dvh,520px);border-radius:18px 18px 0 0;padding:10px 18px calc(16px + var(--safe-b));transform:translateY(110%)}#detail-panel.is-open{transform:none}#detail-word{font-size:22px}#hover-word{top:auto;bottom:calc(108px + var(--safe-b))}}@media(max-width:420px),(max-width:884px)and (max-height:380px){:root{--hud-pad: 10px}h1{font-size:18px}.eyebrow{font-size:10px}.stats{margin-top:8px;font-size:11px;gap:12px}.brand{max-width:100%}.top-bar{right:calc(var(--hud-pad) + var(--safe-r) + 56px)}#cam-stack{gap:6px}}@media(horizontal-viewport-segments:2),(vertical-viewport-segments:2){.top-bar{max-width:env(viewport-segment-width 0 0,50vw)}#detail-panel{left:auto;right:0;top:var(--safe-t);bottom:var(--safe-b);width:env(viewport-segment-width 1 0,48vw);max-height:none;border-radius:0;transform:translate(110%)}#detail-panel.is-open{transform:none}.panel-handle{display:none}}@media(max-height:480px)and (orientation:landscape){.sub,.stats,.hint{display:none}.top-bar{top:calc(8px + var(--safe-t))}#theme-rail{margin-top:8px}#detail-panel{max-height:86dvh}#cam-stack{bottom:calc(72px + var(--safe-b))}}html.is-phone .sub,html.is-tablet .sub,html.is-short .sub,html.is-short .hint,html.is-phone .hint,html.is-tablet .hint{display:none}html.is-phone h1,html.is-tablet h1{font-size:22px}html.is-compact h1{font-size:18px}html.is-phone .cam-full,html.is-compact .cam-full{display:none}html.is-phone .cam-short,html.is-compact .cam-short{display:inline}html:not(.is-phone):not(.is-compact) .cam-short{display:none}html.is-phone .search-wrap,html.is-compact .search-wrap{width:100%}html.is-phone #theme-rail,html.is-compact #theme-rail,html.is-phone .legend-wrap,html.is-compact .legend-wrap{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}html.is-phone #legend,html.is-compact #legend{flex-wrap:nowrap}html.is-phone .top-bar{right:calc(var(--hud-pad) + var(--safe-r) + 56px)}html.is-phone #cam-stack,html.is-compact #cam-stack{top:auto;right:calc(12px + var(--safe-r));bottom:calc(92px + var(--safe-b));flex-direction:column}html.is-phone #detail-panel,html.is-compact #detail-panel{inset:auto 0 0;width:100%;max-height:min(58dvh,520px);border-radius:18px 18px 0 0;padding:10px 18px calc(16px + var(--safe-b));transform:translateY(110%)}html.is-phone #detail-panel.is-open,html.is-compact #detail-panel.is-open{transform:none}html.is-phone .panel-handle,html.is-compact .panel-handle{display:block}html.is-phone #detail-panel.is-open~#cam-stack,html.is-compact #detail-panel.is-open~#cam-stack{bottom:calc(min(58dvh,480px) + 12px + var(--safe-b))}html.is-short .stats{display:none}