html,body,#root{color:#dbe4ff;background:#050816;height:100%;margin:0;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;overflow:hidden}*{box-sizing:border-box}button{font-family:inherit}a{color:#9db4ff}.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}.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{letter-spacing:.12em;text-shadow:0 0 18px #7896ff8c;margin:0;font-size:26px}.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%;width:24px;height:24px;font-size:13px;line-height:1}.about-button:hover{background:#3c4b82b3}.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-clusters button:hover{background:#5a6eb440}.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;width:min(340px,92vw);padding:22px;transition:transform .35s;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;transform:translate(calc(100% + 24px))}.detail-panel.open{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}.panel-close:hover{color:#fff}.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;padding:9px 14px;font-size:13px;position:fixed;bottom:16px;left:16px}.inventory-toggle:hover{background:#283464e6}.inventory-panel{z-index:20;width:min(380px,100vw - 32px);max-height:52vh;padding:16px;position:fixed;bottom:64px;left:16px;overflow-y:auto}.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}.inventory-panel li button:hover{background:#5a6eb440}.pair-arrow{color:#7f8bb0}.pair-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pair-weight{color:#93a1c8;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);background:#03050f9e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.about-card{width:min(600px,94vw);max-height:86vh;padding:26px;font-size:13px;line-height:1.8;position:relative;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{letter-spacing:.18em;color:#eef2ff;text-shadow:0 0 24px #82a0ffe6,0 0 60px #5a78ff80;margin:0;font-size:clamp(38px,8vw,72px);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}}