:root{--color-build-gradient:linear-gradient(120deg, #302a18, #40351b);--color-build-border:#756237;--color-build-text:#f3e6bc;--color-setup-idle:var(--color-surface-2);--color-setup-idle-border:var(--color-border);--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-situation-fill:#fff;--color-situation-text:#0c1520;--color-situation-base-fill:#2a3648;--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-build-gradient:linear-gradient(120deg, #f0ead5, #e8dbb4);--color-build-border:#b7a571;--color-build-text:#57451c;--color-setup-idle:#fff;--color-setup-idle-border:#c9d2de;--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-situation-fill:#1a4a7a;--color-situation-text:#f0f5ff;--color-situation-base-fill:var(--color-surface-3);--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}.macro-cat-grid{grid-template-columns:repeat(3,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}}.plan-toolbar{--toolbar-blue:#8bb9eb;border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface-1);margin-bottom:12px}.plan-toolbar__row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.plan-toolbar__trigger{min-width:0;min-height:76px;color:var(--color-text-1);text-align:center;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 20px;display:flex;position:relative}.plan-toolbar__situation{background:linear-gradient(120deg, color-mix(in srgb, var(--color-success) 16%, var(--color-surface-1)), color-mix(in srgb, var(--color-success) 5%, var(--color-surface-1)));border-radius:var(--r-md) 0 0 var(--r-md)}.plan-toolbar__formation{background:linear-gradient(120deg, color-mix(in srgb, var(--toolbar-blue) 12%, var(--color-surface-1)), color-mix(in srgb, var(--toolbar-blue) 5%, var(--color-surface-1)));border-left:1px solid var(--color-border);border-radius:0 var(--r-md) var(--r-md) 0}.plan-toolbar[data-expanded=true] .plan-toolbar__row{border-bottom:1px solid var(--color-border)}.plan-toolbar[data-expanded=true] .plan-toolbar__trigger{border-bottom-right-radius:0;border-bottom-left-radius:0}.plan-toolbar__label{font:700 12px/1.3 var(--font-sans)}.plan-toolbar__situation .plan-toolbar__label{color:var(--color-success)}.plan-toolbar__formation .plan-toolbar__label{color:var(--toolbar-blue)}.plan-toolbar__value{font:800 15px/1.3 var(--font-sans);overflow-wrap:anywhere}.plan-toolbar__composition{font:600 12px/1.4 var(--font-sans);color:var(--color-text-2);display:block}.plan-toolbar__chevron{color:var(--color-text-2);margin-top:-8px;font-size:16px;transition:transform .32s;position:absolute;top:50%;right:7px}.plan-toolbar__trigger[aria-expanded=true] .plan-toolbar__chevron{transform:rotate(180deg)}.plan-toolbar__reveal{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);display:grid}.plan-toolbar__reveal[data-open=true]{grid-template-rows:1fr}.plan-toolbar__clip{min-height:0;overflow:hidden}.plan-toolbar__options{gap:6px;padding:10px;display:grid}.plan-toolbar__formations,.plan-toolbar__situations{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-toolbar__options button{border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface-2);min-width:0;min-height:44px;color:var(--color-text-1);text-align:center;font:700 13px/1.4 var(--font-sans);cursor:pointer;padding:8px}.plan-toolbar__options button[aria-pressed=true]{border-color:var(--toolbar-blue);background:color-mix(in srgb, var(--toolbar-blue) 12%, var(--color-surface-1))}.plan-toolbar__situations button[aria-pressed=true]{border-color:var(--color-success);background:var(--color-surface-success)}.plan-toolbar button:focus-visible{outline:2px solid var(--toolbar-blue);outline-offset:-3px}@media (width<=400px){.plan-toolbar__trigger{padding:7px 18px}.plan-toolbar__value{font-size:14px}}@media (prefers-reduced-motion:reduce){.plan-toolbar__reveal,.plan-toolbar__chevron{transition:none}}[data-theme=light] .plan-toolbar{--toolbar-blue:#315f8e}.plan-toolbar__choice-column{align-content:start;gap:6px;min-width:0;display:grid}.plan-toolbar__column-title{border-bottom:1px solid var(--color-border);text-align:center;font:700 12px/1.4 var(--font-sans);color:var(--color-text-1);padding-bottom:6px}.plan-toolbar__options button:disabled{opacity:.45;cursor:default}.plan-toolbar__distance-hint{text-align:center;font:400 12px/1.4 var(--font-sans);color:var(--color-text-2)}.playbook-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;padding:2px;display:grid;overflow-y:auto}.playbook-choice-grid button:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:-3px}@media (width>=560px){.playbook-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}