:root{--bg-top:#171a1f;--bg-bottom:#0f1217;--surface:#21242b;--surface-elevated:#292b36;--glass-fill:#1a1f2ee0;--border:#ffffff14;--border-strong:#ffffff24;--text-primary:#fffffff5;--text-secondary:#ffffffb8;--text-muted:#ffffff8a;--text-disabled:#ffffff75;--accent:#7396fa;--accent-muted:#8ca6ff;--accent-soft:#7394fa24;--accent-gradient:linear-gradient(135deg, #6685f0 0%, #7a9eff 100%);--success:#61c294;--warning:#f2b861;--player:#7396fa;--opponent:#d17a8a;--grid-cyan:#00ffff40;--grid-pink:#ff69b438;--radius-sm:12px;--radius-md:14px;--radius-lg:18px;--font-display:"SF Pro Display", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--font-body:"SF Pro Text", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--space-page:clamp(1.25rem, 4vw, 2.5rem);--header-h:3.75rem;--content:52rem;--content-wide:68rem;--focus:0 0 0 2px var(--bg-bottom), 0 0 0 4px var(--accent)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-bottom);background-image:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}#root{min-height:100vh}:focus-visible{box-shadow:var(--focus);outline:none}img,svg{max-width:100%;display:block}a{color:var(--accent-muted);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;scroll-margin-top:calc(var(--header-h) + .75rem);margin:0 0 .65em;font-weight:600;line-height:1.15}h1{font-size:clamp(1.85rem,5vw,2.75rem)}h2{font-size:clamp(1.25rem,3vw,1.55rem)}h3{font-size:1.05rem}p{color:var(--text-secondary);max-width:42rem;margin:0 0 1rem}p:last-child{margin-bottom:0}ul,ol{color:var(--text-secondary);margin:0 0 1rem;padding-left:1.15rem}li+li{margin-top:.4rem}strong{color:var(--text-primary);font-weight:650}.skip-link{z-index:80;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-primary);padding:.55rem .85rem;position:absolute;top:.75rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.site{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.site:before{content:"";pointer-events:none;z-index:-1;opacity:.4;background-image:repeating-conic-gradient(from 90deg,#2430448c 0deg 90deg,#0f121733 90deg 180deg);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 12%,#000 16%,#0000 72%);mask-image:radial-gradient(at 50% 12%,#000 16%,#0000 72%)}.site-header{z-index:40;padding:.7rem 0 .35rem;position:sticky;top:0}.header-inner,.footer-inner,.page{width:min(100% - var(--space-page) * 2, var(--content-wide));margin-inline:auto}.header-inner{height:var(--header-h);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass-fill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;padding-inline:.85rem;display:flex}.brand{color:inherit;align-items:center;gap:.7rem;min-width:0;text-decoration:none;display:flex}.brand:hover{color:inherit}.brand-mark{flex:none;width:2.15rem;height:2.15rem}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--accent-muted);font-size:1.2rem;font-weight:700;line-height:1}.brand-tag{color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:.28rem;font-size:.68rem;display:none;overflow:hidden}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.15rem;display:flex}.nav-link{min-height:2.5rem;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:10px;align-items:center;padding:.35rem .7rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--accent-soft)}.nav-link[aria-current=page]{color:var(--accent-muted)}.nav-link[aria-current=page]:after{content:"";background:var(--accent);border-radius:99px;height:2px;position:absolute;bottom:.28rem;left:.7rem;right:.7rem}.site-main{flex:1;padding:1.75rem 0 3.5rem}.page{width:min(100% - var(--space-page) * 2, var(--content))}.page-wide{width:min(100% - var(--space-page) * 2, var(--content-wide))}.kicker{color:var(--accent-muted);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:50%;width:.42rem;height:.42rem}.lede{max-width:40rem;font-size:1.08rem}.page-header{margin-bottom:1.75rem}.match-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-bottom:1.25rem;padding:.85rem 1rem 1rem}.match-meta{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem}.match-score{justify-content:center;align-items:center;gap:1rem;display:flex}.match-name{font-family:var(--font-display);font-size:.95rem;font-weight:700}.match-name.p1{color:var(--warning)}.match-name.p2{color:var(--accent-muted)}.match-vs{color:var(--text-primary);font-family:var(--font-display);align-items:center;gap:.45rem;font-size:1.35rem;font-weight:700;display:inline-flex}.match-dash{color:var(--text-muted);font-size:1rem}.stat-panel{border-radius:var(--radius-md);border:1px solid var(--border);min-height:3.15rem;color:var(--text-muted);text-align:center;background:#181c24;justify-content:center;align-items:center;margin-bottom:.85rem;padding:.7rem 1rem;font-size:.92rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-pad{padding:1.15rem 1.2rem 1.25rem}.panel+.panel,.stack>*+*{margin-top:1rem}.section-title{margin-bottom:.85rem}.section-block{margin-top:1.75rem}.fact-grid,.mode-grid,.rule-grid{gap:.85rem;display:grid}.fact-card,.mode-card,.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.05rem 1.1rem 1.15rem}.fact-card h3,.mode-card h3,.rule-card h3{margin-bottom:.4rem}.fact-card p,.mode-card p,.rule-card p{margin:0;font-size:.95rem}.fact-index,.rule-index{color:var(--accent-muted);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-size:.68rem;font-weight:700;display:inline-block}.chip-row{flex-wrap:wrap;gap:.45rem;margin:.85rem 0 0;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;align-items:center;gap:.4rem;padding:.22rem .55rem;display:inline-flex}.chip-dot{border-radius:50%;width:.45rem;height:.45rem}.chip-dot.player{background:var(--warning)}.chip-dot.opponent{background:var(--accent)}.accordion{flex-direction:column;gap:.65rem;display:flex}.accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.accordion-trigger{width:100%;color:var(--text-primary);font:inherit;font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.05rem;font-size:1rem;font-weight:650;display:flex}.accordion-trigger:hover{background:var(--accent-soft)}.accordion-icon{border-right:2px solid var(--accent-muted);border-bottom:2px solid var(--accent-muted);flex:none;width:.7rem;height:.7rem;transition:transform .14s;transform:rotate(45deg)}.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(-135deg)}.accordion-panel{padding:0 1.05rem 1.05rem}.accordion-panel p,.accordion-panel ul{margin-bottom:.65rem}.accordion-panel p:last-child,.accordion-panel ul:last-child{margin-bottom:0}.cta-row{flex-wrap:wrap;gap:.7rem;margin-top:1.1rem;display:flex}.btn{border-radius:var(--radius-lg);min-height:3rem;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.6rem 1.35rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background-image:var(--accent-gradient);box-shadow:0 8px 22px #7394fa47}.btn-primary:hover{color:#fff;filter:brightness(1.06)}.btn-ghost{color:var(--text-primary);background:var(--surface);border-color:var(--border-strong)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface-elevated)}.contact-panel{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);gap:1rem;padding:1.25rem;display:grid}.contact-panel p{margin-bottom:0}.pitch-wrap{padding:1.1rem}.pitch-caption{color:var(--text-muted);margin:.85rem 0 0;font-size:.85rem}.pitch-svg{border-radius:var(--radius-md);background:#121820;width:100%;height:auto}.legal h2{margin-top:1.6rem}.legal h2:first-child{margin-top:0}.meta-line{color:var(--text-muted);margin:0 0 1.2rem;font-size:.88rem}.site-footer{margin-top:auto;padding-bottom:1.25rem}.footer-inner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:.85rem;padding:1.15rem 1.1rem 1.25rem;display:grid}.footer-brand{font-family:var(--font-display);color:var(--accent-muted);font-size:1rem;font-weight:700}.footer-tag{color:var(--text-muted);margin:.25rem 0 0;font-size:.86rem}.footer-nav{flex-wrap:wrap;gap:.75rem 1.1rem;display:flex}.footer-nav a,.footer-mail{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.footer-nav a:hover,.footer-mail:hover{color:var(--text-primary)}.not-found{text-align:left;padding:2rem 0 1rem}@media (width>=640px){.brand-tag{display:block}.fact-grid,.rule-grid{grid-template-columns:repeat(3,1fr)}.contact-panel{grid-template-columns:1fr auto;align-items:center}}@media (width>=900px){.mode-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr auto;align-items:end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=420px){.nav-link{letter-spacing:.08em;padding-inline:.5rem}.brand-name{font-size:1.05rem}}