:root{--accent: #7aa7ff;--accent-strong: #a8c3ff;--button-secondary-bg: #1e293b;--button-secondary-text: #e7edf7;--control-bg: #101827;--danger: #fb7185;--focus: rgba(122, 167, 255, .22);--heading: #f8fafc;--muted: #a6b0bf;--muted-strong: #c2ccda;--page-bg: #0b1020;--page-top: #111a2e;--panel: #111827;--panel-soft: #0f172a;--shadow: rgba(0, 0, 0, .34);--surface: rgba(17, 24, 39, .96);--text: #e5edf7;--border: #28354c;--border-strong: #39465c;--success: #4ade80;color:var(--text);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{--accent: #2563eb;--accent-strong: #1d4ed8;--button-secondary-bg: #e9eff8;--button-secondary-text: #20304a;--control-bg: #ffffff;--danger: #dc2626;--focus: rgba(37, 99, 235, .16);--heading: #111827;--muted: #667085;--muted-strong: #4a5568;--page-bg: #f7f9fc;--page-top: #eef4ff;--panel: #ffffff;--panel-soft: #fbfcff;--shadow: rgba(31, 42, 68, .12);--surface: rgba(255, 255, 255, .96);--text: #172033;--border: #e1e7f0;--border-strong: #cfd8e5;--success: #15803d;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;margin:0;background:linear-gradient(180deg,var(--page-top) 0,var(--page-bg) 320px),var(--page-bg);color:var(--text)}button,input,select{color-scheme:inherit;font:inherit}.app{width:min(920px,calc(100% - 32px));margin:0 auto;padding:28px 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.header-controls{display:flex;align-items:center;gap:10px}h1,h2,h3,p{margin:0}h1{color:var(--heading);font-size:clamp(2.1rem,5.6vw,3.75rem);font-weight:800;line-height:1}.ruleset-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem;font-weight:800;white-space:nowrap}select,input{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:8px;background:var(--control-bg);color:var(--text);padding:0 12px;outline:none}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.ruleset-control select{width:112px}.quiz-shell{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 18px 50px var(--shadow)}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.quiz-header h2{color:var(--heading);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800}.button{min-height:44px;border:0;border-radius:8px;padding:0 16px;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary-button{background:var(--accent);color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 24%,transparent)}.primary-button:hover{background:var(--accent-strong)}.secondary-button{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.ghost-button{border:1px solid var(--border-strong);background:var(--panel);color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text)}.theme-toggle-icon{width:18px;height:18px;border-radius:50%;background:var(--heading);box-shadow:inset -6px -4px 0 var(--panel)}:root:not([data-theme=light]) .theme-toggle-icon{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2424}:root[data-theme=light] .theme-toggle-icon{background:var(--heading);box-shadow:inset -6px -4px 0 var(--panel)}.matchups{padding:18px 22px 0}.matchup-grid{display:grid;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;background:var(--panel)}.matchup-group{min-width:0;padding:14px 16px}.matchup-group:not(:nth-child(3n)){border-right:1px solid var(--border)}.matchup-group:nth-child(n+4){border-top:1px solid var(--border)}.matchup-group h3{margin-bottom:10px;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.type-list{display:flex;flex-wrap:wrap;gap:8px}.type-badge{--type-color: #919aa2;display:inline-flex;align-items:center;max-width:100%;min-height:34px;gap:8px;border:1px solid color-mix(in srgb,var(--type-color) 44%,var(--panel));border-radius:999px;background:color-mix(in srgb,var(--type-color) 14%,var(--panel));color:var(--text);padding:3px 10px 3px 4px;font-size:.86rem;font-weight:800}:root[data-theme=dark] .type-badge{border-color:color-mix(in srgb,var(--type-color) 54%,var(--panel));background:color-mix(in srgb,var(--type-color) 20%,var(--panel))}.type-icon{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center}.type-icon svg{width:26px;height:26px;fill:none;stroke:currentColor}.type-name{min-width:0;overflow-wrap:anywhere}.type-empty{display:inline-flex;min-height:34px;align-items:center;border:1px dashed var(--border-strong);border-radius:999px;color:var(--muted);padding:0 12px;font-size:.86rem;font-weight:800}.easter-egg{margin:10px 2px 0;color:var(--muted);font-size:.82rem;font-weight:800;text-align:right}.quiz-form,.bonus-form{display:grid;gap:12px;padding:18px 22px}.quiz-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;border-bottom:1px solid var(--border)}.bonus-form{position:relative;z-index:5;grid-template-columns:minmax(0,1fr) auto;align-items:end;border-top:1px solid var(--border);background:var(--panel-soft)}.field{display:grid;min-width:0;gap:7px}.field>span,.field label span{color:var(--muted-strong);font-size:.84rem;font-weight:800}.pokemon-combobox{position:relative}.pokemon-options{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:100%;max-height:264px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel);box-shadow:0 18px 34px var(--shadow);padding:6px}.pokemon-options[data-placement=above]{top:auto;bottom:calc(100% + 8px)}.pokemon-option{display:grid;width:100%;min-height:42px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;cursor:pointer}.pokemon-option:hover,.pokemon-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 13%,transparent)}.pokemon-option.empty{display:block;min-height:auto;color:var(--muted);cursor:default}.pokemon-number,.pokemon-types{color:var(--muted);font-size:.78rem;font-weight:800}.pokemon-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result{display:grid;min-height:68px;gap:12px;padding:18px 22px}.result em{color:var(--muted);font-style:normal;font-weight:700}.correct,.wrong{font-size:1.05rem;font-weight:900}.correct{color:var(--success)}.wrong{color:var(--danger)}.answer-line,.sample-line{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:12px}.answer-line>span,.sample-line>span,.small{color:var(--muted);font-size:.9rem;font-weight:700}.answer-line strong{display:flex;flex-wrap:wrap;gap:8px}.sample-line strong{color:var(--text)}.sprite{width:132px;height:132px;object-fit:contain}@media(max-width:760px){.app{width:min(100% - 24px,920px);padding:22px 0}.app-header,.quiz-header{align-items:flex-start;flex-direction:column}.header-controls{width:100%;align-items:stretch;flex-wrap:wrap}.ruleset-control{flex:1 1 160px;justify-content:space-between}.theme-toggle{flex:1 1 140px;justify-content:center}.quiz-header,.matchups,.quiz-form,.result,.bonus-form{padding-left:16px;padding-right:16px}.matchup-grid,.quiz-form,.bonus-form{grid-template-columns:1fr}.matchup-group:not(:nth-child(3n)),.matchup-group:nth-child(n+4){border-right:0;border-top:0}.matchup-group+.matchup-group{border-top:1px solid var(--border)}.button{width:100%}.answer-line,.sample-line{grid-template-columns:1fr;gap:6px}.pokemon-option{grid-template-columns:52px minmax(0,1fr)}.pokemon-types{grid-column:2}.pokemon-options{max-height:220px}}