:root{color-scheme:dark;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;background:#151819;color:#f0ede5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}@supports (height: 100dvh){html,body,#app{height:100dvh}}body{overscroll-behavior:none;background:#151819}button{font:inherit}button:focus-visible,canvas:focus-visible{outline:1px solid var(--accent, #ff624c);outline-offset:4px}.app-shell{--accent: #ff624c;--accent-secondary: #5577ff;position:relative;width:100%;height:100%;min-height:0;isolation:isolate;background:#151819}.render-surface,#vault-canvas{position:absolute;inset:0;width:100%;height:100%}#vault-canvas{display:block;touch-action:none;cursor:grab}#vault-canvas:active{cursor:grabbing}.hud{position:absolute;inset:0;z-index:3;pointer-events:none}.hud:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e1112c2,#0e111257 25%,#0e111200 43%),linear-gradient(270deg,#0e111242,#0e111200 18%)}.topline{position:absolute;inset:max(24px,env(safe-area-inset-top)) 30px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.brand-lockup{display:grid;grid-template-columns:44px auto auto;align-items:start;gap:13px;width:max-content;color:#efede6;transition:opacity .32s ease}.brand-glyph{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 65%,#ffffff 15%);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em}.brand-name{font-size:14px;font-weight:670;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase}.brand-meta{padding-left:14px;border-left:1px solid rgba(239,237,230,.22);color:#efede67a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;line-height:1.55;letter-spacing:.09em;text-transform:uppercase}.archive-status{display:flex;align-items:center;gap:9px;justify-self:center;margin-top:5px;color:#efede68c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.icon-button{pointer-events:auto;justify-self:end;display:flex;align-items:center;gap:11px;min-height:40px;padding:0 13px;border:1px solid rgba(239,237,230,.18);border-radius:0;color:#efede69e;background:#0f121352;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.icon-button:hover{color:#fff;border-color:#efede66b}.sound-icon{display:flex;align-items:end;gap:2px;width:14px;height:13px}.sound-icon i{display:block;width:2px;background:var(--accent);animation:sound-pulse 1.2s ease-in-out infinite alternate}.sound-icon i:nth-child(1){height:5px}.sound-icon i:nth-child(2){height:11px;animation-delay:-.4s}.sound-icon i:nth-child(3){height:8px;animation-delay:-.8s}.sound-toggle[aria-pressed=true] .sound-icon i{height:2px;animation:none;background:#efede66b}@keyframes sound-pulse{to{transform:scaleY(.45)}}.profile-panel{position:absolute;top:50%;left:clamp(28px,4.2vw,76px);width:clamp(272px,24vw,360px);transform:translateY(-51%);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.profile-kicker{display:flex;align-items:baseline;gap:12px;color:#efede694;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.profile-index{color:var(--accent);font-size:12px;font-weight:700}.accent-rule{width:100%;height:1px;margin:15px 0 18px;background:#efede62e}.accent-rule span{display:block;width:22%;height:100%;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 36%,transparent)}.profile-panel h1{margin:0;max-width:9ch;color:#f2efe7;font-size:clamp(40px,4.3vw,70px);font-weight:560;line-height:.88;letter-spacing:-.07em;text-wrap:balance}.profile-archetype{margin:14px 0 0;color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.profile-era{display:grid;grid-template-columns:86px 1fr;gap:14px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(239,237,230,.14)}.profile-era span,.specimen-meta dt{color:#efede661;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.profile-era strong{color:#efede6c7;font-size:10px;font-weight:520;line-height:1.45;letter-spacing:.03em}.treatment{margin:14px 0 0 100px;color:#efede67a;font-size:10px;line-height:1.4}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 0;padding:0;border-top:1px solid rgba(239,237,230,.15);border-bottom:1px solid rgba(239,237,230,.15)}.stat-grid div{padding:12px 5px 11px 0;border-right:1px solid rgba(239,237,230,.12)}.stat-grid div:not(:first-child){padding-left:10px}.stat-grid div:last-child{border-right:0}.stat-grid dt{color:#efede65e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:7px;letter-spacing:.1em}.stat-grid dd{margin:5px 0 0;color:#f2efe7;font-size:clamp(12px,1.2vw,16px);font-weight:570;letter-spacing:-.02em}.specimen-meta{display:grid;gap:7px;margin:16px 0 0}.specimen-meta div{display:grid;grid-template-columns:86px 1fr;gap:14px}.specimen-meta dd{margin:0;color:#efede6ad;font-size:9px;letter-spacing:.04em}.action-rail{position:absolute;top:50%;right:30px;display:grid;gap:1px;width:110px;transform:translateY(-50%);pointer-events:auto}.action-rail button{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:8px;min-height:42px;padding:0 9px;border:0;color:#efede691;background:#0d10117a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:left;transition:color .16s ease,background .16s ease}.action-rail button:hover,.action-rail button[aria-pressed=true]{color:#fff;background:#1b1f20bd}.action-rail button span{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(239,237,230,.22);color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px}.action-rail button strong{font-size:8px;font-weight:520;letter-spacing:.075em;text-transform:uppercase}.interaction-copy{position:absolute;right:31px;bottom:116px;display:grid;gap:4px;color:#efede64d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:7px;letter-spacing:.08em;text-align:right;text-transform:uppercase}.card-selector{position:absolute;right:30px;bottom:max(22px,env(safe-area-inset-bottom));left:30px;display:grid;grid-template-columns:150px 1fr;min-height:72px;border:1px solid rgba(239,237,230,.14);background:#0f1213ad;-webkit-backdrop-filter:blur(16px) saturate(110%);backdrop-filter:blur(16px) saturate(110%);pointer-events:auto;transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.selector-label{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 20px;border-right:1px solid rgba(239,237,230,.12);color:#efede661;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.selector-label strong{color:#efede6b8;font-size:9px;font-weight:520}.selector-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.selector-item{position:relative;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;min-width:0;padding:0 12px;border:0;border-right:1px solid rgba(239,237,230,.1);color:#efede66b;background:transparent;cursor:pointer;text-align:left;transition:color .18s ease,background .18s ease}.selector-item:last-child{border-right:0}.selector-item:hover,.selector-item.is-active{color:#f3f0e8;background:#ffffff09}.selector-item:disabled{cursor:wait}.selector-item i{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .26s ease}.selector-item.is-active i{transform:scaleX(1)}.selector-number{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;font-weight:700}.selector-copy{display:grid;gap:4px;min-width:0}.selector-copy strong,.selector-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-copy strong{font-size:9px;font-weight:570;letter-spacing:.015em}.selector-copy small{color:#efede652;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:6px;letter-spacing:.09em;text-transform:uppercase}.collector-notes{position:absolute;top:92px;right:30px;bottom:112px;z-index:4;width:min(380px,calc(100vw - 60px));padding:24px;border:1px solid rgba(239,237,230,.18);color:#e9e6df;background:#121516eb;-webkit-backdrop-filter:blur(24px) saturate(110%);backdrop-filter:blur(24px) saturate(110%);pointer-events:none;opacity:0;transform:translate(22px);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1);overflow:auto}.notes-open .collector-notes{pointer-events:auto;opacity:1;transform:translate(0)}.notes-topline{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(239,237,230,.14);color:#efede666;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.notes-topline button{padding:0;border:0;color:var(--accent);background:transparent;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}.notes-index{margin:28px 0 0;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.collector-notes h2{margin:10px 0 22px;font-size:34px;font-weight:520;line-height:.95;letter-spacing:-.045em}.notes-body{margin:0;color:#efede6ab;font-size:13px;line-height:1.65}.collector-notes dl{display:grid;gap:18px;margin:30px 0 0}.collector-notes dl div{padding-top:15px;border-top:1px solid rgba(239,237,230,.12)}.collector-notes dt{color:#efede65c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.collector-notes dd{margin:8px 0 0;color:#efede6a3;font-size:11px;line-height:1.55}.is-inspecting .profile-panel,.is-inspecting .brand-lockup,.is-inspecting .card-selector,.is-inspecting .interaction-copy{opacity:.08;pointer-events:none}.is-inspecting .hud:before{opacity:.24}.is-inspecting .profile-panel{transform:translate(-12px,-51%)}.is-inspecting .card-selector{transform:translateY(12px)}.loading-screen{position:absolute;inset:0;z-index:12;display:grid;place-content:center;justify-items:center;color:#e7e4dc;background:#171a1b;transition:opacity .62s ease,visibility .62s ease}.loading-screen.is-complete{visibility:hidden;opacity:0}.loading-screen p{margin:22px 0 15px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.loading-mark{display:flex;align-items:end;gap:5px;height:38px}.loading-mark span{width:3px;height:22px;background:var(--accent);animation:loading-mark 1.1s ease-in-out infinite alternate}.loading-mark span:nth-child(2){height:36px;animation-delay:-.35s}.loading-mark span:nth-child(3){height:28px;animation-delay:-.7s}@keyframes loading-mark{to{transform:scaleY(.36);opacity:.4}}.loading-line{width:156px;height:1px;overflow:hidden;background:#ffffff1f}.loading-line span{display:block;width:55%;height:100%;background:var(--accent);animation:loading-line 1.2s ease-in-out infinite}@keyframes loading-line{0%{transform:translate(-110%)}to{transform:translate(240%)}}.has-error .loading-mark,.has-error .loading-line{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.profile-panel{left:28px;width:285px}.profile-panel h1{font-size:48px}.brand-meta,.interaction-copy,.selector-label{display:none}.card-selector{grid-template-columns:1fr}.selector-item{padding-inline:9px}.selector-copy strong{font-size:8px}}@media(max-width:700px),(max-width:980px)and (max-height:520px){.topline{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));bottom:auto;left:max(16px,env(safe-area-inset-left));grid-template-columns:1fr auto}.archive-status{display:none}.brand-lockup{grid-template-columns:38px auto}.brand-glyph{width:38px;height:38px}.brand-name{font-size:12px}.sound-toggle{min-height:38px;padding-inline:10px}.sound-toggle [data-sound-label]{display:none}.profile-panel{top:88px;right:max(16px,env(safe-area-inset-right));left:max(16px,env(safe-area-inset-left));width:auto;transform:none}.profile-panel h1{max-width:none;font-size:clamp(30px,9vw,40px);line-height:.92;white-space:nowrap}.accent-rule{margin:10px 0 12px}.profile-archetype{margin-top:9px;font-size:9px}.profile-era,.treatment,.stat-grid,.specimen-meta{display:none}.action-rail{top:auto;right:max(16px,env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));grid-template-columns:repeat(4,1fr);gap:1px;width:auto;transform:none}.action-rail button{grid-template-columns:20px 1fr;min-height:42px;padding-inline:7px}.action-rail button strong{font-size:7px}.card-selector{right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));min-height:64px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.card-selector::-webkit-scrollbar{display:none}.selector-track{grid-template-columns:repeat(6,116px)}.selector-item{grid-template-columns:22px 1fr;padding-inline:10px;scroll-snap-align:start}.collector-notes{top:72px;right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));width:auto}.is-inspecting .profile-panel{transform:translateY(-8px)}}@media(max-width:700px)and (max-height:700px),(max-width:980px)and (max-height:520px){.profile-panel{top:74px}.accent-rule{margin:7px 0 9px}.profile-panel h1{font-size:clamp(27px,8.5vw,34px)}.profile-archetype{display:none}}@media(max-height:680px)and (min-width:701px){.profile-era,.treatment,.specimen-meta{display:none}.profile-panel h1{font-size:45px}.stat-grid{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}