@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Space Grotesk Variable", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-body:"Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}html,body,#root{height:100%;font-family:var(--font-body);color:#dbe4ff;background:#030409;margin:0;overflow:hidden}*{box-sizing:border-box}button{font-family:inherit}a{color:#9db4ff}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #9db4ffcc}.about-button,.inventory-toggle,.panel-close,.legend-clusters button,.inventory-panel li button{transition:transform .16s var(--ease-out-strong), background-color .15s ease, color .15s ease}.about-button:active,.inventory-toggle:active,.panel-close:active,.legend-clusters button:active,.inventory-panel li button:active{transform:scale(.96)}.galaxy-wrap{position:fixed;inset:0}.tooltip,.detail-panel,.inventory-panel,.about-card{-webkit-backdrop-filter:blur(10px);background:#090d20db;border:1px solid #96aaff38;border-radius:12px;box-shadow:inset 0 1px #ffffff12,0 8px 32px #00000059}.tooltip{z-index:30;pointer-events:none;max-width:280px;padding:10px 12px;font-size:12px;position:fixed}.tooltip-name{margin-bottom:4px;font-weight:700}.tooltip-desc{color:#aab6dd;line-height:1.5}.tooltip-hint{color:#8b97bd;margin-top:6px;font-size:10px}.hud-header{z-index:20;-webkit-user-select:none;user-select:none;max-width:min(320px,80vw);position:fixed;top:18px;left:20px}.hud-title-row{align-items:center;gap:10px;display:flex}.hud-header h1{font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 0 18px #7896ff8c;margin:0;font-size:26px;font-weight:600}.hud-subtitle{color:#93a1c8;margin:4px 0 10px;font-size:12px}.about-button{color:#b9c6f2;cursor:pointer;background:#141c3c99;border:1px solid #96aaff66;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.about-button:hover{background:#3c4b82b3}.legend-clusters button:hover,.inventory-panel li button:hover{background:#5a6eb440}.inventory-toggle:hover{background:#283464e6}.panel-close:hover{color:#fff}}.legend{font-size:12px}.legend-shapes{color:#93a1c8;gap:14px;margin-bottom:6px;display:flex}.legend-clusters{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.legend-clusters button{color:#c9d4f5;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:3px 6px;font-size:12px;display:flex}.legend-color{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px}.legend-count{color:#7f8bb0;font-size:11px}.detail-panel{z-index:25;visibility:hidden;width:min(340px,92vw);transition:transform .26s var(--ease-out-strong), visibility 0s .26s;padding:22px;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;transform:translate(calc(100% + 24px))}.detail-panel.open{visibility:visible;transition:transform .42s var(--ease-drawer), visibility 0s;transform:translate(0)}.panel-close{color:#8b97bd;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.detail-head h2{margin:8px 0 6px;font-size:22px}.type-chip{color:#aab6dd;border:1px solid #96aaff59;border-radius:999px;padding:2px 8px;font-size:11px}.detail-cluster{color:#93a1c8;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.detail-description{color:#c9d4f5;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.8}.inventory-toggle{z-index:20;color:#c9d4f5;cursor:pointer;background:#0e142dd9;border:1px solid #96aaff59;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;display:inline-flex;position:fixed;bottom:16px;left:16px}.inventory-panel{z-index:20;transform-origin:0 100%;opacity:0;visibility:hidden;width:min(380px,100vw - 32px);max-height:52vh;transition:opacity .14s ease, transform .14s var(--ease-out-strong), visibility 0s .14s;padding:16px;position:fixed;bottom:64px;left:16px;overflow-y:auto;transform:translateY(8px)scale(.98)}.inventory-panel.open{opacity:1;visibility:visible;transition:opacity .2s ease, transform .2s var(--ease-out-strong), visibility 0s;transform:none}.inventory-panel h3{margin:0 0 4px;font-size:14px}.inventory-note{color:#8b97bd;margin:0 0 10px;font-size:11px}.inventory-empty{color:#8b97bd;font-size:12px}.inventory-panel ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.inventory-panel li button{color:#c9d4f5;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;display:flex}.pair-arrow{color:#7f8bb0}.pair-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pair-weight{color:#93a1c8;font-family:var(--font-display);font-variant-numeric:tabular-nums}.merge-badge{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b8c;border-radius:999px;padding:2px 6px;font-size:10px}.about-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#03050f9e;justify-content:center;align-items:center;padding:16px;transition:opacity .18s,visibility 0s .18s;display:flex;position:fixed;inset:0}.about-overlay.open{opacity:1;visibility:visible;transition:opacity .24s,visibility}.about-card{filter:blur(4px);transition:transform .18s var(--ease-out-strong), filter .18s ease;position:relative;transform:scale(.97)}.about-overlay.open .about-card{filter:none;transition:transform .28s var(--ease-out-strong), filter .28s ease;transform:none}.about-card{width:min(600px,94vw);max-height:86vh;padding:26px;font-size:13px;line-height:1.8;overflow-y:auto}.about-card h2{margin:0 0 10px;font-size:20px}.about-card h3{margin:16px 0 8px;font-size:14px}.pipeline{flex-wrap:wrap;align-items:center;gap:4px;margin:12px 0;display:flex}.pipeline-step{align-items:center;gap:4px;display:inline-flex}.pipeline-box{white-space:nowrap;background:#1e285080;border:1px solid #96aaff4d;border-radius:8px;padding:4px 9px;font-size:11px}.pipeline-arrow{color:#7f8bb0}.about-meta{color:#93a1c8;font-size:12px}.tech-chips{flex-wrap:wrap;gap:6px;display:flex}.tech-chip{background:#1e285080;border:1px solid #96aaff4d;border-radius:999px;padding:3px 10px;font-size:11px}.about-author{color:#93a1c8;margin-top:16px;font-size:12px}.intro-overlay{z-index:50;pointer-events:none;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.1s;display:flex;position:fixed;inset:0}.intro-overlay.fading{opacity:0}.intro-title{font-family:var(--font-display);letter-spacing:.16em;color:#eef2ff;text-shadow:0 0 24px #82a0ffe6,0 0 60px #5a78ff80;margin:0;font-size:clamp(38px,8vw,72px);font-weight:500;animation:1.6s both intro-fade-in}.intro-subtitle{letter-spacing:.3em;color:#93a1c8;margin:10px 0 0;font-size:clamp(12px,2.4vw,16px);animation:1.6s .5s both intro-fade-in}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hud-header,.inventory-toggle,.hud-footer{transition:opacity .9s}.intro-pending .hud-header,.intro-pending .inventory-toggle,.intro-pending .hud-footer{opacity:0;pointer-events:none}.hud-footer{z-index:20;color:#8b97bd;-webkit-user-select:none;user-select:none;font-size:11px;position:fixed;bottom:12px;right:16px}.hud-footer a{color:#9db4ff}@media (width<=767px){.detail-panel{border-radius:16px 16px 0 0;width:100vw;max-height:58vh;inset:auto 0 0;transform:translateY(105%)}.detail-panel.open{transform:translateY(0)}.hud-header h1{font-size:20px}.inventory-panel{max-height:44vh}}@media (prefers-reduced-motion:reduce){.detail-panel,.inventory-panel,.about-card{filter:none!important;transform:none!important}.detail-panel{opacity:0;transition:opacity .18s,visibility 0s .18s}.detail-panel.open{opacity:1;transition:opacity .18s,visibility}}@media (prefers-reduced-transparency:reduce){.tooltip,.detail-panel,.inventory-panel,.about-card{-webkit-backdrop-filter:none;background:#090d20fa}.about-overlay{-webkit-backdrop-filter:none}}