@layer reset,tokens,base,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}img,video,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer tokens{:root{--color-bg: #121212;--color-surface: #202020;--color-surface-2: #2a2a2a;--color-line: #2c2c2c;--color-line-strong: #454545;--color-text: #fcfff5;--color-text-2: #c4c7bd;--color-muted: #9b9b9b;--color-lime: #aff720;--color-red: #f73c20;--o-my-winner: #aff720;--o-opponent-error: #20d37d;--o-my-lucky: #3d8ef0;--o-partner-scored: #2056f7;--o-my-unforced: #f73c20;--o-my-forced: #ff8a1f;--o-partner-fault: #a520f7;--o-opponent-winner: #8a8a8a;--color-bg-deep: var(--color-bg);--color-bg-surface: var(--color-surface);--color-bg-elevated: var(--color-surface-2);--color-bg-border: var(--color-line);--color-accent-primary: var(--color-lime);--color-accent-secondary: #0279ee;--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-2);--color-text-tertiary: var(--color-muted);--font: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font);--font-body: var(--font);--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;--space-24: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--nav-h: 64px}}@layer base{html{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--color-bg);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4{font-family:var(--font);color:var(--color-text);text-wrap:balance}h1{font-size:clamp(2.625rem,6.4vw,5.25rem);font-weight:700;line-height:1;letter-spacing:-.045em}h2{font-size:clamp(1.875rem,3.8vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}h3{font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.015em}p{color:var(--color-text-2);line-height:1.65;text-wrap:pretty}:focus-visible{outline:2px solid var(--color-lime);outline-offset:3px;border-radius:4px}::selection{background:var(--color-lime);color:var(--color-bg)}}@layer utilities{.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}@media(min-width:768px){.container{padding-inline:40px}}.section{padding-block:clamp(72px,10vw,128px)}.section-head{max-width:44rem;margin-bottom:clamp(40px,6vw,64px)}.section-head p{margin-top:var(--space-4);font-size:1.0625rem}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:12px 22px;border-radius:var(--radius-lg);font-family:var(--font);font-size:.9375rem;font-weight:600;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn--primary{background:var(--color-lime);color:var(--color-bg)}.btn--primary:hover{background:#c3ff45}.btn--quiet{border-color:var(--color-line-strong);color:var(--color-text)}.btn--quiet:hover{border-color:var(--color-text-2)}.appstore-badge{display:inline-block;border-radius:10px;transition:opacity var(--transition-fast)}.appstore-badge:hover{opacity:.85}.appstore-badge img{height:52px;width:auto}.pro-tag{display:inline-block;padding:2px 7px;border-radius:var(--radius-sm);background:var(--color-lime);color:var(--color-bg);font-size:.6875rem;font-weight:700;line-height:1.5;vertical-align:middle}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 22px;background:var(--color-lime);color:var(--color-bg);font-weight:600;border-radius:var(--radius-lg)}}
