:root{--color-bg:#07080f;--color-surface-1:#0a0f18;--color-surface-2:#0d1622;--color-surface-3:#111927;--color-surface-danger:#140708;--color-surface-success:#071408;--color-border-subtle:#182030;--color-border:#243548;--color-border-active:#b8880c;--color-text-1:#eaf2fa;--color-text-2:#b0c8dc;--color-text-3:#7a9ab4;--color-gold:#b8880c;--color-gold-bright:#d4a020;--color-gold-dim:#9a7828;--color-gold-surface:#191408;--color-gold-border:#5a4010;--color-run:#c07040;--color-pass:#3a80e0;--color-hybrid:#7858a0;--color-pressure:#bb5050;--color-success:#5a9870;--color-danger:#b05050;--color-bg-fade:#07080fd9;--color-hero-bg:var(--color-bg);--color-hero-bg-fade:#07080fd9;--nav-bg-color:#07080ff2;--color-cta-bg:linear-gradient(135deg, #b8880c, #d4a020, #b8880c);--color-cta-text:#07080f;--font-mono:"IBM Plex Mono", "SF Mono", monospace;--font-sans:"IBM Plex Sans", "SF Pro Text", system-ui, sans-serif;--nav-h:56px;--nav-total:calc(56px + env(safe-area-inset-bottom));--r-sm:6px;--r-md:8px;--r-lg:12px}[data-theme=light]{--color-bg:#edf1f8;--color-surface-1:#e3eaf5;--color-surface-2:#d8e2ef;--color-surface-3:#cfd9e8;--color-surface-danger:#f5e8e8;--color-surface-success:#e8f2ea;--color-border-subtle:#c4cedd;--color-border:#aabace;--color-border-active:#a89050;--color-text-1:#0c1520;--color-text-2:#253040;--color-text-3:#475868;--color-gold:#6a5014;--color-gold-bright:#a87e28;--color-gold-dim:#705414;--color-gold-surface:#e8e0cc;--color-gold-border:#a89050;--color-bg-fade:#edf1f8d9;--color-run:#904820;--color-pass:#1a5abf;--color-hybrid:#5034a0;--color-pressure:#8a2828;--color-success:#2a7040;--color-danger:#903030;--color-cta-bg:#1a1a1a;--color-cta-text:#f0f5ff;--color-hero-bg:var(--color-bg);--color-hero-bg-fade:#edf1f8d9;--nav-bg-color:#cdd5e1fa}[data-theme=light] .xo-hero:before{color:#78601826}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,border-color .2s}html,body{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:var(--color-text-1);margin:0;padding:0;font-size:16px;overflow:hidden}#root{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding-bottom:var(--nav-total);overflow:hidden auto}#root::-webkit-scrollbar{display:none}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}button{touch-action:manipulation;-webkit-appearance:none}input,textarea{-webkit-appearance:none;border-radius:0}button,label{-webkit-user-select:none;user-select:none}@keyframes screenEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:.22s forwards screenEnter}.xo-hero{background:var(--color-hero-bg);border-bottom:2px solid var(--color-gold);position:relative;overflow:hidden}.xo-hero:before{content:"X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X";white-space:pre;color:#b8880c59;letter-spacing:4px;pointer-events:none;font-size:12px;font-weight:700;line-height:28px;font-family:var(--font-mono);padding:6px 10px;position:absolute;inset:0;overflow:hidden}.xo-fades{pointer-events:none;background:linear-gradient(to right, var(--color-hero-bg) 0%, var(--color-hero-bg-fade) 35%, transparent 55%), linear-gradient(to left, var(--color-hero-bg) 0%, transparent 20%), linear-gradient(to bottom, var(--color-hero-bg) 0%, transparent 30%), linear-gradient(to top, var(--color-hero-bg) 0%, transparent 40%);position:absolute;inset:0}.xo-hero--footer{height:80px;border-bottom:none!important}.xo-hero--footer:before{opacity:.45}.xo-fades--footer{background:linear-gradient(to right, var(--color-bg) 0%, transparent 20%), linear-gradient(to left, var(--color-bg) 0%, transparent 20%), linear-gradient(to bottom, var(--color-bg) 0%, transparent 15%), linear-gradient(to top, var(--color-bg) 0%, transparent 20%)}.trait-card-grid{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}@media (width>=768px){.trait-card-grid{grid-template-columns:repeat(7,1fr)}.trait-card-grid>*{grid-column:span 1!important}}