:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0c0e13;color:#f5f5f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#252337,transparent 60%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #343641}a{color:inherit}header a:first-child{font-weight:900;text-decoration:none;font-size:24px}header span{color:#e64153;font-size:12px}main{max-width:960px;margin:auto;padding:24px 18px 80px}h1{font-size:clamp(32px,6vw,58px);margin:12px 0 24px}.eyebrow{letter-spacing:.2em;font-size:12px;color:#eaaeba}p{line-height:1.6;color:#d1d1dc}button,.link{border:1px solid #646575;background:#272936;color:white;border-radius:12px;padding:16px;font:inherit;font-weight:700;cursor:pointer;min-height:48px}button:hover{background:#3b3d50}button:disabled{opacity:.5;cursor:default}.primary{background:#bf3044}input,select{width:100%;padding:14px;background:#171922;color:white;border:1px solid #6b6c7b;border-radius:8px;font:inherit;margin:8px 0 20px}label{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.tile,.panel{padding:22px;background:#171923;border:1px solid #373946;border-radius:18px}.tile button{width:100%;margin-top:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.actions button{flex:1}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:650px;margin:20px auto}.hero{width:100%;max-width:260px;border-radius:12px;display:block;margin:auto}.single{max-width:240px;margin:auto}.stat{font-size:30px;font-weight:900}.win{color:#85efa5}.lose{color:#ff9aab}.cards article{text-align:center;border:2px solid transparent;padding:10px;border-radius:16px}.cards .winner{border-color:#85efa5;background:#153126}details{margin-top:36px;border-top:1px solid #454653;padding:24px 0}summary{cursor:pointer;font-weight:bold}#error{color:#ff9aab}.crop{position:relative;overflow:hidden;aspect-ratio:1.8;max-width:560px;margin:20px auto;background:#161820}.crop img{position:absolute;width:100%;top:-35%;left:0;transform:scale(4.5);transform-origin:50% 38%;transition:transform 1.2s ease}.crop.hint1 img{transform:scale(2.4)}.crop.hint2 img{transform:scale(1)}.fade{animation:reveal 1.2s ease both}.code{font-size:32px;letter-spacing:.15em}.muted{color:#b2b3c4}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.stats button{padding:12px 4px;font-size:12px}.stats strong{display:block;font-size:23px;margin-top:8px}.bar{padding:14px;background:#292c3e;border-radius:12px;font-weight:bold}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){header{padding:16px}.cards{gap:4px}.cards article{padding:5px}.cards h3{font-size:13px}.stat{font-size:24px}.panel{padding:14px}.actions button{flex-basis:40%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

fieldset{border:1px solid #555766;border-radius:12px;margin-bottom:16px}fieldset label{display:flex;align-items:center;gap:10px;font-size:13px;min-height:36px}fieldset input{width:20px;height:20px;margin:0}

.playing main>h1,.playing main>.eyebrow{display:none}@media(max-width:500px){.playing main{padding-top:10px}.playing .single{max-width:165px}.playing h2{margin:8px 0}.playing .cards .hero{max-height:210px;object-fit:contain}.playing .panel>button{width:100%;margin-top:12px}.playing p{margin:10px 0}}

.crop.ascend{aspect-ratio:2.4}.crop.ascend img{top:-150%;transform-origin:50% 60%}

.featured-game{display:grid;grid-template-columns:1fr 150px;gap:24px;align-items:center;margin-bottom:24px;border-color:#a53c50;background:linear-gradient(120deg,#29202c,#171923)}.featured-game h2{font-size:32px;margin:12px 0}.featured-game img{width:100%;border-radius:10px;transform:rotate(4deg)}.featured-game .link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:10px}.featured-game .link:hover{background:#db3d54}@media(max-width:600px){.featured-game{grid-template-columns:1fr 90px;gap:12px;padding:18px}.featured-game h2{font-size:25px}.featured-game .link{width:100%;font-size:13px}.featured-game img{align-self:start;margin-top:24px}}

header nav{display:flex;gap:16px;align-items:center}header nav button{font-size:13px;padding:10px}#clashSetup{margin:18px 0 0;padding:0;border:0}#clashSetup summary{padding:15px 10px;border:1px solid #646575;border-radius:12px;min-height:48px;font-size:13px;background:#bf3044}#clashSetup[open] summary{margin-bottom:18px}dialog{color:#f5f5f7;background:#171923;border:1px solid #626479;border-radius:18px;width:min(700px,94vw);max-height:90dvh;padding:22px}dialog::backdrop{background:#000b}#driverProfileClose{float:right}.summary-numbers{display:flex;gap:20px;flex-wrap:wrap}.summary-numbers b{display:block;font-size:30px}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.achievement{border:1px solid #4b4e60;border-radius:10px;padding:14px}.achievement.earned{border-color:#d6af5c}.achievement p,.small{font-size:13px}.best-car{display:flex;gap:18px;align-items:center}.best-car img{width:100px}.player-badge{display:inline-block;padding:7px 12px;background:#433446;border-radius:20px}@media(max-width:500px){header{flex-wrap:wrap;gap:12px}header nav{gap:12px}.achievement-grid{grid-template-columns:1fr}dialog{padding:16px}}

.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.candidate-grid button{padding:12px;min-width:0;border:2px solid #53566a;background:linear-gradient(140deg,#292b39,#14151c)}.candidate-grid button:hover{border-color:#eaaeba}.candidate-grid span{display:block;font-size:12px;margin-bottom:10px}.art-only{position:relative;overflow:hidden;aspect-ratio:2.2;background:#151720;border-radius:8px}.art-only img{position:absolute;width:100%;top:-65%;left:0}.art-only.ascend img{top:-135%}.stat-art{max-width:480px;margin:22px auto}.clues{padding-left:25px;line-height:1.8}.clues li{padding:4px}@media(max-width:500px){.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.candidate-grid button{padding:9px}}

.candidate-grid button{aspect-ratio:.75;display:flex;align-items:center;justify-content:center}.candidate-grid .art-only{width:100%}

/* Preserve the complete printed card; only its illustration remains sharp. */
.candidate-grid button{aspect-ratio:auto;padding:6px;overflow:hidden}
.mystery-card{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#ddd}
.mystery-card img{display:block;width:100%;height:auto}
.mystery-card .blurred-info{filter:blur(10px)}
.mystery-card .clear-art{position:absolute;inset:0;clip-path:inset(16.6% 7.8% 45.5% 7.8%)}
.mystery-card.ascend .clear-art{clip-path:inset(28% 0 22% 0)}

.mystery-card.fullart .clear-art{clip-path:inset(15% 0 36.5% 0)}

.candidate-grid{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;padding-bottom:12px;align-items:start}.candidate-grid button:disabled{opacity:.3}.candidate-grid button:focus-visible{outline:3px solid #eaaeba;outline-offset:-3px}@media(max-width:650px){.candidate-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;scroll-snap-type:x proximity}.candidate-grid button{scroll-snap-align:start}}