:root{--ground:#e7ecec;--surface:#fbfdfd;--surface-2:#f1f5f5;--ink:#0d1616;--ink-2:#47585a;--ink-3:#6c7d80;--line:#c7d4d4;--accent:#0a6a6c;--ok:#2c6640;--danger:#96292b;--cap-face:#fdfefe;--cap-edge:#b9c8c8;--f-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0a1212;--surface:#111b1b;--surface-2:#162222;--ink:#e4edec;--ink-2:#9aacab;--ink-3:#7a8c8c;--line:#263636;--accent:#46bfbf;--ok:#74be86;--danger:#e08585;--cap-face:#1b2828;--cap-edge:#334646}}:root[data-theme=dark]{--ground:#0a1212;--surface:#111b1b;--surface-2:#162222;--ink:#e4edec;--ink-2:#9aacab;--ink-3:#7a8c8c;--line:#263636;--accent:#46bfbf;--ok:#74be86;--danger:#e08585;--cap-face:#1b2828;--cap-edge:#334646}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}.page{flex-direction:column;min-height:100vh;display:flex}.site-head{border-block-end:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px 24px;padding-block:20px;padding-inline:24px;display:flex}.brand{color:var(--ink);font-weight:600;text-decoration:none}.site-nav,.lang-switch{gap:16px;display:flex}.lang-switch{margin-inline-start:auto}.site-nav a,.lang-switch a{color:var(--ink-2);font-size:14px;text-decoration:none}.site-nav a:hover,.lang-switch a:hover{color:var(--accent)}.lang-switch a[aria-current]{color:var(--accent);font-weight:600}.shell{flex:1;inline-size:min(100% - 48px,70ch);margin-inline:auto;padding-block:40px}.prose h1{text-wrap:balance;margin-block:0 16px;font-size:clamp(28px,5vw,40px);line-height:1.12}.lead{color:var(--ink-2);font-size:18px}.cta{background:var(--accent);color:var(--ground);border-radius:4px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.site-foot{border-block-start:1px solid var(--line);color:var(--ink-3);padding-block:20px;padding-inline:24px;font-size:12px;line-height:1.6}.site-foot p{max-inline-size:90ch;margin:0}.key-row{flex-wrap:wrap;gap:10px;margin-block:28px;display:flex}.cap-group{flex-direction:column;align-items:center;gap:6px;inline-size:56px;display:flex}.cap{block-size:44px;inline-size:44px;font-family:var(--f-mono);color:var(--ink);background:var(--cap-face);border:1px solid var(--cap-edge);border-block-end-width:3px;border-radius:6px;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}.cap--target{border-color:var(--accent);color:var(--accent)}.cap--hit{border-color:var(--ok);color:var(--ok)}.cap--miss{border-color:var(--danger);color:var(--danger)}.cap-label{font-family:var(--f-mono);color:var(--ink-3);text-align:center;overflow-wrap:anywhere;font-size:11px;line-height:1.3}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.cap{transition:border-color 90ms,color 90ms}}.drill-head{flex-wrap:wrap;align-items:baseline;gap:12px 20px;display:flex}.drill-head h1{margin:0;font-size:26px}.chips,.drill-picker,.drill-actions{flex-wrap:wrap;gap:8px;display:flex}.drill-actions{align-items:center;margin-block:24px}.chip{font:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:13px;text-decoration:none}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip:disabled{opacity:.5;cursor:default}.chip--on{border-color:var(--accent);color:var(--accent);font-weight:600}.stage{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-content:center;justify-items:center;gap:14px;min-block-size:260px;margin-block:24px;padding-block:48px;display:grid}.counter{font-family:var(--f-mono);color:var(--ink-3);min-block-size:1em;font-size:12px}.prompt{text-align:center;text-wrap:balance;min-block-size:1.2em;max-inline-size:22ch;font-size:clamp(20px,4vw,30px);font-weight:600}.cap--stage{block-size:68px;inline-size:68px;font-size:28px}.feedback{font-family:var(--f-mono);min-block-size:1.2em;color:var(--ink-3);font-size:20px}.feedback--hit{color:var(--ok)}.feedback--miss{color:var(--danger)}.inventory{flex-wrap:wrap;justify-content:center;gap:8px;margin-block:16px;display:flex}.slot{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;align-items:center;gap:5px;inline-size:84px;padding:8px 4px;display:flex}.slot--target{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.slot--trinket{background:var(--surface-2)}.cap--slot{block-size:30px;inline-size:30px;font-size:14px}.slot-name{color:var(--ink-3);text-align:center;overflow-wrap:anywhere;font-size:10px;line-height:1.25}.hint{color:var(--ink-3);font-size:13px}.prompt-line{font-size:20px;font-weight:600}.insight{text-wrap:balance;color:var(--accent);margin-block:0 24px;font-size:clamp(19px,3.5vw,25px);font-weight:600}.scoreboard{background:var(--line);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;gap:1px;display:flex;overflow:hidden}.stat{background:var(--surface);flex:130px;gap:4px;padding:16px 18px;display:grid}.stat-k{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.stat-v{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.stat-note{font-family:var(--f-mono);color:var(--ok);font-size:11px}.bind-table{border-collapse:collapse;inline-size:100%;max-inline-size:40ch;font-size:14px}.bind-table th,.bind-table td{text-align:start;border-block-end:1px solid var(--line);padding:7px 10px}.bind-table th{font-family:var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.bind-table .num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:end}.prose h2{margin-block:32px 12px;font-size:20px}.prose code{font-family:var(--f-mono);background:var(--surface-2);border:1px solid var(--line);border-radius:3px;padding:.05em .32em;font-size:.88em}.prose table{display:block;overflow-x:auto}.privacy{color:var(--ok);border-inline-start:3px solid var(--ok);margin-block:20px;padding-inline-start:14px;font-size:17px;font-weight:600}.filedrop{border:1px dashed var(--line);cursor:pointer;background:var(--surface);color:var(--ink-2);border-radius:6px;align-items:center;gap:10px;padding:18px 22px;display:inline-flex}.filedrop:hover{border-color:var(--accent);color:var(--accent)}.filedrop input{font:inherit;max-inline-size:240px}.paste{inline-size:100%;font-family:var(--f-mono);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-block-start:10px;padding:12px;font-size:13px}details>summary{cursor:pointer;color:var(--ink-2);margin-block:16px 0;font-size:14px}.warnings{border-inline-start:3px solid var(--danger);background:var(--surface);color:var(--ink-2);margin-block:16px;padding:12px 16px 12px 20px;font-size:14px;list-style:none}.warnings li+li{margin-block-start:8px}.combo-layout{gap:24px;margin-block-start:24px;display:grid}@media (width>=720px){.combo-layout{grid-template-columns:240px minmax(0,1fr);align-items:start}}.combo-list{flex-direction:column;gap:6px;display:flex}.combo-pick{text-align:start;font:inherit;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;display:grid}.combo-pick:hover{border-color:var(--accent)}.combo-pick--on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.combo-champ{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.combo-name{grid-column:1;font-size:14px;font-weight:600}.combo-diff{font-family:var(--f-mono);text-transform:uppercase;border-radius:2px;grid-area:1/2/span 2;align-self:center;padding:2px 6px;font-size:10px}.combo-diff--easy{color:var(--ok);background:var(--surface-2)}.combo-diff--medium{color:var(--accent);background:var(--surface-2)}.combo-diff--hard{color:var(--danger);background:var(--surface-2)}.combo-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.combo-detail-head h2{margin-block:0 4px;font-size:20px}.verified{font-family:var(--f-mono);color:var(--ok);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600}.verified--stale{color:var(--danger);border-color:var(--danger)}.mouse-note{color:var(--ink-2);background:var(--surface-2);border-inline-start:3px solid var(--ink-3);border-radius:0 4px 4px 0;padding:10px 14px;font-size:13px}.combo-track{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-content:center;gap:8px;min-block-size:72px;margin-block:20px;padding:18px;display:flex}.combo-step{border:1px solid var(--line);background:var(--ground);border-radius:6px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:relative}.combo-step--mouse{opacity:.75;border-style:dashed}.combo-step--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.combo-step--done{border-color:var(--ok);color:var(--ok)}.combo-step--done .cap{color:var(--ok);border-color:var(--ok)}.combo-mouse{font-size:13px;line-height:1}.combo-status{font-family:var(--f-mono);color:var(--ink-3);min-block-size:1em;font-size:12px}.combo-result{margin-block:18px}@media (prefers-reduced-motion:no-preference){.combo-step{transition:border-color 90ms,box-shadow 90ms,color 90ms}}.champ-filter{inline-size:100%;max-inline-size:320px;font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-block:8px 20px;padding:9px 12px}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.champ-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.champ-card:hover{border-color:var(--accent)}.champ-card-name{font-size:15px;font-weight:600}.champ-card-title{color:var(--ink-3);font-size:12px}.crumbs{color:var(--ink-3);margin-block-end:8px;font-size:13px}.crumbs a{color:var(--ink-2)}.champ-subtitle{color:var(--ink-2);margin-block:0 16px;font-size:16px;font-style:italic}.ability-table{border-collapse:collapse;inline-size:100%;max-inline-size:48ch}.ability-table th,.ability-table td{text-align:start;border-block-end:1px solid var(--line);vertical-align:middle;padding:9px 12px}.ability-table th{font-family:var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.passive-tag{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:3px 6px;font-size:10px}.champ-combo-list{padding-inline-start:20px}.champ-cta{margin-block-start:28px}.record-table{border-collapse:collapse;inline-size:100%;max-inline-size:44ch;margin-block:12px}.record-table th,.record-table td{text-align:start;border-block-end:1px solid var(--line);padding:7px 10px}.record-table th{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.record-table .num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.record-sequence{margin-block:16px}.record-sequence code{padding:8px 12px;font-size:14px;display:inline-block}.record-error{color:var(--danger);font-size:14px}.record-meta{gap:12px;max-inline-size:44ch;margin-block:12px;display:grid}.record-meta label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.record-meta input,.record-meta select{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:8px 10px}.record-json{max-block-size:320px;font-size:12px;overflow:auto}.aim-toggle{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin-block:8px;font-size:14px;display:inline-flex}.aim-arena{aspect-ratio:1000/600;background:var(--surface);border:1px solid var(--line);cursor:none;touch-action:none;border-radius:8px;block-size:auto;inline-size:100%;max-inline-size:640px;margin-block:16px;display:block}.share-card{max-inline-size:44ch;margin-block:12px 20px}.share-text{font-family:var(--f-mono);white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius,4px);margin-block:0 10px;padding:12px 14px;font-size:13px;line-height:1.55}.streak-row{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-block:16px;display:flex}.streak-badge{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:baseline;gap:8px;padding:10px 16px;display:inline-flex}.streak-flame{font-size:20px}.streak-count{font-variant-numeric:tabular-nums;color:var(--accent);font-size:30px;font-weight:700}.streak-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.daily-done{color:var(--ok);background:var(--surface-2);border-inline-start:3px solid var(--ok);border-radius:0 4px 4px 0;padding:10px 14px;font-weight:600}.sprite{vertical-align:middle;border-radius:4px;flex:none;display:inline-block;overflow:hidden}.sprite-inner{transform-origin:0 0;block-size:48px;inline-size:48px;image-rendering:-webkit-optimize-contrast;background-repeat:no-repeat;display:block}.ability-table td:first-child{inline-size:44px}.stage .prompt-icon{justify-content:center;align-items:center;min-block-size:56px;margin-block-end:4px;display:flex}.focus-enter{border-color:var(--accent);color:var(--accent)}.focus-hint{color:var(--warn);font-weight:600}.mt-badge{color:var(--warn);background:var(--warn-bg,var(--surface-2));border:1px solid var(--warn);border-radius:3px;margin-block-end:10px;padding:4px 8px;font-size:11px;display:inline-block}.home-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px 8px;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-block:12px 24px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.feature-card:hover{border-color:var(--accent)}.feature-title{font-size:16px;font-weight:600}.feature-title:after{content:" →";color:var(--accent)}.feature-body{color:var(--ink-2);font-size:13.5px;line-height:1.5}.home-honesty{margin-block-start:8px}.rank{background:var(--surface);border:1px solid var(--line);border-radius:8px;max-inline-size:48ch;margin-block:20px;padding:18px}.rank-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rank-k{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.rank-tier{font-family:var(--f-display,inherit);color:var(--accent);letter-spacing:-.01em;font-size:24px;font-weight:700}.rank-ladder{gap:4px;margin-block:12px;display:flex}.rank-step{background:var(--line);border-radius:3px;flex:1;block-size:6px}.rank-step--on{background:var(--accent);opacity:.5}.rank-step--now{opacity:1;box-shadow:0 0 0 2px var(--accent)}.rank-parts{gap:8px;margin-block:14px 6px;display:grid}.rank-part{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.rank-part-k{color:var(--ink-2);font-size:12px}.rank-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;block-size:8px;overflow:hidden}.rank-bar-fill{background:var(--accent);block-size:100%;display:block}.rank-reaction{margin-block:12px 4px;font-size:15px;font-weight:600}.rank-approx{color:var(--ink-3);font-size:12px;font-weight:400}.rank-pro{margin-block-start:8px}.combo-tier{margin-block:0 12px;font-size:15px}.combo-tier strong{color:var(--accent);font-size:18px}.scenario-stage{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-content:center;justify-items:center;gap:14px;min-block-size:300px;margin-block:24px;padding:40px 24px;display:grid}.scenario-emoji{min-block-size:52px;font-size:48px;line-height:1}.scenario-situation{text-align:center;text-wrap:balance;min-block-size:1.3em;max-inline-size:26ch;font-size:clamp(19px,3.2vw,26px);font-weight:600}.scenario-options{flex-wrap:wrap;justify-content:center;gap:12px;margin-block-start:8px;display:flex}.scenario-option{border:1px solid var(--line);background:var(--ground);border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-inline-size:90px;padding:10px 14px;display:flex}.scenario-option-label{color:var(--ink-2);text-align:center;font-size:12px}.scenario-why{text-align:center;min-block-size:1.4em;max-inline-size:40ch;font-size:14px;line-height:1.5}.scenario-why--hit{color:var(--ok)}.scenario-why--miss{color:var(--danger)}.mastery{color:var(--ink-2);align-items:center;gap:10px;margin-block:20px 8px;font-size:14px;display:flex}.mastery-stars{color:var(--accent);letter-spacing:2px;font-size:15px}.train-champion{font-family:var(--f-mono);color:var(--accent);text-align:center;margin-block:0 4px;font-size:12px}.level-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:18px;margin-block:20px;padding:18px;display:flex}.level-badge{background:var(--accent-2,var(--surface-2));border:2px solid var(--accent);border-radius:50%;flex:none;place-items:center;block-size:64px;inline-size:64px;display:grid}.level-n{color:var(--accent);font-size:26px;font-weight:800;line-height:1}.level-label{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:9px}.level-bar-wrap{flex:1;gap:6px;display:grid}.level-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;block-size:12px;overflow:hidden}.level-bar-fill{background:var(--accent);block-size:100%;display:block}.profile-stats{margin-block:12px}.weak-list{padding-inline-start:20px}.weak-list code{font-family:var(--f-mono)}.profile-champs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;padding:0;list-style:none;display:grid}.profile-champs a{color:var(--ink);font-size:14px;text-decoration:none}.profile-champs a:hover{color:var(--accent)}