@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-vietnamese-VariableFont_wght-D0rl6rjA.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-latin-ext-VariableFont_wght-D9tNdqV9.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-latin-VariableFont_wght-BhU9QXUp.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-VariableFont_wght-BrlcHZ7m.ttf)format("truetype-variations");font-weight:100 800;font-style:normal;font-display:swap}:root{--ink-950:#0b0d12;--ink-900:#11141b;--ink-800:#171b24;--ink-700:#1f2430;--ink-600:#2a3040;--ink-500:#3a4152;--ink-400:#535b6e;--chalk-50:#f7f8fb;--chalk-100:#e4e7ef;--chalk-300:#a9b0c2;--chalk-500:#6b7283;--ball-50:#fff4ed;--ball-200:#ffcfa8;--ball-400:#ff9a4a;--ball-500:#ff7a1a;--ball-600:#e85e00;--ball-700:#b94700;--serve-300:#8cffd4;--serve-500:#00e29a;--serve-700:#009968;--win:#00e29a;--loss:#ff4d6d;--warn:#ffc43d;--info:#6fb5ff;--fg-1:var(--chalk-50);--fg-2:var(--chalk-100);--fg-3:var(--chalk-300);--fg-muted:var(--chalk-500);--fg-disabled:var(--ink-400);--fg-accent:var(--ball-500);--fg-accent-hover:var(--ball-400);--fg-live:var(--serve-500);--fg-inverse:var(--ink-950);--bg-app:var(--ink-950);--bg-panel:var(--ink-900);--bg-card:var(--ink-800);--bg-raised:var(--ink-700);--bg-hover:#ffffff0a;--bg-press:#ffffff05;--bg-accent:var(--ball-500);--bg-accent-hover:var(--ball-400);--bg-accent-soft:#ff7a1a1f;--bg-live-soft:#00e29a24;--border-subtle:var(--ink-600);--border-default:var(--ink-500);--border-strong:var(--chalk-500);--border-accent:var(--ball-500);--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c;--shadow-glow:0 0 0 1px #ff7a1a59, 0 8px 24px #ff7a1a40;--shadow-live-glow:0 0 0 1px #00e29a66, 0 0 24px #00e29a4d;--shadow-inset:inset 0 1px 0 #ffffff0d;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.5, 1.6, .4, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--font-ui:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-display:"Bebas Neue", "Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--text-4xl:60px;--text-score:96px;--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.5;--lh-loose:1.7}*,:before,:after{box-sizing:border-box}body{margin:0}html,body{background:var(--bg-app);color:var(--fg-1);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.h-display{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--lh-tight);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-1)}h1,.h1{font-family:var(--font-ui);font-size:var(--text-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--fg-1)}h2,.h2{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:600;line-height:var(--lh-snug);letter-spacing:-.01em;color:var(--fg-1)}h3,.h3{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:600;line-height:var(--lh-snug);color:var(--fg-1)}h4,.h4{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;line-height:var(--lh-snug);color:var(--fg-1)}.p,p{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--fg-2)}.caption{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--fg-3);letter-spacing:.01em}.overline{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.score{font-family:var(--font-mono);font-size:var(--text-score);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--fg-1);font-weight:700;line-height:1}.seed,.stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-2)}.code,code{font-family:var(--font-mono);color:var(--fg-2);background:var(--bg-panel);border-radius:var(--r-xs);border:1px solid var(--border-subtle);padding:.1em .35em;font-size:.9em}.ball-dot{background:var(--ball-500);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #ff7a1a8c}.ball-dot--live{background:var(--serve-500);animation:1.4s ease-in-out infinite ball-pulse;box-shadow:0 0 10px #00e29aa6}@keyframes ball-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.88)}}.fortymm-grid-bg{background-image:radial-gradient(circle,#ff7a1a24 1.5px,#0000 2px);background-position:0 0;background-size:40px 40px}.page{max-width:1200px;margin:0 auto;padding:64px 48px 120px}.page-header{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:16px;margin-bottom:56px;padding-bottom:24px;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:56px;line-height:1}.page-header .sub{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.toc{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;gap:8px;margin-bottom:40px;font-size:12px;display:flex}.toc a{color:var(--fg-3);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:4px 10px;text-decoration:none}.toc a:hover{color:var(--fg-accent);border-color:var(--fg-accent)}.page-intro{color:var(--fg-3);max-width:680px;margin:-32px 0 56px;font-size:14px;line-height:1.6}.section{margin-bottom:80px}.section>h2{font-family:var(--font-display);letter-spacing:.04em;font-size:36px;line-height:var(--lh-normal);color:var(--fg-1);margin:0 0 8px}.section>.lead{color:var(--fg-3);max-width:640px;margin:0 0 32px;font-size:14px;line-height:1.5}.component-card{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-card);margin-bottom:24px;padding:32px}.component-card-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.component-card-header h3{font-family:var(--font-ui);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:normal}.component-card-header .tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.button{font-family:var(--font-ui);border-radius:var(--r-md);cursor:pointer;height:40px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;line-height:normal;display:inline-flex}.button:focus-visible{outline:2px solid var(--ball-500);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button--default{background:var(--ball-500);color:var(--ink-950)}.button--default:hover{background:var(--ball-400)}.button--secondary{background:var(--ink-700);color:var(--fg-1)}.button--secondary:hover{background:var(--ink-600)}.button--outline{color:var(--fg-1);border-color:var(--border-default);background:0 0}.button--outline:hover{background:var(--bg-hover)}.button--ghost{color:var(--fg-2);background:0 0}.button--ghost:hover{background:var(--bg-hover);color:var(--fg-1)}.button--destructive{background:var(--loss);color:#fff}.button--destructive:hover{background:oklch(from var(--loss) calc(l - .05) c h)}.button--link{color:var(--ball-500);text-underline-offset:4px;background:0 0;height:auto;padding:0;text-decoration:underline}.button--sm{height:32px;font-size:var(--text-sm);padding:0 12px}.button--lg{height:48px;padding:0 24px;font-size:16px}.button--icon{width:40px;height:40px;padding:0}.form-field{margin-bottom:18px}.form-field:last-child{margin-bottom:0}.field-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--fg-2);letter-spacing:-.005em;margin-bottom:6px;font-weight:500;line-height:normal;display:block}.field-label .req{color:var(--loss);margin-left:4px}.input,.textarea{font-family:var(--font-ui);background:var(--bg-panel);width:100%;color:var(--fg-1);border:1px solid var(--border-default);border-radius:var(--r-md);font-size:14px;font-weight:400;line-height:normal}.input{height:40px;transition:border-color var(--dur-fast);padding:0 12px}.textarea{resize:vertical;min-height:96px;padding:10px 12px}.input::placeholder,.textarea::placeholder{color:var(--fg-muted)}.input:focus,.textarea:focus{border-color:var(--ball-500);box-shadow:0 0 0 3px rgb(from var(--ball-500) r g b / .15);outline:none}.input:disabled,.textarea:disabled{opacity:.5}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--loss)}.field-help{color:var(--fg-3);margin-top:6px;font-size:12px}.field-help--error{color:var(--loss)}