:root{--bg:#fafaf9;--bg-soft:#f4f4f2;--bg-sunk:#efefec;--ink:#18181b;--ink-2:#3f3f46;--ink-3:#71717a;--ink-4:#a1a1aa;--hairline:#18181b14;--hairline-2:#18181b24;--hover:#18181b0a;--accent:#5b5bd6;--accent-soft:#5b5bd61a;--accent-ink:#4845b5;--win-dot:var(--ink);--loss-dot:transparent;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow:none;--font-display:"Inter Tight", "InterTight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px}[data-theme=dark]{--bg:#0b0b0e;--bg-soft:#131317;--bg-sunk:#18181d;--ink:#ececee;--ink-2:#c5c5cb;--ink-3:#8e8e96;--ink-4:#5c5c66;--hairline:#ececee14;--hairline-2:#ececee24;--hover:#ececee0d;--accent:#8b85ff;--accent-soft:#8b85ff24;--accent-ink:#b6b0ff}[data-density=compact]{--pad:14px;--gap:14px}[data-density=regular]{--pad:20px;--gap:20px}[data-density=spacious]{--pad:28px;--gap:28px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-size:14px;line-height:1.5;transition:background-color .25s,color .25s}::selection{background:var(--accent-soft);color:var(--ink)}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.display{font-family:var(--font-display);letter-spacing:-.02em}.hair{border:1px solid var(--hairline)}.hair-t{border-top:1px solid var(--hairline)}.hair-b{border-bottom:1px solid var(--hairline)}.eyebrow{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:500}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.win{background:var(--ink)}.dot.loss{box-shadow:inset 0 0 0 1.2px var(--ink-3);background:0 0}.dot.accent{background:var(--accent)}.shell{max-width:1200px;margin:0 auto;padding:0 32px}@media (width<=720px){.shell{padding:0 16px}.composer-grid>*,.category-grid>*,.squad-intro-grid>*{grid-column:1/-1!important}.composer-grid,.category-grid{gap:14px!important}.hero-h1{line-height:1.1!important}.hero-facts{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;padding-top:20px!important}}@media (hover:none){.composer-controls{opacity:1!important;pointer-events:auto!important}.composer-add-row>div{opacity:1!important}}@media (width<=720px){.header-row{grid-template-columns:auto 1fr!important;grid-template-areas:"identity actions""modes modes"!important;row-gap:8px!important}.header-row>:first-child{grid-area:identity}.header-row>:nth-child(2){grid-area:modes;justify-self:stretch}.header-row>:nth-child(3){grid-area:actions}.header-actions .header-kbd{display:none!important}}@media (width<=560px){.header-actions>button:not(.header-add-btn),.header-add-btn span:first-child{display:none!important}.header-add-btn{padding:6px 8px!important}.header-add-btn:before{content:"+";color:var(--ink-2);margin-right:2px;font-size:16px;line-height:1}}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(6px)}.reveal.in{opacity:1;transform:none}.t-xs{font-size:11.5px}.t-sm{font-size:12.5px}.t-md{font-size:14px}.t-lg{font-size:16px}svg{display:block;overflow:visible}