@font-face{font-family:"Lilita";src:url(/fonts/lilita.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--ink:#14040a;--wine:#22070f;--wine2:#2e0a15;--wine3:#3d0d1b;--red:#e3203c;--red2:#a30c22;--gold:#ffcd4d;--gold2:#e49b14;--gold3:#fff1b8;--cream:#fbecd9;--mut:#d3afa6;--line:rgba(255,196,82,.32);--glow:0 0 18px rgba(255,190,60,.35);--r:18px;--tabh:68px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:500 16px/1.62 Manrope,system-ui,sans-serif;color:var(--cream);background:radial-gradient(1200px 600px at 50% -200px,#4a0b1a 0%,transparent 70%),linear-gradient(#170509,#0e0306);min-height:100vh;padding-bottom:calc(var(--tabh) + 22px)}
a{color:var(--gold)}img{max-width:100%;height:auto;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:#000;padding:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 14px}
/* top app bar */
.bar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(28,6,12,.97),rgba(20,4,9,.94));backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.5)}
.bar .wrap{display:flex;align-items:center;gap:12px;height:62px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.logo svg{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(255,190,60,.55))}
.logo b{font:30px/1 Lilita,sans-serif;background:linear-gradient(180deg,#fff4c6,#ffcf4a 45%,#d98a0c);-webkit-background-clip:text;color:transparent;letter-spacing:.5px}
.logo small{display:block;font:800 9px/1 Manrope;letter-spacing:2.6px;color:#f2b84a;margin-top:3px}
.bar .sp{flex:1}
.pill18{font:800 12px Manrope;color:var(--gold3);border:1.5px solid var(--gold2);border-radius:999px;padding:4px 9px;white-space:nowrap}
/* CTA (site palette: crimson + gold rim, white text) */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:24px/1 Lilita,sans-serif;letter-spacing:.6px;color:#fff;background:linear-gradient(180deg,#ff4d63 0%,#e3203c 45%,#a50b22 100%);border:2px solid var(--gold);border-radius:999px;padding:14px 28px;box-shadow:0 0 0 3px rgba(80,8,20,.9),0 0 22px rgba(255,60,90,.55),inset 0 2px 0 rgba(255,255,255,.35);text-shadow:0 2px 0 rgba(90,5,20,.8);transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(80,8,20,.9),0 0 32px rgba(255,80,110,.8),inset 0 2px 0 rgba(255,255,255,.35)}
.cta.sm{font-size:16px;padding:9px 14px}
.cta.xl{font-size:30px;padding:18px 34px;width:100%;max-width:560px}
.promo{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font:800 14px Manrope;color:#2a0410;background:linear-gradient(180deg,#fff2bd,#ffcd4d 50%,#e49b14);border-radius:12px;padding:10px 14px;box-shadow:0 0 0 2px #7a1022,0 0 14px rgba(255,190,60,.45)}
.ptxt{display:block;font-size:12px;color:var(--mut);margin-top:5px}
/* ticker */
.tick{overflow:hidden;background:linear-gradient(90deg,#5e0a1b,#8d0f26,#5e0a1b);border-bottom:1px solid var(--line);white-space:nowrap}
.tick div{display:inline-block;padding:7px 0;animation:tk 48s linear infinite;font:700 13px Manrope;color:#ffe6a6}
.tick span{margin:0 26px}.tick span:before{content:"✦ ";color:var(--gold)}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick div{animation:none}}
/* chips (category tabs) */
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;text-decoration:none;font:800 13px Manrope;color:var(--cream);background:var(--wine2);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
.chips a.on{background:linear-gradient(180deg,#ffd76a,#e49b14);color:#3a0611;border-color:transparent;box-shadow:var(--glow)}
/* carousel */
.car{position:relative;margin-top:10px;border-radius:22px;border:2px solid #d99a26;box-shadow:0 0 0 4px #2a0710,0 0 30px rgba(255,170,50,.28);overflow:hidden;background:#12040a}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.slides::-webkit-scrollbar{display:none}
.slide{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:16/8.2;min-height:210px}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,3,7,.92) 0%,rgba(14,3,7,.7) 38%,rgba(14,3,7,0) 66%)}
.slide .tx{position:absolute;z-index:2;left:0;top:0;bottom:0;width:60%;padding:22px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.kick{font:800 12px Manrope;letter-spacing:2px;text-transform:uppercase;color:#ff9aa8}
.slide h2,.slide .h{margin:0;font:clamp(26px,4.6vw,54px)/1 Lilita,sans-serif;background:linear-gradient(180deg,#fff4c6,#ffcf4a 45%,#d98a0c);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a0610)}
.slide p{margin:0;font:700 clamp(12px,1.6vw,17px)/1.4 Manrope;color:#f6dccb;max-width:440px}
.chipline{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font:800 12px Manrope;color:var(--gold3);border:1.5px solid var(--gold2);border-radius:999px;padding:5px 10px;background:rgba(40,5,12,.6)}
.slide .go{align-self:flex-start;margin-top:4px;text-decoration:none;font:18px Lilita;color:#3a0611;background:linear-gradient(180deg,#fff2bd,#ffcd4d 50%,#e49b14);padding:10px 18px;border-radius:12px;box-shadow:0 0 0 2px #7a1022}
.arw{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);background:rgba(20,4,9,.75);color:var(--gold);font:800 18px Manrope;cursor:pointer}
.arw.l{left:8px}.arw.r{right:8px}
.dots{position:absolute;z-index:3;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,220,150,.35)}.dots i.on{background:var(--gold);width:22px;border-radius:6px}
/* section heads */
.sh{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}
.sh h2{margin:0;font:22px Lilita,sans-serif;letter-spacing:.6px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(255,180,50,.35)}
.sh h2:before,.sh h2:after{content:"★";font-size:14px;margin:0 8px;vertical-align:3px}
.sh a{font:800 13px Manrope;color:var(--gold3);text-decoration:none}
/* tile rows */
.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}
.tile{scroll-snap-align:start;display:block;border-radius:18px;text-decoration:none;transition:transform .15s,filter .15s}
.tile img{border-radius:18px;aspect-ratio:4/5;width:100%;object-fit:cover;box-shadow:0 8px 18px rgba(0,0,0,.55)}
.tile:hover{transform:translateY(-3px);filter:brightness(1.08)}
.tile span{display:block;text-align:center;font:800 12px Manrope;color:var(--mut);margin-top:6px}
/* panels */
.panel{background:linear-gradient(180deg,var(--wine2),var(--wine));border:1.5px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:inset 0 1px 0 rgba(255,220,150,.08),0 10px 24px rgba(0,0,0,.35)}
.rank{width:100%;border-collapse:separate;border-spacing:0 6px}
.rank td{background:rgba(10,2,5,.45);padding:9px 10px;font-size:14px;vertical-align:middle}
.rank td:first-child{border-radius:12px 0 0 12px;width:46px}.rank td:last-child{border-radius:0 12px 12px 0;text-align:right}
.medal{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font:18px Lilita;color:#3a0611;background:radial-gradient(circle at 35% 30%,#fff3c0,#f4b81f 60%,#a46a05);box-shadow:0 0 0 2px #6b4405}
.medal.m2{background:radial-gradient(circle at 35% 30%,#fff,#c9ccd3 60%,#7b808a);box-shadow:0 0 0 2px #50545c}
.medal.m3{background:radial-gradient(circle at 35% 30%,#ffd9b0,#c8773a 60%,#7a3f12);box-shadow:0 0 0 2px #5a2b08}
.medal.mx{background:#3d0d1b;color:var(--gold);box-shadow:0 0 0 1.5px var(--gold2)}
.pl{display:flex;align-items:center;gap:9px;font-weight:800}
.pl img,.ini{width:30px;height:30px;border-radius:8px;object-fit:contain;background:#fff1;flex:none}
.ini{display:inline-grid;place-items:center;font:800 11px Manrope;color:var(--gold);border:1px solid var(--line)}
.vals{font:700 12px Manrope;color:var(--mut)}
.ok{color:#7ee2a0}.no{color:#ff8c9b}
.panel .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.panel .hd h2{margin:0;font:22px Lilita;color:var(--gold)}
.panel .hd small{font:700 12px Manrope;color:var(--mut)}
.ctabox{text-align:center;padding:22px 14px;margin:18px 0;border-radius:var(--r);background:radial-gradient(circle at 50% 0,#5d0d1d,#22070f 70%);border:1.5px solid var(--line)}
.ctabox p{margin:10px 0 0;font-size:12px;color:var(--mut)}
/* article */
.crumb{font:700 12px Manrope;color:var(--mut);margin:14px 0 6px}.crumb a{color:var(--gold3);text-decoration:none}
.head h1{margin:6px 0 8px;font:clamp(30px,5vw,48px)/1.05 Lilita,sans-serif;background:linear-gradient(180deg,#fff4c6,#ffcf4a 50%,#e0960f);-webkit-background-clip:text;color:transparent}
.lede{font-size:17px;color:#f3d9c9;margin:0 0 10px}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.meta span{font:800 11px Manrope;letter-spacing:.5px;color:var(--gold3);background:var(--wine3);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
figure{margin:12px 0 16px}figure img{border-radius:18px;border:2px solid #c98a1c;box-shadow:0 0 0 4px #2a0710,0 10px 30px rgba(0,0,0,.5);width:100%}
figcaption{font-size:12px;color:var(--mut);margin-top:8px;text-align:center}
.toc{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.toc a{flex:none;font:800 12px Manrope;color:var(--cream);text-decoration:none;background:var(--wine2);border:1px solid var(--line);padding:6px 12px;border-radius:10px}
.layout{display:grid;gap:18px}
@media(min-width:980px){.layout{grid-template-columns:minmax(0,1fr) 320px}.side{position:sticky;top:80px;align-self:start}}
.body{background:linear-gradient(180deg,var(--wine2),var(--wine));border:1px solid var(--line);border-radius:22px;padding:6px 18px 18px}
.body h2{font:26px/1.15 Lilita;color:var(--gold);margin:24px 0 8px;scroll-margin-top:80px}
.body h3{font:800 16px Manrope;color:var(--gold3);margin:0 0 4px}
.body p,.body li,.body dd{color:#f2dccd}
.body code{background:#0e0306;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--gold3);font-size:.92em}
.body q{color:var(--gold3);font-style:italic}
.callout{border-radius:14px;padding:12px 14px;margin:14px 0;font-size:15px}
.callout.gold{background:linear-gradient(90deg,rgba(255,200,70,.16),rgba(255,200,70,.04));border:1px solid rgba(255,200,70,.5)}
.callout.red{background:linear-gradient(90deg,rgba(227,32,60,.22),rgba(227,32,60,.05));border:1px solid rgba(255,90,110,.55)}
.grid2,.grid3{display:grid;gap:10px;margin:12px 0}
@media(min-width:620px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}}
.mini{background:rgba(10,2,5,.45);border:1px solid var(--line);border-radius:14px;padding:12px}.mini p{margin:0;font-size:14px}.mini.hl{border-color:var(--gold);box-shadow:var(--glow)}
ul.ticks{list-style:none;padding:0}ul.ticks li{position:relative;padding-left:28px;margin:8px 0}ul.ticks li:before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:6px;background:linear-gradient(180deg,#ffd76a,#e49b14);box-shadow:0 0 8px rgba(255,190,60,.5)}
ul.ticks li:after{content:"";position:absolute;left:6px;top:8px;width:5px;height:9px;border:solid #4a0610;border-width:0 2px 2px 0;transform:rotate(45deg)}
ol.steps{counter-reset:s;list-style:none;padding:0}ol.steps li{counter-increment:s;position:relative;padding:10px 12px 10px 52px;margin:8px 0;background:rgba(10,2,5,.4);border:1px solid var(--line);border-radius:14px}
ol.steps li:before{content:counter(s);position:absolute;left:10px;top:9px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:17px Lilita;color:#3a0611;background:radial-gradient(circle at 35% 30%,#fff3c0,#f4b81f 60%,#a46a05)}
.tbl{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px;overflow:hidden;border-radius:12px}
.tbl th{background:linear-gradient(180deg,#8d0f26,#5e0a1b);color:var(--gold3);text-align:left;padding:9px}.tbl td{padding:9px;border-bottom:1px solid rgba(255,196,82,.15);background:rgba(10,2,5,.35)}
.statrow{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0 4px}@media(min-width:620px){.statrow{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center;padding:12px 6px;border-radius:14px;background:radial-gradient(circle at 50% 0,#5d0d1d,#1d060c);border:1.5px solid var(--gold2)}.stat b{display:block;font:28px Lilita;color:var(--gold)}.stat span{font:800 11px Manrope;color:var(--mut);text-transform:uppercase;letter-spacing:1px}
.fine{font-size:12px;color:var(--mut)}
dl.gloss dt{font:800 15px Manrope;color:var(--gold3);margin-top:12px}dl.gloss dd{margin:2px 0 0;padding-left:12px;border-left:2px solid var(--red2)}
.tag-myth{font:800 10px Manrope;color:#fff;background:var(--red);border-radius:6px;padding:1px 6px;text-transform:uppercase;vertical-align:2px}
.myth{border-left:4px solid var(--red);padding-left:12px;margin:14px 0}.myth h2{margin-top:10px}
ol.symlist{list-style:none;padding:0;display:grid;gap:8px}ol.symlist li{display:flex;gap:12px;align-items:center;background:rgba(10,2,5,.4);border:1px solid var(--line);border-radius:14px;padding:10px}
ol.symlist p{margin:0;font-size:14px}.sym{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle,#5d0d1d,#250810);border:1.5px solid var(--gold2)}
.lines{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.ln{text-align:center;font:700 11px Manrope;color:var(--mut)}
.ln i{display:block;height:56px;border-radius:10px;margin-bottom:5px;border:1px solid var(--line);background-color:#12040a;background-repeat:no-repeat}
.ln i.r1{background-image:linear-gradient(var(--gold),var(--gold));background-size:80% 3px;background-position:50% 22%}
.ln i.r2{background-image:linear-gradient(var(--gold),var(--gold));background-size:80% 3px;background-position:50% 50%}
.ln i.r3{background-image:linear-gradient(var(--gold),var(--gold));background-size:80% 3px;background-position:50% 78%}
.ln i.d1{background-image:linear-gradient(to bottom right,transparent 47%,var(--gold) 47%,var(--gold) 53%,transparent 53%)}
.ln i.d2{background-image:linear-gradient(to top right,transparent 47%,var(--gold) 47%,var(--gold) 53%,transparent 53%)}
details{background:rgba(10,2,5,.4);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0}summary{cursor:pointer;font-weight:800;color:var(--gold3)}
/* review cards (ranked list) */
.rv-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.rv-tools input{flex:1;min-width:200px;background:#0e0306;border:1.5px solid var(--line);border-radius:12px;color:var(--cream);font:700 15px Manrope;padding:11px 14px}
.tabs{display:flex;gap:6px}.tabs button{font:800 13px Manrope;color:var(--cream);background:var(--wine2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}.tabs button.on{background:linear-gradient(180deg,#ffd76a,#e49b14);color:#3a0611}
.tier{margin:18px 0 6px;font:20px Lilita;color:var(--gold)}.tier small{font:700 12px Manrope;color:var(--mut);margin-left:6px}
.cards{display:grid;gap:10px}@media(min-width:760px){.cards{grid-template-columns:1fr 1fr}}
.card{position:relative;content-visibility:auto;contain-intrinsic-size:auto 250px;background:linear-gradient(180deg,var(--wine2),#1a050b);border:1.5px solid var(--line);border-radius:18px;padding:14px 14px 12px 64px}
.card .rk{position:absolute;left:10px;top:12px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:20px Lilita;color:#3a0611;background:linear-gradient(180deg,#fff0b0,#ffcd4d 50%,#d38b0c);box-shadow:0 0 12px rgba(255,190,60,.4)}
.card.t3 .rk{background:linear-gradient(180deg,#5e0a1b,#3d0d1b);color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold2)}
.card h3{margin:0;display:flex;align-items:center;gap:8px;font:800 17px Manrope;color:#fff}
.card .hn{font:700 12px Manrope;color:var(--mut)}
.card .lb{display:inline-block;margin:6px 0;font:800 10px Manrope;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--red2);color:#fff}
.card.t1 .lb{background:#1f6b40}.card.t2 .lb{background:#8a5a06}
.card p{margin:4px 0;font-size:13.5px;color:#ead2c4}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0;font-size:12.5px}.kv div{display:flex;justify-content:space-between;gap:6px;border-bottom:1px dashed rgba(255,196,82,.18);padding-bottom:3px}.kv b{color:var(--gold3);font-weight:800}.kv span{color:var(--mut)}
.btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.visit{font:800 13px Manrope;color:var(--cream);text-decoration:none;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;background:rgba(10,2,5,.4)}
.read{font:800 13px Manrope;color:var(--gold);text-decoration:none}
.hidden{display:none!important}
/* review page id card */
.idcard{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;border:1.5px solid var(--gold2);background:radial-gradient(circle at 0 0,#5d0d1d,#1d060c);margin:12px 0}
.idcard img,.idcard .ini{width:64px;height:64px;border-radius:14px;font-size:18px}
.idcard h2{margin:0!important;font:22px Lilita!important;color:#fff!important}
/* footer */
.foot{margin-top:28px;border-top:1px solid var(--line);background:#0c0205;padding:22px 0 30px;font-size:13px;color:var(--mut)}
.foot .cols{display:grid;gap:16px}@media(min-width:760px){.foot .cols{grid-template-columns:1.4fr 1fr 1fr}}
.foot h4{margin:0 0 6px;font:16px Lilita;color:var(--gold)}.foot a{color:var(--cream);text-decoration:none;display:block;margin:3px 0}
.badge18{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--red);color:#fff;font:800 14px Manrope;margin-right:8px;float:left}
/* bottom tab bar */
.tabbar{position:fixed;z-index:50;left:0;right:0;bottom:0;height:var(--tabh);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(180deg,#2a0811,#120307);border-top:1.5px solid #c98a1c;box-shadow:0 -8px 24px rgba(0,0,0,.6)}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font:800 11px Manrope;letter-spacing:.4px;color:#e9c9a8;text-transform:uppercase}
.tabbar svg{width:25px;height:25px;fill:none;stroke:#f2b84a;stroke-width:1.8}
.tabbar a.on{color:var(--gold);background:radial-gradient(circle at 50% 120%,rgba(255,190,60,.35),transparent 70%);box-shadow:inset 0 3px 0 var(--gold)}
.tabbar a.on svg{stroke:var(--gold);filter:drop-shadow(0 0 6px rgba(255,200,80,.8))}
@media(min-width:900px){.tabbar{left:50%;right:auto;transform:translateX(-50%);bottom:14px;width:560px;border-radius:22px;border:1.5px solid #c98a1c}}
/* more sheet */
.sheet{position:fixed;inset:0;z-index:60;display:none;background:rgba(0,0,0,.6)}.sheet:target{display:block}
.sheet .in{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;background:linear-gradient(180deg,#2e0a15,#14040a);border:1.5px solid #c98a1c;border-radius:22px 22px 0 0;padding:18px}
.sheet h3{margin:0 0 8px;font:22px Lilita;color:var(--gold)}.sheet a{display:block;padding:11px 4px;border-bottom:1px solid rgba(255,196,82,.15);color:var(--cream);text-decoration:none;font-weight:800}
.sheet .x{float:right;color:var(--gold);border:0}
.intro{display:grid;gap:16px;align-items:center}@media(min-width:860px){.intro{grid-template-columns:1.1fr 1fr}}
.intro h2{font:28px/1.1 Lilita;color:var(--gold);margin:0 0 8px}
/* v2 layout fixes */
.cta.sm{white-space:nowrap}
@media(max-width:480px){.logo small{display:none}.logo b{font-size:26px}.logo svg{width:38px;height:38px}.cta.sm{font-size:14px;padding:9px 12px}.pill18{display:none}}
.lobby{display:grid;gap:4px;grid-template-areas:"car" "slots" "rank"}
.lobby .car{grid-area:car}.lobby .slotsbox{grid-area:slots;min-width:0}.lobby .rankbox{grid-area:rank;min-width:0}
@media(min-width:980px){.lobby{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"car rank" "slots slots";column-gap:16px}.lobby .rankbox .panel{margin-top:10px!important;height:calc(100% - 10px)}.slide{aspect-ratio:16/7.4}}
@media(max-width:699px){.arw{display:none}.slide{aspect-ratio:auto;min-height:258px}.slide .tx{width:72%;padding:16px}.slide:after{background:linear-gradient(90deg,rgba(14,3,7,.95) 0%,rgba(14,3,7,.75) 50%,rgba(14,3,7,.1) 85%)}.dots{left:auto;right:14px;justify-content:flex-end}}
.row{grid-auto-columns:30%}
@media(min-width:700px){.row{grid-auto-columns:calc((100% - 40px)/5)}}
.rankbox .rank td{padding:7px 8px}
@media(min-width:980px){.lobby .car{display:flex;margin-top:10px}.lobby .slides{flex:1}.lobby .slide{aspect-ratio:auto;height:100%;min-height:360px}}
.layout>*,.lobby>*{min-width:0}main{overflow-x:clip}
.slotsbox,.layout article{overflow:hidden}.row{width:100%}
.lobby,.layout{grid-template-columns:minmax(0,1fr)}@media(min-width:980px){.lobby{grid-template-columns:minmax(0,1fr) 380px}.layout{grid-template-columns:minmax(0,1fr) 320px}}
.tile{position:relative}
.cta.xl{white-space:nowrap}@media(max-width:480px){.cta.xl{font-size:23px;padding:16px 18px}}@media(min-width:700px){.slide .tx{padding-left:62px}}