:root{--page-bg: #000000;--surface: #0b1023;--surface-muted: #121736;--text: #f4f6ff;--text-dim: #9da2c9;--accent: #4ef1ff;--accent-strong: #ff9a62;--success: #6fffc8;--danger: #ff6f91;font-size:16px}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;font-family:Space Grotesk,Segoe UI,Tahoma,sans-serif;color:var(--text);background-color:var(--page-bg)}#root{height:100%;min-height:100vh}button,input,select{font:inherit}::selection{background:#4ef1ff66}.app-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;padding:0;background:#010106}.app-shell--immersive{display:block}.immersive-stage{position:relative;width:100%;height:100%}.immersive-stage__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--page-bg)}.constellation-canvas{width:100%;height:100%;min-height:0;cursor:grab;display:block;touch-action:none}.constellation-canvas:active{cursor:grabbing}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;pointer-events:none;text-shadow:0 15px 40px rgba(0,0,0,.6)}.hero-overlay__content{max-width:clamp(280px,36vw,520px);text-align:right;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;row-gap:.35rem;pointer-events:auto}.hero-overlay__content h1{margin:.2rem 0 0;font-size:clamp(1.25rem,4vw,2.8rem);line-height:1.05;color:#e7e9ff;font-family:Russo One,Stalinist One,Space Grotesk,Segoe UI,Tahoma,sans-serif}.hero-overlay__title{display:inline-block;padding:0;border-radius:0;background:transparent;border:none}.hero-overlay__title img{display:block;width:clamp(200px,28vw,360px);height:auto}.hero-overlay__content .eyebrow{color:#e7e9ffd9}.hero-overlay__credit{margin-top:.7rem;padding:.2rem .35rem .2rem 1rem;border-radius:999px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#ffd84d;background:#050814bf;border:1px solid #ffd84d;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:border-color .2s ease,color .2s ease,transform .2s ease}.hero-overlay__credit:hover{border-color:#ffed9e;color:#ffed9e;transform:translateY(-1px)}.hero-overlay__credit-label{letter-spacing:inherit}.hero-overlay__credit-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px #00000073;margin-right:-.3rem}.hero-overlay__credit-avatar img{width:100%;height:100%;object-fit:cover;display:block}.camera-controls{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1.5rem,4vw,3rem);z-index:4;display:inline-flex;gap:.35rem;padding:.5rem;border-radius:999px;background:#050814d9;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .2s ease,transform .2s ease}.camera-controls button{border:none;width:42px;height:42px;border-radius:50%;background:#ffffff14;color:var(--text);font-size:1rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.camera-controls button:hover{background:#fff3;transform:translateY(-1px)}.camera-controls--hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.hero-overlay--hidden{opacity:0;transition:opacity .2s ease}.hero-overlay:not(.hero-overlay--hidden){opacity:1;transition:opacity .35s ease}.trait-dock,.category-dock{position:absolute;left:clamp(.75rem,2vw,1.75rem);z-index:4;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.trait-dock{top:clamp(.75rem,3vw,2.5rem);width:auto}.category-dock{top:calc(clamp(.75rem,3vw,2.5rem) + 5rem);bottom:auto;width:clamp(120px,14vw,190px)}.ui-panel--hidden{opacity:0;pointer-events:none;transform:translate(-8px,8px)}.reset-anchor{position:absolute;left:clamp(.85rem,2vw,1.75rem);bottom:clamp(.6rem,3vw,2.25rem);z-index:4;border:1px solid rgba(231,233,255,.35);border-radius:999px;padding:.35rem 1rem;background:#e7e9ff14;color:#e5e8ff;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.reset-anchor:hover{background:#e7e9ff38;border-color:#e7e9ff99;color:#fff;transform:translateY(-1px)}.trait-dock .trait-menu{pointer-events:auto}.trait-menu{display:inline-flex;gap:.5rem;padding:.6rem;border-radius:999px;background:#050814d9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.trait-menu .chip{width:auto}.category-dock .category-rail{pointer-events:auto}.category-rail{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem;width:100%;height:auto;max-height:calc(100vh - clamp(.75rem,3vw,2.5rem) - 6rem);border-radius:1.25rem;background:#050814d9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.category-rail__section-heading{margin:0 .15rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.category-rail__list{display:flex;flex-direction:column;gap:.3rem;flex:1;overflow-y:auto;padding-right:.2rem}.category-rail__list::-webkit-scrollbar{width:4px}.category-rail__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.hud-card h3{margin:.2rem 0}.hud-actions{display:flex;flex-direction:column;gap:.2rem;color:var(--accent);font-size:.85rem}.chip{border:none;padding:.35rem .65rem;border-radius:999px;background:#ffffff14;color:var(--text);cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;gap:.3rem;width:100%;justify-content:space-between;font-size:.8rem}.chip--category{border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--text);transition:background .2s ease,color .2s ease,border-color .2s ease}.chip--trait{justify-content:flex-start;padding:.55rem .9rem}.chip__leading-icon{width:32px;height:32px;border-radius:999px;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.chip__leading-icon svg{width:16px;height:16px;display:block}.chip__leading-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.chip__stack{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;line-height:1.1}.chip-hint{font-size:.7rem;color:var(--text-dim)}.chip:not(.chip--category).active{background:var(--accent);color:#05060f;font-weight:600}.chip:not(.chip--category).active .chip__leading-icon{background:#0506122e;color:#05060f}.chip:not(.chip--category).active .chip-hint{color:#05060fa6}.chip:not(.chip--category).active .chip-count{color:#05060f;opacity:.85}.chip--favorites{border:1px solid rgba(255,216,77,.4);color:#ffd84d}.chip--favorites .chip__leading-icon{background:#ffd84d2e;color:inherit}.chip--favorites .chip-hint{color:#ffffff8c}.chip--favorites.active{background:#ffd84d;border-color:#ffd84d;color:#05060f}.chip--favorites.active .chip__leading-icon{background:#05061238;color:#05060f}.chip--favorites.active .chip-hint{color:#05060f99}.chip--favorites:disabled{opacity:.35;pointer-events:none;border-color:#fff3;color:#ffffff73}.chip--category.chip.active{font-weight:600;color:inherit}.chip--category.chip.active .chip-count{color:inherit}.chip-count{font-size:.78rem;color:var(--text-dim)}.detail-drawer{position:absolute;top:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,2.5rem);bottom:clamp(1rem,4vw,2.5rem);width:clamp(260px,24vw,360px);background:#080b19f2;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);padding:1.5rem;overflow-y:auto;opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s ease,transform .25s ease;box-shadow:0 30px 80px #0506128c;z-index:5;scrollbar-width:thin;scrollbar-color:rgba(78,241,255,.7) rgba(255,255,255,.05)}.detail-drawer::-webkit-scrollbar{width:8px}.detail-drawer::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.detail-drawer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ef1ffcc,#66f2a2cc);border-radius:999px;border:1px solid rgba(5,6,18,.6)}.drawer-content{display:flex;flex-direction:column;gap:1.25rem}.detail-drawer.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(1.5rem)}.detail-drawer.is-active{opacity:1;visibility:visible;transform:translate(0)}.detail-drawer .summary{color:var(--text-dim)}.jojo-panel{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:1.25rem;background:#080d20eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #05061259;margin-bottom:1.25rem}.jojo-avatar{width:96px;flex-shrink:0}.jojo-avatar img{width:100%;height:auto;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 30%,#4ef1ff66,#050612e6);animation:jojoFloat 6s ease-in-out infinite}.jojo-bubble{width:100%;background:#ffffff08;border-radius:1rem;padding:.85rem 1rem;border:1px solid #ffd84d;box-shadow:0 0 18px #ffd84d33;animation:jojoFade .35s ease}.jojo-bubble p{margin:.35rem 0;font-size:.9rem;color:var(--text)}.jojo-dialogue{display:flex;flex-direction:column;gap:.45rem}.jojo-title{margin:0 0 .35rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.jojo-link{border:none;background:none;color:var(--accent-strong);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.jojo-link:hover{color:var(--accent)}@keyframes jojoFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes jojoFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.badge-row{display:flex;flex-wrap:wrap;gap:.4rem}.badge{padding:.35rem .8rem;border-radius:999px;background:#ffffff14;font-size:.85rem;border:1px solid rgba(255,255,255,.12);color:var(--text)}.badge--link{background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease}.badge--link:hover{background:#ffffff1f;transform:translateY(-1px)}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.link-grid a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.link-grid a:hover{border-bottom-color:var(--accent)}.icon-link-row{display:flex;flex-wrap:wrap;gap:.75rem}.icon-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:var(--text);background:#ffffff0a;transition:transform .2s ease,border-color .2s ease}.icon-link:hover{transform:translateY(-1px);border-color:var(--accent)}.icon-link img{width:20px;height:20px;object-fit:contain;display:block}.incentive-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.incentive-list li{padding:.8rem 1rem;border-radius:1rem;background:#ffffff0d}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--accent);margin:0}.muted{color:var(--text-dim);margin-top:.25rem}.ghost{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text);border-radius:.75rem;padding:.4rem .9rem;cursor:pointer}.detail-drawer header{display:flex;justify-content:space-between;align-items:center}.detail-heading{display:flex;flex-direction:column;gap:.25rem}.detail-title{display:flex;align-items:center;gap:.65rem}.detail-title img{width:48px;height:48px;border-radius:.9rem;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;box-shadow:0 10px 25px #05061266}.detail-title__heading{display:flex;align-items:center;gap:.35rem}.favorite-toggle{border:1px solid rgba(255,255,255,.18);background:#ffffff0a;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.favorite-toggle svg{width:18px;height:18px}.favorite-toggle:hover{border-color:#ffd84d;color:#ffd84d;transform:translateY(-1px)}.favorite-toggle.is-active{background:#ffd84d;border-color:#ffd84d;color:#05060f;box-shadow:0 0 18px #ffd84d73}.incentive-bell{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,93,119,.6);background:#ff5d7726;color:#ff5d77;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 16px #ff5d7766}.incentive-bell svg{width:16px;height:16px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020308eb;color:var(--text);display:none;align-items:center;justify-content:center;text-align:center;padding:2rem;z-index:10}@media (max-width: 1100px){body{height:auto;overflow-y:auto}#root,.app-shell{height:auto;min-height:100vh;overflow:visible}.trait-dock,.category-dock{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;margin:.75rem 0}.category-dock{margin-bottom:0}.category-rail{width:100%;max-width:none;height:auto}.reset-anchor{position:fixed;left:1.25rem;bottom:1.25rem}.hero-overlay{padding:2rem 1.5rem;align-items:flex-start}.hero-overlay__content{max-width:100%}.camera-controls{position:fixed;right:1.5rem;bottom:1.5rem}.detail-drawer{position:static;width:100%;max-width:none;margin:1rem 0;box-shadow:none}.detail-drawer.is-hidden{display:none}}@media (max-width: 780px){.mobile-overlay{display:flex}}@media (max-width: 640px){.category-rail{border-radius:1.25rem}.hero-overlay h1{font-size:clamp(1.5rem,10vw,2.6rem)}}