:root{color-scheme:light;--ink:#2b2840;--muted:#69677b;--paper:#f5f8ff;--purple:#7760c7;--line:#e3e4ef;--yellow:#ffdc62;font-family:'Vazirmatn',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}main{padding-bottom:40px!important}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button{color:inherit}button[hidden],[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-title{display:block;font-family:'Lalezar',sans-serif;font-size:1.4rem;line-height:1.5}main{max-width:1240px;margin:auto;padding:0 36px}.intro{text-align:center;padding:36px 0 24px}.intro h1{font-family:'Lalezar',sans-serif;font-weight:400;font-size:3rem;line-height:1.5;margin:4px 0 0}.search-area{max-width:680px;margin:0 auto 28px}.search-box{display:flex;align-items:center;gap:12px;border:2px solid var(--ink);border-radius:16px;padding:6px 17px;background:#fff;box-shadow:3px 4px 0 #ded9f0;transition:box-shadow .18s}.search-box:focus-within{box-shadow:3px 4px 0 #bdb0e6}.search-icon{width:23px;height:23px;flex-shrink:0;color:var(--purple)}input{min-width:0;width:100%;height:48px;border:0;background:transparent;color:var(--ink);outline:0!important;font-size:1rem}input::placeholder{color:#858295}input::-webkit-search-cancel-button{display:none}.search-box button{border:0;background:#f0edf8;border-radius:7px;width:30px;height:30px;flex-shrink:0;font-size:1.5rem;line-height:1}.results-meta{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:.875rem}.results-meta p{margin:0;color:var(--ink);font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.racer-card{position:relative;--accent:#e9e2fa;background:white;border:1.5px solid #dddce8;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.racer-card:hover{transform:translateY(-4px);border-color:#b6a9d7;box-shadow:0 6px 0 #e5e1f1}.card-art{position:relative;display:flex;align-items:center;justify-content:center;background:var(--accent);padding:20px 16px 18px;min-height:217px}.card-image{border:0;background:transparent;padding:0;border-radius:8px;transform:rotate(-3deg);transition:transform .18s}.racer-card:nth-child(even) .card-image{transform:rotate(3deg)}.racer-card:hover .card-image{transform:rotate(0deg) scale(1.04)!important}.card-image img{display:block;width:128px;height:auto;aspect-ratio:339/472;object-fit:contain;border-radius:6px;box-shadow:3px 5px 0 #2b284028}.card-number{position:absolute;top:13px;right:14px;color:#2b284083;font-family:'Nunito',sans-serif;font-weight:700;font-size:.875rem}.card-copy{padding:18px 20px 17px;display:flex;flex-direction:column;flex:1}.card-copy h2{text-align:start;margin-bottom:12px!important;font-family:'Bangers',cursive;font-weight:400;font-size:1.65rem;letter-spacing:.035em;line-height:1.4;margin:0}.power-label{font-family:'Nunito',sans-serif;align-self:flex-start;font-size:.875rem;font-weight:700;color:#5e468b;background:#f1ecfa;border-radius:6px;padding:3px 8px}.ability{font-size:1rem;line-height:1.95;margin:10px 0 16px}.card-bottom{margin-top:auto;border-top:1px dashed var(--line);padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.notes-button{border:0;background:transparent;color:var(--purple);padding:3px 0;font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px}.empty-state{text-align:center;padding:45px 0 80px}.empty-state>span{display:inline-grid;place-items:center;width:64px;height:64px;background:#ffedb6;border:2px solid var(--ink);border-radius:20px;font-family:'Lalezar',sans-serif;font-size:2rem;transform:rotate(-8deg)}.empty-state h2{font-family:'Lalezar',sans-serif;font-size:1.8rem;font-weight:400;margin:22px 0 0}.empty-state p{color:var(--muted)}.reset-button{border:1.5px solid var(--ink);border-radius:10px;background:var(--yellow);padding:10px 18px;box-shadow:2px 3px 0 var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{max-width:800px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);padding:38px;border:2px solid var(--ink);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:6px 8px 0 #2b28403b}dialog::backdrop{background:#2421378c;backdrop-filter:blur(4px)}.dialog-close{position:absolute;left:12px;top:10px;background:#fff;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:1.6rem;line-height:1}.dialog-content{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.dialog-content img{width:100%;height:auto;border-radius:10px;box-shadow:4px 6px 0 #2b28402e}.dialog-text h2{font-family:'Bangers',cursive;font-weight:400;letter-spacing:.035em;text-align:start;font-size:2rem;line-height:1.5;margin:5px 0 18px}#dialog-ability,#dialog-notes{font-size:1rem;line-height:2}#dialog-notes-wrap{border-top:1px dashed #d2ccdf;margin:18px 0;padding-top:10px}#dialog-notes-wrap h3{font-size:1rem;margin:4px 0;color:var(--purple)}#dialog-notes{margin:4px 0 0}.noscript{padding:24px;text-align:center}
@media(min-width:1500px){.cards-grid{gap:24px}}@media(max-width:1050px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.site-header{padding:20px 22px}main{padding:0 22px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.intro{padding-top:28px}.intro h1{font-size:2.5rem}.dialog-content{grid-template-columns:190px 1fr;gap:22px}dialog{padding:42px 24px 24px}}@media(max-width:520px){.site-header{padding:16px 18px}main{padding:0 18px}.intro h1{font-size:2.2rem}.search-box{padding:5px 12px;gap:8px}.results-meta{font-size:.875rem;gap:10px}.results-meta>span{font-size:.875rem}.cards-grid{grid-template-columns:1fr}.racer-card{display:grid;grid-template-columns:118px minmax(0,1fr);direction:inherit}.card-art{padding:18px 10px;min-height:200px}.card-image img{width:94px}.card-number{top:8px;right:10px}.card-copy{padding:16px 15px}.card-copy h2{font-size:1.35rem}.ability{margin-bottom:14px}.card-bottom{align-items:flex-start;gap:6px}.dialog-content{grid-template-columns:1fr;gap:24px}.dialog-content img{max-width:200px;margin:auto}.dialog-text h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.language-picker{flex-shrink:0}.language-picker select{font-family:'Vazirmatn','Nunito',sans-serif;font-size:1rem;color:var(--ink);background:white;border:1.5px solid var(--ink);border-radius:10px;padding:9px 10px;width:140px;cursor:pointer;direction:ltr;box-shadow:2px 3px 0 #ded9f0}.language-picker select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
html:not([lang="fa"]){font-family:'Nunito',sans-serif}html:not([lang="fa"]) .intro h1{line-height:1.3}.card-name{overflow-wrap:anywhere}.power-label{max-width:100%;overflow-wrap:anywhere}#load-error{background:#fff0ba;border:1px solid #d8bb61;border-radius:12px;padding:16px;margin-bottom:20px}#retry-load{font:inherit;background:white;border:1px solid var(--ink);border-radius:6px;padding:4px 10px}
@media(max-width:520px){.site-header{gap:12px}.brand{gap:9px}.brand-title{font-size:1.2rem}.language-picker select{width:108px;padding:9px 6px;font-size:.9rem}.intro{padding:26px 0 24px}.results-meta{flex-wrap:wrap}html:not([lang="fa"]) .intro h1{font-size:2rem}}

.card-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent}.card-open:focus-visible{outline:3px solid var(--purple);outline-offset:-4px}.racer-card:focus-within{border-color:var(--purple)}

.site-footer{max-width:1168px;width:calc(100% - 72px);margin:0 auto;padding:24px 0;border-top:1px dashed var(--line);text-align:center;font-family:'Nunito',sans-serif;font-size:1rem;color:var(--muted)}.site-footer p{margin:0}.site-footer a{color:var(--purple);font-weight:700;text-underline-offset:4px}.site-footer a:focus-visible{outline:3px solid var(--purple);outline-offset:4px;border-radius:3px}
html[lang="en"] .card-name{font-size:1.7rem}
@media(max-width:520px){.site-footer{width:calc(100% - 36px)}html[lang="en"] .card-name{font-size:1.5rem}}

.brand{flex-direction:row;align-items:center;gap:12px}.brand-logo{display:block;width:180px;max-width:100%;height:auto;flex-shrink:0;mix-blend-mode:multiply}.brand-title{min-width:0}
@media(max-width:520px){.brand-logo{width:clamp(60px,20vw,90px)}.brand{gap:8px}}

/* Comic titles for all supported Latin-script languages and original English card labels. */
html:is([lang="en"], [lang="de"], [lang="fr"], [lang="es"], [lang="sv"], [lang="fi"]) :is(h1, h2, h3, .brand-title),
:is(.card-name, #dialog-title, .power-label)[lang="en"] {
  font-family: 'Bangers', cursive;
  font-weight: 400;
  letter-spacing: .035em;
}
.power-label[lang="en"] { font-size: 1rem; }

.site-footer .footer-contribute{max-width:680px;margin:12px auto 0;line-height:1.9}html[lang="fa"] .footer-contribute{font-family:'Vazirmatn',sans-serif}