:root{font-family:Archivo,system-ui,sans-serif;font-stretch:100%;line-height:1.5;font-weight:400;color-scheme:dark;color:#f2f1ee;background-color:#0b0b0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #0b0b0c;--surface-glass: #0f1012;--surface-glass-2: #141518;--surface-inner: rgba(255,255,255,.03);--header-bg: rgba(11,11,12,.8);--text-primary: #f2f1ee;--text-secondary: #c9c7c1;--text-tertiary: #9a9892;--text-muted: #9a9892;--text-disabled: #7d7b75;--r-ctl: 6px;--r-tile: 8px;--r-panel: 12px;--accent: #ff4d1c;--accent-hover: #ff6a40;--accent-deep: #c1300a;--accent-on: #190500;--cyan-400: var(--accent);--cyan-600: var(--accent-deep);--accent-2: var(--accent);--purple-600: #7c3aed;--green-500: #0ca30c;--orange-400: #c98500;--orange-600: #e64a19;--red-500: #ef4444;--warn: #fab219;--slate-400: #9a9892;--f-red: #ef4444;--f-red-dim: rgba(239,68,68,.16);--f-blue: rgb(96,165,250);--f-blue-dim: rgba(96,165,250,.16);--border-glass: rgba(255,255,255,.09);--border-subtle: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.16);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--state-striking: #199e70;--state-clinch: #c98500;--state-ground: #9085e9}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh}body{min-width:320px}h1,h2,h3,h4,h5,h6{margin:0}a{font-weight:500;color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}::selection{background:#ff4d1c4d;color:#fff}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:opacity .15s,transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}button:active{transform:translateY(1px)}.fighter-corner-btn,.fighter-corner-btn:active{transition:none;transform:none}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}input,select,textarea{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.font-display{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:800;letter-spacing:-.01em;text-wrap:balance}.font-num{font-family:var(--mono);font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fade-up .6s cubic-bezier(.16,1,.3,1) both}.anim-delay-1{animation-delay:.08s}.anim-delay-2{animation-delay:.18s}.anim-delay-3{animation-delay:.28s}@keyframes video-feedback{0%{opacity:.9;transform:translate(-50%,-50%) scale(.8)}30%{opacity:.9;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@keyframes seek-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.18)}}@keyframes seek-fade{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.btn-glass{background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-ctl);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.btn-glass:hover{background:#ffffff0f;color:var(--text-primary)}.btn-upload,.btn-primary{background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--r-ctl);box-shadow:inset 0 1px #ffffff38}.btn-upload:hover,.btn-primary:hover{background:var(--accent-hover)}.btn-ink{background:var(--text-primary);color:var(--bg-base);border:none;border-radius:var(--r-ctl)}.btn-ink:hover{background:#fff}.logo{display:inline-flex;align-items:center;gap:9px;font-family:Bebas Neue,sans-serif;font-size:26px;line-height:1;letter-spacing:.055em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;text-decoration:none}.logo:hover{color:var(--text-primary)}.logo:before{content:"";width:26px;height:26px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg stroke='%23ff4d1c' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M26 70h56v10c0 4-4 8-8 8H34c-4 0-8-4-8-8z' fill='rgba(255,77,28,.06)' stroke-width='6.5'/%3E%3Cpath d='M24 34h-8c-6 0-11 5-11 11 0 6 5 10 11 10h8z' fill='rgba(255,77,28,.12)' stroke-width='6.5'/%3E%3Cpath d='M38 18h32c8 0 14 6 14 14v24c0 8-6 14-14 14H38c-8 0-14-6-14-14V32c0-8 6-14 14-14z' fill='rgba(255,77,28,.12)' stroke-width='6.5'/%3E%3Cpath d='M40 24v18M54 24v18M68 24v18' fill='none' stroke-width='5.5'/%3E%3Cpath d='M38 76h32M38 83h32' fill='none' stroke-width='4.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.eyebrow{display:inline-flex;align-items:center;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text-muted)}.nav-link{font-size:13.5px;font-weight:500;color:var(--text-muted);padding:8px 14px;border-radius:var(--r-ctl);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-primary)!important;background:transparent!important}.nav-link.active{color:var(--text-primary)!important;background:var(--surface-glass-2)!important;border-color:var(--border-glass)!important}.event-item:hover{background:#ffffff08!important}.glass{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--r-panel)}.inner-tile{background:var(--surface-inner);border:1px solid var(--border-subtle);border-radius:var(--r-tile)}.divider{height:1px;background:var(--border-glass);border:none;margin:0}.label{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted)}.pill{font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--r-ctl);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.pill:hover{color:var(--text-primary)}.pill.active{background:var(--surface-glass-2);color:var(--text-primary);border-color:var(--border-strong);box-shadow:none}@keyframes feed-in{0%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--text-primary) 40%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes scope-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-ctl);background:#ffffff12;border:1px solid var(--border-glass);border-bottom-width:2px;font-size:11px;font-weight:600;color:var(--text-secondary);font-family:var(--mono);flex-shrink:0}.punch-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-ctl);border:1px solid;font-size:12px;font-weight:600;font-family:var(--mono);flex-shrink:0}.tl-scroll::-webkit-scrollbar{height:10px}.tl-scroll::-webkit-scrollbar-track{background:#ffffff08}.tl-scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.tl-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:padding-box}.tl-clip{padding:0;transition:transform .1s}.tl-clip:hover{transform:translateY(-1px) scale(1.08)}.tl-ruler:hover{background:#ffffff06}.td-row:hover{border-color:var(--border-strong);background:var(--surface-glass-2)}.td-class:not(:disabled):hover{background:var(--surface-glass-2)!important}.fight-card{transition:background .15s}.fight-card.is-ready:hover{background:var(--surface-glass-2)}.icon-btn{width:40px;height:40px;border-radius:var(--r-ctl);display:grid;place-items:center;background:transparent;border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer}.icon-btn:hover{color:var(--text-primary);background:var(--surface-glass-2)}@media(prefers-reduced-motion:reduce){.anim-fade-up{animation:none}button:active{transform:none}}#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}