@font-face{font-family:Orbitron;font-weight:800;src:url(/auto/_f/orbitron.woff2) format("woff2");font-display:swap}
@font-face{font-family:Archivo;font-weight:400;src:url(/auto/_f/archivo-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:Archivo;font-weight:700;src:url(/auto/_f/archivo-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:Archivo;font-weight:800;src:url(/auto/_f/archivo-800.woff2) format("woff2");font-display:swap}
@font-face{font-family:Plate;src:url(/auto/_f/plate.woff2) format("woff2");font-display:swap}
@font-face{font-family:Mono;font-weight:500;src:url(/auto/_f/mono.woff2) format("woff2");font-display:swap}
@font-face{font-family:Mono;font-weight:600;src:url(/auto/_f/mono-600.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16181D;background:#ECEBE6}
a{color:#16181D}header.top{background:#16181D;padding:14px 20px}header.top .in{max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
header.top a{color:#F1F0EB;text-decoration:none}.wm{font:800 20px/1 Orbitron,sans-serif;letter-spacing:.02em;text-transform:uppercase;transform:skewX(-10deg);display:inline-block}
header.top .cta{background:#8DBF46;color:#16181D;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}
@media(max-width:560px){header.top{padding:12px 16px 10px}}
main{max-width:860px;margin:0 auto;padding:20px 20px 56px}nav.crumbs{font-size:13px;color:#5C6068;margin:4px 0 16px}nav.crumbs a{color:#5C6068}
h1{font-size:clamp(28px,6vw,42px);line-height:1.1;margin:.2em 0 .3em;letter-spacing:-.01em;font-weight:800}h2{font-size:22px;margin:1.8em 0 .5em;font-weight:800}h3{font-size:17px;margin:0 0 4px;font-weight:800}
p.lead{font-size:18px;color:#3C4048;margin:0 0 20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:18px 0}
.stat{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid #E4E2DA}.stat b{display:block;font-size:22px}.stat span{font-size:12px;letter-spacing:.08em;color:#5C6068;text-transform:uppercase}
.chip{display:inline-block;padding:2px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.gens{display:grid;gap:12px}.gen{background:#fff;border:1px solid #E4E2DA;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:minmax(0,220px) 1fr}
.gen img{width:100%;height:100%;min-height:130px;object-fit:cover;display:block;background:#E4E2DA}.gen .body{padding:14px 16px}.gen small{display:block;color:#5C6068;font-size:12px;margin-top:6px}
.gen.noimg{grid-template-columns:1fr}@media(max-width:560px){.gen{grid-template-columns:1fr}.gen img{height:180px}}
.pf{display:flex;height:60px;border:2.5px solid #0B0C0F;border-radius:10px;overflow:hidden;background:#F5C400;box-shadow:0 3px 0 rgba(22,24,29,.2);max-width:460px;margin:16px 0}
.pf .eu{width:28px;background:#003399;color:#fff;font:700 9px/1 monospace;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.pf input{flex:1;min-width:0;border:0;background:transparent;text-align:center;font:30px/1 Plate,Archivo,sans-serif;letter-spacing:2.4px;color:#0B0C0F;outline:none;text-transform:uppercase}
.pf input::placeholder{color:rgba(22,24,29,.4)}.pf button{width:56px;border:0;background:#0B0C0F;color:#fff;font-size:22px;cursor:pointer}
.pf-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5C6068;font-weight:700;margin:22px 0 -6px}
.cta-box{background:#16181D;color:#fff;border-radius:20px;padding:22px;margin:32px 0;display:grid;gap:10px}.cta-box h2{margin:0;color:#fff}.cta-box p{margin:0;color:#D5D7DC}.cta-box .pf{margin:6px 0}
.btn{display:inline-block;background:#8DBF46;color:#16181D;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:999px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.find{position:sticky;top:8px;z-index:3;display:flex;align-items:center;gap:10px;height:52px;margin:16px 0 6px;padding:0 16px;background:#fff;border:1.5px solid #D5D4CE;border-radius:14px;box-shadow:0 6px 18px rgba(22,24,29,.08)}.find:focus-within{border-color:#16181D;box-shadow:0 0 0 3px rgba(141,191,70,.35)}.find svg{width:20px;height:20px;color:#5C6068;flex:none}.find input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;font:500 17px/1 Archivo,sans-serif;color:#16181D}.find input::placeholder{color:#8A8E95}.find-status{min-height:1.2em;margin:0 0 10px;font:500 12px Mono,monospace;color:#5C6068}.find-none{margin:12px 0}
dialog.ea{border:0;border-radius:20px;padding:24px;max-width:400px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(22,24,29,.35);font:16px/1.5 Archivo,sans-serif;color:#16181D}dialog.ea::backdrop{background:rgba(22,24,29,.5)}dialog.ea h2{margin:0 0 8px;font-size:22px}dialog.ea p{margin:0 0 16px;color:#3C4048}dialog.ea .go{display:block;text-align:center;background:#8DBF46;color:#16181D;font-weight:800;border-radius:999px;padding:13px 16px;text-decoration:none}dialog.ea .x{display:block;width:100%;margin-top:8px;background:none;border:0;padding:10px;font:inherit;color:#5C6068;cursor:pointer}dialog.ea small{display:block;text-align:center;margin-top:6px;color:#5C6068}
ul.links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}ul.links a{display:flex;justify-content:space-between;gap:8px;background:#fff;border:1px solid #E4E2DA;border-radius:12px;padding:10px 12px;text-decoration:none}ul.links span{color:#5C6068;font-size:13px}button.share{float:right;border:1px solid #E4E2DA;background:#fff;border-radius:999px;padding:3px 12px;font:inherit;font-size:13px;font-weight:700;color:#16181D;cursor:pointer}.g.shared{outline:3px solid #16181D;outline-offset:-3px}ul.links .t{display:flex;justify-content:space-between;gap:8px;background:#fff;border:1px solid #E4E2DA;border-radius:12px;padding:10px 12px;color:#16181D;font-size:16px}h3 .code{font-size:.7em;color:#5C6068;font-weight:700;margin-left:4px}
details{background:#fff;border:1px solid #E4E2DA;border-radius:12px;padding:12px 14px;margin:8px 0}summary{cursor:pointer;font-weight:700}details p{margin:.6em 0 0}

.carbox{margin:0 0 8px}.carbox .card{background:#fff;border:1px solid #E4E2DA;border-radius:22px;padding:18px;display:grid;gap:12px;box-shadow:0 16px 34px -22px rgba(22,24,29,.5)}
.carbox .hd{display:flex;gap:12px;align-items:center}.carbox .hd .ic{width:44px;height:44px;border-radius:14px;background:#16181D;color:#8DBF46;display:grid;place-items:center;flex:none}.carbox .hd svg{width:24px;height:24px}
.carbox .k{font-size:11px;letter-spacing:.14em;color:#5C6068;text-transform:uppercase;font-weight:700}.carbox .t{font-size:22px;font-weight:800;line-height:1.15}
.carbox .m{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.carbox .m div{background:#ECEBE6;border-radius:12px;padding:8px 10px}.carbox .m b{display:block;font-size:16px}.carbox .m span{font-size:11px;letter-spacing:.08em;color:#5C6068;text-transform:uppercase}
.carbox .ok{color:#1F7A47}.carbox .bad{color:#A3261F}.carbox .row2{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.carbox .msg{margin:0;font-size:14px;color:#3C4048}.carbox a.go{font-weight:800}
.plate-tag{display:inline-block;background:#16181D;color:#fff;font-weight:800;border-radius:999px;padding:6px 14px;font-size:13px;margin:6px 0 0}
/* the app's look below the banner (app/car/[id].tsx): small caps section labels, flat cards, rarity chips, swipe rows */
.lbl{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 8px;font:700 11px/1.3 Archivo,sans-serif;letter-spacing:1.76px;text-transform:uppercase;color:#5F636B}
.lbl .r{font:600 10px/1.3 Mono,monospace;letter-spacing:1.2px}
.cardl{background:#FBFBF8;border:1px solid #E4E3DE;border-radius:16px;padding:4px 16px}
.rc{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px 0 6px;border-radius:6px;border:1px solid;font:600 10px/1 Mono,monospace;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;align-self:flex-start;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(22,24,29,.22)}
.rc i{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 4px rgba(255,255,255,.6)}
.rc.t-common{background:linear-gradient(180deg,#F6F7F8 0%,#DCDEE1 48%,#C7CACE 52%,#D5D8DB 100%);border-color:#9A9EA5;color:#2A2D33}.rc.t-common i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#9AA1B0 45%,#4E5462 100%)}.rc.t-uncommon{background:linear-gradient(180deg,#E3F7EB 0%,#A6E0C0 48%,#73C79A 52%,#8CD6AE 100%);border-color:#2E8A58;color:#0F3D24}.rc.t-uncommon i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#3FD584 45%,#127040 100%)}.rc.t-rare{background:linear-gradient(180deg,#E1EEFF 0%,#A3C9FF 48%,#6AA5F6 52%,#86BAFB 100%);border-color:#1F5FB8;color:#0B2A57}.rc.t-rare i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#4A9CFF 45%,#124C9E 100%)}.rc.t-epic{background:linear-gradient(180deg,#C9A6FF 0%,#9C66F0 48%,#7A3FD6 52%,#8E55E8 100%);border-color:#4A2385;color:#FFFFFF}.rc.t-epic i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#D9BCFF 45%,#6A32B8 100%)}.rc.t-legendary{background:linear-gradient(180deg,#FFF3D6 0%,#FFD47E 48%,#F0A83A 52%,#F7C05C 100%);border-color:#9C5A07;color:#3F2403}.rc.t-legendary i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#FFB43C 45%,#9C5A07 100%)}.rc.t-mythic{background:linear-gradient(180deg,#FF9DB6 0%,#F2547E 48%,#D12E5B 52%,#E5466F 100%);border-color:#8A1636;color:#FFFFFF}.rc.t-mythic i{background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#FFD0DC 45%,#9A1B3E 100%)}.rc.t-unicorn{background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.15) 48%,rgba(255,255,255,0) 52%,rgba(255,255,255,.25) 100%),linear-gradient(110deg,#FFD6E4 0%,#E3D2FF 28%,#CFE6FF 52%,#D6FFEE 74%,#FFF1C9 100%);border-color:#8A7BB8;color:#3A2E66}.rc.t-unicorn i{background:linear-gradient(135deg,#FF3D71,#A35CFF,#2E8BFF,#2FBF71,#FF9F1C)}
.tyr{min-height:52px;padding:8px 0;box-sizing:border-box;display:flex;align-items:center;gap:12px;border-top:1px solid #E4E3DE}.tyr:first-child{border-top:0}.tyr span:first-child{flex:1;font-weight:800;font-size:15px}.tyr .rc{align-self:center}
.gc{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.gc::-webkit-scrollbar{display:none}
.g{flex:0 0 168px;width:168px;min-width:0;box-sizing:border-box;scroll-snap-align:start;background:#FBFBF8;border:1px solid #E4E3DE;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:6px;position:relative}
.g .ph{height:104px;border-radius:10px;overflow:hidden;background:#E4E3DE;display:grid;place-items:center}
.g .ph img{width:100%;height:100%;object-fit:cover;display:block}
.g .ph.sil{background:linear-gradient(180deg,#FFFFFF 0%,#F1F0EB 64%,#E4E3DE 100%)}.g .ph.sil svg{width:74%;height:auto;fill:var(--c);margin-top:8%}
.g h3{margin:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g .yrs{font:500 10px/1.2 Mono,monospace;letter-spacing:.8px;color:#5F636B;min-height:12px}
.g small{font:500 8.5px/1.3 Mono,monospace;color:#8A8D94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g small a{color:inherit}
.g.mine{border:2px solid #16181D;padding:7px}.g.mine:before{content:"✓ Jouw auto";position:absolute;z-index:2;right:14px;top:14px;background:#16181D;color:#fff;font:600 10px/1 Mono,monospace;border-radius:11px;padding:6px 8px}
.g.shared{border:2px solid #8DBF46;padding:7px}
.cls{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}
.cl{height:30px;padding:0 10px;border-radius:999px;border:1px solid #E4E3DE;background:#F1F0EB;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.cl.sh{border-color:#8E9197}
.cl i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(22,24,29,.2)}.cl em{font:500 11px Mono,monospace;font-style:normal;color:#5F636B}
.more{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.more::-webkit-scrollbar{display:none}
.more a{flex:0 0 120px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#16181D}
.more .th{position:relative;height:62px;border-radius:12px;overflow:hidden;border:1px solid #DAD9D3;background:linear-gradient(180deg,#FFFFFF 0%,#F1F0EB 70%,#E4E3DE 100%);display:grid;place-items:center}
.more .th:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c)}
.more .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.more a.on .th img,.more a:hover .th img{opacity:1}
.more .th b{font:900 italic 22px Archivo,sans-serif;color:#CDCED2}.more a.on .th{border:2px solid #16181D}
.more .nm{font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shr{text-align:center;margin:20px 0 4px}.shr button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;font:700 14px Archivo,sans-serif;color:#16181D;text-decoration:underline;cursor:pointer}.shr svg{width:17px;height:17px}
.tb{background:#fff;border:1px solid #E4E2DA;border-radius:16px;overflow:hidden}.tr{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #ECEBE6;min-height:48px}.tr:first-child{border-top:0}
.tr .l{flex:1;font-weight:700;font-size:14px}.tr .v{color:#4A4E56;text-align:right;font:500 13px/1.35 Mono,monospace;max-width:55%}.tr i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:800;flex:none}
.tr i.ok{background:#2F8F57;color:#fff}.tr i.no{background:#D64538;color:#fff}.tr i.na{background:#B4B7BD;color:#fff}
.tr i svg{width:13px;height:13px;stroke-width:3}
/* plate lookups without jumps: a skeleton of the details' shape first, then the current car stays (dimmed) until the next one is in */
.carbox[aria-busy=true]{position:relative}.carbox[aria-busy=true]>*:not(.skel){opacity:.45;transition:opacity .2s}
.carbox[aria-busy=true]:before{content:"";position:absolute;z-index:2;left:0;right:0;top:-6px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#8DBF46,transparent);background-size:40% 100%;background-repeat:no-repeat;animation:bar 1.1s ease-in-out infinite}
@keyframes bar{from{background-position:-40% 0}to{background-position:140% 0}}
.sk{pointer-events:none}.sk h2,.st.sk .ic,.st.sk b,.st.sk span,.tr.sk .l,.tr.sk .v,.tr.sk i{display:block;border-radius:8px;background:#E4E3DE;color:transparent} /* still blocks: a moving shimmer reads as flicker */
.sec-h.sk h2{width:140px;height:26px}.st.sk b{width:70%;height:24px;margin-top:10px}.st.sk span{width:45%;height:12px;margin-top:8px}.tr.sk .l{flex:none;width:30%;height:14px}.tr.sk .v{flex:none;margin-left:auto;width:28%;height:14px}
@keyframes sh{to{background-position:-200% 0}}
/* moving to another model's page: no cross-document view transition. Chromium (Arc, Chrome) skipped it or faded in from an
   empty snapshot, which showed one bare frame between the pages; without it the browser keeps the old page on screen until
   the new one has painted its content (paint holding), and the next page arrives with its details and picture ready */
@media (prefers-reduced-motion:reduce){.carbox[aria-busy=true]:before{animation:none}}
.tl{display:grid}.ev{display:flex;gap:14px}.ev .rl{width:16px;display:flex;flex-direction:column;align-items:center}.ev .rl i{width:14px;height:14px;border-radius:50%;margin-top:4px;background:#16181D;flex:none}.ev .rl b{flex:1;width:2px;background:#D5D4CE}
.ev.good .rl i{background:#2F8F57}.ev.warn .rl i{background:#E0A22B}.ev.bad .rl i{background:#D64538}.ev.due .rl i{background:transparent;border:2px dashed #B9BBC0}
.bd2{flex:1;min-width:0;padding-bottom:16px}.bd2[data-open]{cursor:pointer}.r1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.r1 span{font-weight:700;font-size:14px}.r1 em{font-style:normal;font-weight:400;color:#5F636B;margin-left:.4em}.r1 em.bad{color:#D64538}.r1 time{font:500 12px Mono,monospace;color:#5F636B;white-space:nowrap}
.bd2 .sub{font-size:13px;color:#4A4E56;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd2 .all p{margin:.4em 0;font-size:13px;color:#3C4048}.bd2 .all code{font:500 10px Mono,monospace;color:#5C6068;margin-right:6px}
.src{font:500 11px Mono,monospace;color:#8A8E95;margin:20px 0 0}.carbox .card{margin-bottom:8px}
footer{color:#5C6068;font-size:13px;margin-top:40px}footer a{color:#5C6068}.fl-nav{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:10px;font-weight:700}
.hero{position:relative;color:#fff;background:#16181D;overflow:hidden}
.ttl .b{display:block;font-size:12px;letter-spacing:.24em;font-weight:800;color:#E8EAF0;text-transform:uppercase;margin:18px 0 .3em}.ttl .gn:not(:empty){font-size:.42em;font-weight:800;opacity:.9;margin-left:.3em}.ttl .gn .short{display:none}
@media(max-width:560px){.ttl .gn .short{display:inline}.ttl .gn .long{display:none}}
/* the rarity: a faint glow from the lower left (a treasure chest's, not over the photo) and the first pill with a gem in its colour, as in the app */
.hero .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 0% 100%,rgba(var(--gl),.32) 0%,rgba(var(--gl),.1) 45%,rgba(var(--gl),0) 75%)}.hero .pill.tier svg{color:var(--tc)}
.hero .chip{background:rgba(255,255,255,.14)!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:7px;padding:5px 12px}.hero .chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tc)}
.hero .bg{position:absolute;top:0;bottom:0;right:0;width:100%;max-width:1000px;height:100%;object-fit:cover;object-position:center 60%;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}.hero .bg[hidden]{display:none}.hero h1 small{font-size:.5em;font-weight:800;opacity:.9;margin-left:.15em}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,15,.55),rgba(11,12,15,0) 55%),linear-gradient(180deg,rgba(11,12,15,.1),rgba(11,12,15,.8))}
.hero{min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}.hero .in{position:relative;width:100%;max-width:860px;margin:0 auto;padding:18px 20px 64px}
.hero nav.crumbs,.hero nav.crumbs a{color:#D5D7DC}.hero .kicker{font-size:12px;letter-spacing:.24em;font-weight:800;color:#E8EAF0;text-transform:uppercase;margin-top:18px}
.hero h1{color:#fff;font-size:clamp(34px,9vw,72px);margin:.05em 0 .25em;line-height:1}
.hero .meta{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding:2px 20px 2px 2px;-webkit-overflow-scrolling:touch}.hero .meta::-webkit-scrollbar{display:none}.hero .meta>*{flex:none;white-space:nowrap}.hero .pill{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex;gap:6px;align-items:center}
.hero .pill svg{width:15px;height:15px}.hero .chip{font-size:13px;padding:5px 14px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.lift{max-width:860px;margin:-34px auto 0;padding:0 20px;position:relative}.lift .pf{margin:0;max-width:none}
main.m{padding-top:26px}.sec-h{display:flex;align-items:center;gap:10px;margin:36px 0 12px}.sec-h h2{margin:0}.sec-h svg{width:22px;height:22px}
.rar{border-radius:24px;padding:22px;color:#fff;background:linear-gradient(160deg,var(--g1),var(--g2) 60%,var(--g3));position:relative;overflow:hidden;box-shadow:0 18px 40px -18px var(--t)}
.rar:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%);opacity:.5}
.rar .top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.rar .gem{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}.rar .gem svg{width:30px;height:30px}
.rar .big{font-size:clamp(26px,6vw,38px);font-weight:800;line-height:1.05}.rar .sub{font-size:14px;color:rgba(255,255,255,.82)}
.ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:20px 0 8px;position:relative;z-index:1}.ladder i{height:8px;border-radius:4px;background:rgba(255,255,255,.2)}.ladder i.on{background:#fff;box-shadow:0 0 12px var(--glow)}
.ladder-l{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.7);text-align:center;position:relative;z-index:1;text-transform:uppercase}.ladder-l b{color:#fff}
.rar .note{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.9);position:relative;z-index:1;display:flex;gap:8px;align-items:flex-start}.rar .note svg{width:18px;height:18px;flex:none;margin-top:2px}
.sg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:800px){.sg{grid-template-columns:repeat(3,1fr)}}
.sg .st{background:#fff;border:1px solid #E4E2DA;border-radius:16px;padding:14px;display:grid;gap:2px}.sg .ic{width:36px;height:36px;border-radius:11px;background:#16181D;color:#8DBF46;display:grid;place-items:center;margin-bottom:6px}.sg .ic svg{width:20px;height:20px}
.sg b{font-size:22px;line-height:1.1}.sg span{font-size:12px;letter-spacing:.08em;color:#5C6068;text-transform:uppercase}
.bar{height:8px;border-radius:4px;background:#ECEBE6;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:var(--c)}.cnt{font-size:13px;color:#3C4048}.cnt b{font-size:16px}
.fl{display:inline-flex;gap:5px;align-items:center;background:#ECEBE6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.fl svg{width:13px;height:13px}.g small{color:#5C6068;font-size:11px}

@media(min-width:800px){.hero .bg{object-fit:contain;object-position:right center;width:auto;max-width:none;left:auto;right:0;opacity:1}.hero .shade{background:linear-gradient(90deg,rgba(11,12,15,.5),rgba(11,12,15,0) 50%),linear-gradient(180deg,rgba(11,12,15,0) 55%,rgba(11,12,15,.7))}}