:root{--bg:#090c0f;--bg2:#0e1317;--surface:#11171c;--surface2:#151d23;--line:#233039;--text:#f2f5f6;--muted:#92a0aa;--accent:#b6ff39;--accent2:#79f2c0;--warning:#ffba49;--danger:#ff6b6b;--max:1220px;--r:20px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(182,255,57,.08),transparent 34rem),var(--bg);color:var(--text);font:400 15px/1.62 "Onest",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-80px;background:var(--accent);color:#0a0d0f;padding:10px 14px;z-index:9999;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(9,12,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-.025em}.brand>span:last-child>span{color:var(--accent)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:#0a0d0f;border-radius:11px;font-weight:900;box-shadow:0 0 26px rgba(182,255,57,.16)}.desktop-nav{display:flex;gap:26px;color:#c1c9ce;font-size:14px}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--accent)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;position:relative}.nav-toggle span{position:absolute;width:22px;height:2px;background:var(--text);left:11px;transition:.2s}.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:25px}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.eyebrow.live i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(182,255,57,.08)}.eyebrow.good{color:var(--accent2)}.eyebrow.warn{color:var(--warning)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.024em;font-weight:800}h1{font-size:clamp(44px,7vw,92px);margin:18px 0 20px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(28px,4vw,46px);margin-bottom:14px}h3{font-size:21px}.muted,.micro{color:var(--muted)}.micro{font-size:12px}.hero{padding:82px 0 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.hero-copy>p{font-size:19px;color:#b6c0c6;max-width:680px}.hero-search{margin:28px 0 16px;display:flex;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:650px}.hero-search input,.search-inline input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);padding:12px 14px}.hero-search button{border:0;background:var(--accent);color:#08100a;font-weight:800;padding:0 22px;border-radius:11px;cursor:pointer}.quick-links{display:flex;flex-wrap:wrap;gap:8px}.quick-links a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#aeb9c0;font-size:13px}.quick-links a:hover{border-color:#52626d;color:var(--text)}.hero-panel{position:relative;padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,rgba(21,29,35,.95),rgba(13,18,22,.95));box-shadow:var(--shadow);overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -80px -100px auto;width:240px;height:240px;background:var(--accent);filter:blur(90px);opacity:.09}.hero-panel-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.16em;color:var(--muted)}.hero-panel-top strong{font-size:42px;color:var(--text);letter-spacing:-.035em}.data-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#aab5bc}.data-row b{color:var(--text)}.hero-chart{height:118px;display:flex;align-items:end;gap:9px;padding-top:22px}.hero-chart i{flex:1;background:linear-gradient(to top,rgba(182,255,57,.2),var(--accent));border-radius:6px 6px 2px 2px;opacity:.85}.section-block{padding:68px 0}.section-block.no-top{padding-top:12px}.section-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{margin-top:8px;margin-bottom:8px}.section-head p{max-width:700px;color:var(--muted);margin:0}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.slot-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;transition:transform .2s,border-color .2s}.slot-card:hover{transform:translateY(-4px);border-color:#3d4b54}.slot-cover{display:block;aspect-ratio:16/9;overflow:hidden;position:relative;background:#151b1f}.slot-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.slot-card:hover .slot-cover img{transform:scale(1.025)}.year-pill{position:absolute;top:10px;right:10px;background:rgba(4,7,9,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:999px;font-size:11px}.slot-card-body{padding:16px}.slot-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.provider-mini{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.rating{font-size:12px;color:#d9e0e4}.slot-card h3{margin:10px 0 8px;font-size:19px}.slot-card p{color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:59px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.mini-stats span{background:var(--bg2);border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:10px;color:var(--muted);font-size:10px;text-transform:uppercase}.mini-stats b{display:block;color:var(--text);font-size:12px;text-transform:none;margin-bottom:1px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-link{color:var(--accent);font-weight:750}.compare-add{background:none;color:var(--muted);border:0;padding:7px 0;cursor:pointer;font-size:12px}.compare-add:hover{color:var(--text)}.center-action{text-align:center;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:.2s}.btn.primary{background:var(--accent);color:#071006}.btn.primary:hover{box-shadow:0 0 0 5px rgba(182,255,57,.08)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn.secondary:hover{border-color:#52616b}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.full{display:flex;width:100%;margin-top:10px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:linear-gradient(180deg,var(--surface),rgba(17,23,28,.55))}.feature-card h3{margin:20px 0 8px}.feature-card p{color:var(--muted);margin:0}.feature-num{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.provider-grid.large{grid-template-columns:repeat(2,1fr)}.provider-card{display:block;border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--surface);min-height:180px}.provider-card:hover{border-color:#45555e}.provider-card>span{font-size:22px;font-weight:900;display:block}.provider-card>b{display:block;margin:6px 0 14px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.provider-card p{color:var(--muted);margin:0;font-size:14px}.provider-card em{display:block;margin-top:15px;font-style:normal;color:var(--accent)}.editorial-callout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:54px}.editorial-callout p{max-width:840px;color:#aeb8bf;font-size:17px}.site-footer{padding:58px 0 24px;background:#07090b;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:60px}.brand-footer{margin-bottom:14px}.footer-grid p{color:var(--muted);max-width:440px}.footer-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#d9e0e4}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);margin:8px 0}.footer-grid>div>a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-top:42px;color:#66737b;font-size:12px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#6f7d85;font-size:12px;margin-bottom:20px}.breadcrumbs a:hover{color:var(--text)}.page-hero{padding:60px 0 34px}.page-hero.compact h1,.provider-hero h1{font-size:clamp(38px,6vw,72px);margin:12px 0 14px}.page-hero>p{font-size:18px;color:var(--muted);max-width:820px}.provider-hero{padding-bottom:40px}.provider-statline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:30px;max-width:900px}.provider-statline>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface)}.provider-statline span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.provider-statline b{font-size:20px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.search-inline{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:min(430px,100%);display:flex}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pills button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;cursor:pointer}.filter-pills button.active{background:#1b241d;color:var(--accent);border-color:#3d5631}.empty-state{padding:38px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.slot-hero{padding-top:34px}.slot-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.slot-poster{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.slot-poster img{width:100%;aspect-ratio:16/9;object-fit:cover}.poster-badge{position:absolute;left:15px;top:15px;background:var(--accent);color:#091008;font-weight:900;font-size:10px;letter-spacing:.1em;padding:7px 10px;border-radius:999px}.slot-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.slot-kicker a{color:var(--accent)}.slot-intro h1{font-size:clamp(38px,5.4vw,68px);margin:12px 0 15px}.lead{font-size:17px;color:#b6c0c6}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0}.hero-stats>div{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:12px}.hero-stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.hero-stats b{font-size:15px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.slot-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:50px}.article-column{display:grid;gap:18px}.content-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px}.content-card.verdict{background:linear-gradient(135deg,#141c20,#111814)}.content-card p{color:#b4bec4}.prose h2{font-size:29px;margin-top:34px}.prose h2:first-child{margin-top:0}.prose p{font-size:16px}.dna-grid{display:grid;gap:17px;margin-top:24px}.dna-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}.dna-row span{color:#b6c0c6}.meter{height:8px;border-radius:999px;background:#20292f;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:inherit}.spec-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:18px}.spec-table>div{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid var(--line)}.spec-table>div:nth-child(odd){border-right:1px solid var(--line)}.spec-table>div:nth-last-child(-n+2){border-bottom:0}.spec-table span{color:var(--muted)}.spec-table a{color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{border:1px solid var(--line);background:var(--bg2);padding:7px 10px;border-radius:999px;color:#b5bfc5;font-size:12px}.tag-row.big span{font-size:14px;padding:9px 12px}.gallery-card{overflow:hidden}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.shot{border:0;padding:0;border-radius:12px;overflow:hidden;background:#111;cursor:zoom-in}.shot img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .2s}.shot:hover img{transform:scale(1.02)}.split-pros{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-pros>div:first-child{padding-right:24px;border-right:1px solid var(--line)}.split-pros ul{padding-left:19px;margin-bottom:0;color:#b9c2c7}.split-pros li{margin:8px 0}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{padding-top:10px;margin-bottom:0}.source-note{font-size:13px;color:#76848c;padding:0 8px}.source-note a{color:#aeb9c0;text-decoration:underline;text-decoration-color:#4b565d}.slot-sidebar{min-width:0}.sticky-card{position:sticky;top:94px;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px}.sticky-card h3{margin:8px 0 18px}.side-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}.side-row b{color:var(--text)}.related{padding-top:48px}.compact-grid{grid-template-columns:repeat(4,1fr)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:1000;padding:20px;display:grid;place-items:center}.modal[hidden]{display:none}.modal-shell{width:min(1200px,100%);height:min(760px,90vh);background:#080b0d;border:1px solid #33404a;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-top button,.lightbox-close{background:none;border:0;color:var(--text);cursor:pointer}.demo-frame{flex:1;min-height:0}.demo-frame iframe{width:100%;height:100%;border:0;background:#000}.lightbox-close{position:fixed;right:24px;top:20px;font-size:18px;z-index:2}.modal>img{max-width:min(1400px,96vw);max-height:92vh;border-radius:14px}.provider-copy{max-width:930px;padding-bottom:70px}.taxonomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.taxonomy-grid a{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px}.taxonomy-grid a:hover{border-color:#4c5b64}.taxonomy-grid span{font-weight:900;font-size:19px}.taxonomy-grid b{float:right;color:var(--accent);font-size:12px}.taxonomy-grid p{clear:both;color:var(--muted);padding-top:12px;margin:0}.compare-builder{padding:20px 0 38px}.compare-builder form{display:grid;grid-template-columns:1fr auto 1fr auto;gap:14px;align-items:end;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px}.compare-builder label{color:var(--muted);font-size:12px}.compare-builder select{display:block;width:100%;margin-top:7px;background:var(--bg2);border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px}.vs{align-self:center;color:var(--accent);font-weight:900}.compare-result{padding-bottom:70px}.compare-head{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:16px}.compare-head>div{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.compare-head img{aspect-ratio:16/9;object-fit:cover;width:100%}.compare-head h2{font-size:24px;padding:16px;margin:0}.compare-head>strong{color:var(--accent);font-size:28px}.compare-row{display:grid;grid-template-columns:210px 1fr 1fr;border-top:1px solid var(--line);padding:13px 0;gap:20px}.compare-row span{color:var(--muted)}.compare-row b{font-weight:650}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guide-grid a{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px}.guide-grid a:hover{border-color:#4a5a63}.guide-grid span{color:var(--accent);font-size:10px;letter-spacing:.12em;font-weight:900}.guide-grid h2{font-size:27px;margin:13px 0 9px}.guide-grid p{color:var(--muted)}.guide-grid em{font-style:normal;color:var(--accent)}.error-page{min-height:66vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-page h1{font-size:64px}.error-page p{color:var(--muted);font-size:18px}
.compare-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;background:#11181c;border:1px solid #35434b;border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.45);padding:10px;display:flex;gap:10px;align-items:center;max-width:calc(100% - 30px)}.compare-dock[hidden]{display:none}.compare-dock .names{display:flex;gap:6px;min-width:0}.compare-dock .names span{background:#0c1114;border:1px solid var(--line);padding:7px 9px;border-radius:9px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.compare-dock a{background:var(--accent);color:#071006;padding:8px 12px;border-radius:9px;font-weight:900;font-size:12px}.compare-dock button{border:0;background:none;color:var(--muted);cursor:pointer}
@media(max-width:1050px){.slot-grid,.compact-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:40px}.slot-layout{grid-template-columns:1fr}.slot-sidebar{display:none}.taxonomy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.desktop-nav{display:none}.nav-toggle{display:block}.mobile-nav{position:absolute;left:0;right:0;top:72px;background:#0c1114;border-bottom:1px solid var(--line);padding:12px 20px 20px}.mobile-nav.open{display:grid}.mobile-nav a{padding:10px 0;color:#c5cdd2}.hero{grid-template-columns:1fr;padding-top:50px}.hero-panel{max-width:620px}.slot-hero-grid{grid-template-columns:1fr}.slot-intro{padding-top:0}.feature-strip{grid-template-columns:1fr}.provider-grid,.provider-grid.large{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.spec-table{grid-template-columns:1fr}.spec-table>div:nth-child(odd){border-right:0}.spec-table>div:nth-last-child(2){border-bottom:1px solid var(--line)}.compare-builder form{grid-template-columns:1fr}.vs{text-align:center}.compare-row{grid-template-columns:120px 1fr 1fr;gap:10px}.compare-head h2{font-size:19px}}
@media(max-width:640px){.shell{width:min(100% - 24px,var(--max))}.header-inner{height:64px}.mobile-nav{top:64px}.hero{padding:38px 0 34px}.hero h1{font-size:48px}.hero-copy>p,.page-hero>p{font-size:16px}.hero-search{display:grid;grid-template-columns:1fr}.hero-search button{min-height:44px}.section-block{padding:45px 0}.slot-grid,.compact-grid{grid-template-columns:1fr 1fr;gap:10px}.slot-card-body{padding:12px}.slot-card h3{font-size:16px}.slot-card p{display:none}.mini-stats{grid-template-columns:1fr;margin:9px 0}.mini-stats span:nth-child(2){display:none}.card-actions .compare-add{display:none}.provider-grid,.provider-grid.large,.taxonomy-grid,.guide-grid{grid-template-columns:1fr}.catalog-toolbar{display:grid}.search-inline{min-width:0}.filter-pills{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-pills button{white-space:nowrap}.slot-hero{padding-top:22px}.slot-intro h1{font-size:40px}.hero-stats{grid-template-columns:1fr 1fr}.content-card{padding:20px;border-radius:16px}.split-pros{grid-template-columns:1fr}.split-pros>div:first-child{padding-right:0;padding-bottom:20px;border-right:0;border-bottom:1px solid var(--line)}.shot-grid{grid-template-columns:1fr}.provider-statline{grid-template-columns:1fr 1fr}.provider-statline>div:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid}.compare-head{grid-template-columns:1fr}.compare-head>strong{text-align:center}.compare-row{grid-template-columns:1fr 1fr}.compare-row span{grid-column:1/-1;font-size:12px}.compare-dock{left:12px;right:12px;transform:none;bottom:12px}.compare-dock .names span{max-width:110px}}
@media(max-width:420px){.slot-grid,.compact-grid{grid-template-columns:1fr}.slot-card p{display:-webkit-box}.mini-stats{grid-template-columns:1fr 1fr}.mini-stats span:nth-child(2){display:block}.hero-stats{grid-template-columns:1fr}.provider-statline{grid-template-columns:1fr}.provider-statline>div:last-child{grid-column:auto}}

.tag-row a{border:1px solid var(--line);background:var(--bg2);padding:7px 10px;border-radius:999px;color:#b5bfc5;font-size:12px}.tag-row a:hover{border-color:#50616b;color:var(--accent)}.tag-row.big a{font-size:14px;padding:9px 12px}
.note{padding:14px 16px;border:1px solid #31414a;background:#0d1418;border-radius:12px;color:#aeb9c0!important}.provider-game-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 28px}.provider-game-list span,.provider-game-list a{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:#c3ccd1;font-size:13px}.provider-game-list a:hover{border-color:#52616b;color:var(--accent)}.related-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.related-mini a{display:grid;gap:5px;border:1px solid var(--line);background:var(--bg2);border-radius:13px;padding:14px}.related-mini a:hover{border-color:#4d5d66}.related-mini b{font-size:15px}.related-mini span,.related-mini em{font-size:12px;color:var(--muted);font-style:normal}.ranking-list{display:grid;gap:18px}.ranking-entry{display:grid;grid-template-columns:56px minmax(260px,360px) 1fr;gap:18px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.ranking-entry>strong{font-size:30px;color:var(--accent);line-height:1}.ranking-entry .slot-card{width:100%}.ranking-entry>p{color:#aeb9bf;font-size:16px;margin:0;padding:6px 0}.author-card{background:linear-gradient(135deg,#12191d,#101611)}.author-card .text-link{display:inline-block;margin-top:4px}@media(max-width:820px){.ranking-entry{grid-template-columns:42px 1fr}.ranking-entry>p{grid-column:2}.related-mini{grid-template-columns:1fr}}@media(max-width:560px){.ranking-entry{grid-template-columns:1fr}.ranking-entry>strong,.ranking-entry>p{grid-column:auto}.related-mini{grid-template-columns:1fr}}

.release-month{padding-top:38px}.release-month+.release-month{border-top:1px solid rgba(255,255,255,.05)}

/* V2.2 annual index: deliberately different from the new-release card feed. */
.year-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.year-index{margin-top:18px}.year-table-wrap{overflow-x:auto;margin-top:14px}.year-table{width:100%;border-collapse:collapse;min-width:720px}.year-table th,.year-table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}.year-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.year-table td{vertical-align:top}.year-table a{color:inherit}.year-table a:hover{color:var(--accent)}@media(max-width:900px){.year-dashboard{grid-template-columns:1fr}}

/* V2.3 — stable catalogue cards */
.slot-grid{align-items:stretch}
.slot-card{display:flex;flex-direction:column;height:100%}
.slot-card .slot-cover{flex:0 0 auto}
.slot-card-body{display:flex;flex-direction:column;flex:1}
.slot-card h3{line-height:1.28;min-height:2.56em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.slot-card p{flex:0 0 auto}
.slot-card .mini-stats{margin-top:auto}
.slot-card .card-actions{margin-top:0}
.spec-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:640px){.slot-card h3{min-height:2.56em}}
@media(max-width:420px){.slot-card h3{min-height:auto}}


/* v2.4 — refined slot hero, demo modal and motion system */
body.modal-open{overflow:hidden;touch-action:none}
.site-loader{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;background:rgba(7,10,12,.94);backdrop-filter:blur(14px);opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease;pointer-events:none;animation:site-loader-fallback .45s ease 2.2s forwards}
.site-loader.is-done{opacity:0;visibility:hidden}
.site-loader-inner{display:flex;align-items:center;gap:13px;min-width:210px}.site-loader-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#081006;font-size:24px;font-weight:950;box-shadow:0 0 50px rgba(182,255,57,.18);animation:loader-pulse 1.15s ease-in-out infinite}.site-loader-inner b{display:block;font-size:18px;letter-spacing:-.03em}.site-loader-inner div>i{display:block;width:145px;height:3px;margin-top:9px;border-radius:999px;background:#1d272c;overflow:hidden;position:relative}.site-loader-inner div>i:after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loader-line 1s ease-in-out infinite}
@keyframes loader-line{from{transform:translateX(-120%)}to{transform:translateX(300%)}}@keyframes loader-pulse{50%{transform:scale(1.06);box-shadow:0 0 64px rgba(182,255,57,.28)}}@keyframes site-loader-fallback{to{opacity:0;visibility:hidden}}

.slot-hero-grid{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:54px;align-items:center}
.slot-poster{width:100%;max-width:560px;aspect-ratio:16/9;justify-self:start;display:grid;place-items:center;background:linear-gradient(145deg,#0b1013,#11191c);isolation:isolate}
.slot-poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%,transparent 72%,rgba(0,0,0,.18));z-index:1}
.slot-poster img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1);background:#090d0f}
.slot-poster:hover img{transform:scale(1.012)}
.slot-intro{min-width:0}.slot-intro h1{font-size:clamp(40px,5vw,68px);overflow-wrap:anywhere}
.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stats>div:last-child{grid-column:auto}.hero-stats b{overflow-wrap:anywhere}

.btn,.filter-pills button,.taxonomy-grid a,.provider-card,.content-card,.slot-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,opacity .22s ease}
.btn:not(:disabled):hover{transform:translateY(-2px)}.content-card:hover{border-color:#33424b}.slot-card:hover,.provider-card:hover,.taxonomy-grid a:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(0,0,0,.16)}
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(14px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-ready .reveal-on-scroll.is-visible{opacity:1;transform:none}

.demo-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:clamp(10px,2vw,24px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.demo-modal[hidden]{display:none}.demo-modal.is-open{opacity:1;visibility:visible}.demo-backdrop{position:absolute;inset:0;border:0;background:rgba(1,4,6,.78);backdrop-filter:blur(14px) saturate(.72);cursor:pointer}.demo-modal-shell{position:relative;z-index:1;width:min(1280px,96vw);height:min(820px,92dvh);background:#070b0e;border:1px solid #34434d;border-radius:22px;box-shadow:0 40px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025) inset;overflow:hidden;display:flex;flex-direction:column;transform:translateY(18px) scale(.985);opacity:0;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .24s ease}.demo-modal.is-open .demo-modal-shell{transform:none;opacity:1}.demo-modal-top{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#11181c,#0b1013)}.demo-modal-heading{min-width:0}.demo-modal-heading>span{display:block;color:var(--accent);font-weight:900;font-size:10px;letter-spacing:.13em}.demo-modal-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;line-height:1.2;margin:3px 0}.demo-modal-heading small{display:block;color:#7f8d95;font-size:11px}.demo-modal-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.demo-modal-actions>a{color:#aab6bd;font-size:12px;border:1px solid #2d3941;padding:8px 10px;border-radius:10px}.demo-modal-actions>a:hover{color:var(--accent);border-color:#495b65}.demo-icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid #2e3b43;background:#0d1317;color:#e9eef0;border-radius:11px;cursor:pointer;font-size:17px;transition:.2s}.demo-icon-btn:hover{background:#182127;border-color:#50616b;color:var(--accent)}.demo-close{font-size:24px;line-height:1}.demo-stage{position:relative;flex:1;min-height:0;background:#030506;overflow:hidden}.demo-frame{position:absolute;inset:0}.demo-frame iframe{width:100%;height:100%;border:0;background:#050708;opacity:0;animation:demo-frame-in .35s ease .18s forwards}.demo-loader{position:absolute;z-index:2;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 44%,rgba(182,255,57,.055),transparent 23rem),#070b0d;color:#dfe6e9;transition:opacity .25s ease}.demo-loader[hidden]{display:none}.demo-loader.is-loaded{opacity:0}.demo-loader b{font-size:16px}.demo-loader>span{color:#718087;font-size:12px}.demo-spinner{display:flex;gap:6px;margin-bottom:9px}.demo-spinner i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:demo-dot .9s ease-in-out infinite}.demo-spinner i:nth-child(2){animation-delay:.12s}.demo-spinner i:nth-child(3){animation-delay:.24s}.demo-loading-line{width:min(260px,60vw);height:3px;border-radius:999px;background:#182126;margin-top:10px;overflow:hidden}.demo-loading-line i{display:block;width:34%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loader-line 1s ease-in-out infinite}.demo-fallback{position:relative;z-index:3;flex:0 0 auto;width:100%;padding:10px 16px;border:0;border-top:1px solid #27343b;border-radius:0;background:#0b1013;color:#8e9ba2;font-size:11px;line-height:1.45;text-align:center}.demo-fallback a{color:var(--accent);font-weight:700}.demo-fallback[hidden]{display:none}.demo-seo-card .demo-launch{margin-top:6px}@keyframes demo-frame-in{to{opacity:1}}@keyframes demo-dot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-7px);opacity:1}}

.lightbox-modal{position:fixed;inset:0;z-index:2050;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.22s}.lightbox-modal[hidden]{display:none}.lightbox-modal.is-open{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.86);backdrop-filter:blur(12px);cursor:pointer}.lightbox-modal>img{position:relative;z-index:1;max-width:min(1500px,94vw);max-height:90dvh;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.55);transform:scale(.985);transition:.25s}.lightbox-modal.is-open>img{transform:none}.lightbox-modal .lightbox-close{position:fixed;z-index:2;right:22px;top:18px;width:42px;height:42px;border:1px solid #38464e;background:#10171b;border-radius:12px;font-size:27px}

.demo-page-hero .quick-links{margin-top:20px}.demo-slot-wrap{display:flex;flex-direction:column;gap:9px}.demo-slot-wrap>.btn{margin-top:auto}.demo-empty a{color:var(--accent)}

@media(max-width:980px){.slot-hero-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:34px}.hero-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.slot-hero-grid{grid-template-columns:1fr;gap:26px}.slot-poster{max-width:680px;justify-self:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.demo-modal-shell{width:100%;height:min(860px,95dvh)}}
@media(max-width:640px){.slot-poster{border-radius:18px}.slot-intro h1{font-size:clamp(34px,11vw,48px)}.demo-modal{padding:0}.demo-modal-shell{width:100vw;height:100dvh;max-height:none;border-radius:0;border-left:0;border-right:0}.demo-modal-top{padding:10px 10px 10px 13px;min-height:68px}.demo-modal-heading small{display:none}.demo-modal-actions>a{display:none}.demo-icon-btn{width:40px;height:40px}.demo-fallback{padding:9px 12px}.hero-stats{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.hero-stats{grid-template-columns:1fr 1fr}.demo-modal-heading strong{max-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-loader-mark,.site-loader-inner div>i:after,.demo-spinner i,.demo-loading-line i{animation:none!important}.motion-ready .reveal-on-scroll,.btn,.slot-card,.provider-card,.taxonomy-grid a,.content-card,.slot-poster img,.demo-modal,.demo-modal-shell,.lightbox-modal,.lightbox-modal>img{transition:none!important;transform:none!important}.motion-ready .reveal-on-scroll{opacity:1!important}}

/* V2.4.1 — centered close controls. Draw the cross with CSS instead of a font glyph,
   so it stays geometrically centered on Windows/macOS/mobile at every zoom level. */
.demo-close,
.lightbox-close,
.compare-dock button[aria-label="Очистить сравнение"],
.modal-top button[aria-label*="Закрыть"]{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  padding:0!important;
  margin:0;
  line-height:0!important;
  font-size:0!important;
  text-indent:-9999px;
  overflow:hidden;
  appearance:none;
  -webkit-appearance:none;
}
.demo-close::before,.demo-close::after,
.lightbox-close::before,.lightbox-close::after,
.compare-dock button[aria-label="Очистить сравнение"]::before,
.compare-dock button[aria-label="Очистить сравнение"]::after,
.modal-top button[aria-label*="Закрыть"]::before,
.modal-top button[aria-label*="Закрыть"]::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform-origin:center;
  pointer-events:none;
}
.demo-close::before,.lightbox-close::before,
.compare-dock button[aria-label="Очистить сравнение"]::before,
.modal-top button[aria-label*="Закрыть"]::before{
  transform:translate(-50%,-50%) rotate(45deg);
}
.demo-close::after,.lightbox-close::after,
.compare-dock button[aria-label="Очистить сравнение"]::after,
.modal-top button[aria-label*="Закрыть"]::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}
.demo-close{width:38px;height:38px;min-width:38px;min-height:38px}
.lightbox-modal .lightbox-close{width:42px;height:42px;min-width:42px;min-height:42px;display:grid;place-items:center}
.compare-dock button[aria-label="Очистить сравнение"]{
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--muted);
  background:transparent;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.compare-dock button[aria-label="Очистить сравнение"]:hover{
  color:var(--text);
  background:#182127;
  border-color:#35434b;
}
.demo-close:focus-visible,
.lightbox-close:focus-visible,
.compare-dock button[aria-label="Очистить сравнение"]:focus-visible,
.modal-top button[aria-label*="Закрыть"]:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

/* V2.5 — editorial authors + scheduled guide system */
.authors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.author-card-full{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#11181d,#0d1317);color:var(--text);text-decoration:none;box-shadow:0 20px 50px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.author-card-full:hover{transform:translateY(-5px);border-color:#43525b;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.author-card-full>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#0b1013}
.author-card-full>div{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}
.author-card-full span{font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:800}
.author-card-full h2{font-size:27px;line-height:1.05;margin:0}
.author-card-full p{margin:0;color:var(--muted);line-height:1.62}
.author-card-full em{font-style:normal;color:#bcd0dc;margin-top:auto;padding-top:10px;font-size:13px}
.author-profile-hero{padding-top:28px;padding-bottom:34px}.author-profile-hero .breadcrumbs{margin-bottom:24px}
.author-profile-grid{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:54px;align-items:center}
.author-profile-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.26)}
.author-profile-grid h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:8px 0 12px}.author-role{color:var(--accent);font-weight:800;font-size:17px;margin:0 0 16px}.author-profile-grid .lead{max-width:760px}
.author-email{display:inline-flex;margin-top:8px;color:#d9e8ef;text-decoration:none;border-bottom:1px solid #42535c;padding-bottom:3px}.author-email:hover{color:var(--accent)}
.author-tags{margin-top:22px}.author-material-list{display:grid;gap:10px;margin-top:16px}.author-material-list a{display:grid;grid-template-columns:92px 1fr auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#0d1418}.author-material-list a:hover{border-color:#40515b}.author-material-list span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.author-material-list b{color:var(--text)}.author-material-list em{font-style:normal;color:var(--muted);font-size:13px}
.editorial-people{overflow:hidden}.people-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 14px}.person-mini{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:#0d1418;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease}.person-mini:hover{border-color:#44545e;transform:translateY(-2px)}.person-mini img{width:72px;height:72px;object-fit:cover;border-radius:14px}.person-mini span{min-width:0;display:flex;flex-direction:column;gap:3px}.person-mini small{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-size:10px;font-weight:900}.person-mini b{font-size:16px}.person-mini em{font-style:normal;color:var(--muted);font-size:12px;line-height:1.4}
.article-byline{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.article-byline>a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;min-width:250px;max-width:390px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(14,21,25,.84);text-decoration:none;color:var(--text)}.article-byline img{width:52px;height:52px;object-fit:cover;border-radius:12px}.article-byline span{display:flex;flex-direction:column;gap:1px;min-width:0}.article-byline small{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.article-byline b{font-size:14px}.article-byline em{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-grid-rich>a{display:flex;flex-direction:column}.guide-grid-rich>a>span{font-size:10px;letter-spacing:.08em}.guide-author-mini{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:#c8d6dd;font-size:12px}.guide-author-mini img{width:28px;height:28px;object-fit:cover;border-radius:50%;border:1px solid #36464f}.guide-author-mini b{font-weight:700}.guide-grid-rich>a>em{margin-top:12px}.guide-hero{padding-bottom:20px}.guide-prose h2{scroll-margin-top:100px}
@media(max-width:960px){.authors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-profile-grid{grid-template-columns:320px 1fr;gap:34px}}
@media(max-width:720px){.authors-grid{grid-template-columns:1fr}.author-card-full{display:grid;grid-template-columns:130px 1fr}.author-card-full>img{height:100%;min-height:190px}.author-card-full>div{padding:17px}.author-card-full h2{font-size:23px}.author-profile-grid{grid-template-columns:1fr;gap:24px}.author-profile-grid>img{max-width:440px}.people-pair{grid-template-columns:1fr}.article-byline{display:grid;grid-template-columns:1fr}.article-byline>a{max-width:none;min-width:0}.author-material-list a{grid-template-columns:1fr;gap:5px}}
@media(max-width:470px){.author-card-full{grid-template-columns:1fr}.author-card-full>img{height:auto;min-height:0}.person-mini{grid-template-columns:58px 1fr}.person-mini img{width:58px;height:58px}.author-profile-grid h1{font-size:42px}}
.slot-editorial-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px;padding-bottom:18px}.slot-editorial-strip>a{display:flex;align-items:center;gap:9px;padding:8px 11px 8px 8px;border:1px solid var(--line);border-radius:14px;background:#0d1418;text-decoration:none;color:var(--text)}.slot-editorial-strip img{width:42px;height:42px;object-fit:cover;border-radius:11px}.slot-editorial-strip span{display:flex;flex-direction:column}.slot-editorial-strip small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.slot-editorial-strip b{font-size:13px}.slot-check-date{margin-left:auto;color:var(--muted);font-size:12px}.slot-editorial-strip>a:hover{border-color:#43545e}@media(max-width:620px){.slot-editorial-strip>a{flex:1;min-width:210px}.slot-check-date{width:100%;margin-left:0}}


/* V2.5.1 — CTA/header + stable slot-card geometry */
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-play-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:11px;background:var(--accent);color:#071006;font-size:14px;font-weight:850;line-height:1;box-shadow:0 0 0 1px rgba(182,255,57,.12);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.header-play-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 5px rgba(182,255,57,.08)}
.hero-cta-note{margin:16px 0 0!important;font-style:italic;line-height:1.55;color:#7f9099!important;max-width:760px}

/* Every card reserves the same vertical zones, so stats/actions never jump. */
.slot-card{height:100%}
.slot-card-body{display:grid!important;grid-template-rows:auto 2.56em 4.5em auto auto;align-content:stretch;flex:1;min-height:0}
.slot-card h3{height:2.56em!important;min-height:2.56em!important;margin:10px 0 8px!important;line-height:1.28!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.slot-card p{height:4.5em!important;min-height:4.5em!important;margin:0!important;line-height:1.5!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.slot-card .mini-stats{margin:13px 0!important;align-self:end}
.slot-card .card-actions{align-self:end;margin-top:0!important;min-height:32px}

@media(max-width:1050px){.desktop-nav{gap:18px}.header-inner{gap:16px}.header-play-btn{padding-inline:15px}}
@media(max-width:820px){.header-actions{margin-left:auto}.header-play-btn{min-height:38px;padding:0 15px}.nav-toggle{margin-left:0}}
@media(max-width:640px){.header-actions{gap:5px}.header-play-btn{min-height:36px;padding:0 13px;border-radius:10px;font-size:13px}.slot-card-body{grid-template-rows:auto 2.56em 0 auto auto!important}.slot-card p{display:none!important;height:0!important;min-height:0!important;margin:0!important}.slot-card .mini-stats{margin:10px 0!important}.hero-cta-note{margin-top:18px!important}}
@media(max-width:420px){.slot-card-body{grid-template-rows:auto 2.56em 4.5em auto auto!important}.slot-card p{display:-webkit-box!important;height:4.5em!important;min-height:4.5em!important}.slot-card h3{height:2.56em!important;min-height:2.56em!important}}

/* V2.5.2 — stable specification tables + tighter CTA note */
.hero-cta-note{
  margin:8px 0 0!important;
  font-style:italic;
  line-height:1.5;
  color:#7f9099!important;
  max-width:760px;
}

/* One specification per row. This avoids paired cells forcing each other to
   awkward heights when one value is much longer than its neighbour. */
.spec-table{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%;
  overflow:hidden;
}
.spec-table>div{
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(145px,28%) minmax(0,1fr);
  align-items:start;
  gap:18px;
  padding:13px 15px;
  border-right:0!important;
  border-bottom:1px solid var(--line)!important;
}
.spec-table>div:last-child{
  border-bottom:0!important;
}
.spec-table>div:nth-last-child(2){
  border-bottom:1px solid var(--line)!important;
}
.spec-table span{
  min-width:0;
  color:var(--muted);
  line-height:1.45;
}
.spec-table b{
  min-width:0;
  display:block;
  color:var(--text);
  line-height:1.45;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:normal;
}
.spec-table b a{display:inline}

@media(max-width:640px){
  .hero-cta-note{margin-top:9px!important}
  .spec-table>div{
    grid-template-columns:minmax(108px,34%) minmax(0,1fr);
    gap:12px;
    padding:12px 13px;
  }
  .spec-table span,.spec-table b{font-size:14px;line-height:1.42}
}
@media(max-width:420px){
  .spec-table>div{
    grid-template-columns:1fr;
    gap:4px;
    padding:12px 13px 13px;
  }
  .spec-table span{font-size:12px}
  .spec-table b{font-size:14px}
}

/* V2.5.4 — homepage/catalog card text geometry fix.
   Flex layout avoids grid-track + heading-margin overflow with long titles. */
.slot-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0;
}
.slot-card-top{flex:0 0 auto}
.slot-card h3{
  flex:0 0 2.56em!important;
  box-sizing:content-box!important;
  height:2.56em!important;
  min-height:2.56em!important;
  max-height:2.56em!important;
  margin:10px 0 8px!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
}
.slot-card p{
  flex:0 0 4.5em!important;
  box-sizing:content-box!important;
  height:4.5em!important;
  min-height:4.5em!important;
  max-height:4.5em!important;
  margin:0!important;
  line-height:1.5!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.slot-card .mini-stats{
  flex:0 0 auto;
  margin:13px 0!important;
}
.slot-card .card-actions{
  flex:0 0 auto;
  min-height:32px;
  margin-top:auto!important;
}

@media(max-width:640px){
  .slot-card h3{
    flex-basis:2.56em!important;
    height:2.56em!important;
    min-height:2.56em!important;
    max-height:2.56em!important;
  }
  .slot-card p{
    display:none!important;
    flex-basis:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
  }
  .slot-card .mini-stats{margin:10px 0!important}
}
@media(max-width:420px){
  .slot-card p{
    display:-webkit-box!important;
    flex-basis:4.5em!important;
    height:4.5em!important;
    min-height:4.5em!important;
    max-height:4.5em!important;
  }
}


/* V2.5.5 — stable card copy block: title/description flow naturally,
   while RTP/volatility stay aligned across every card. */
.slot-card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0;
}
.slot-card-copy{
  flex:0 0 118px;
  height:118px;
  min-height:118px;
  max-height:118px;
  display:grid;
  grid-template-rows:auto 1fr;
  align-content:start;
  gap:8px;
  overflow:hidden;
}
.slot-card-copy h3,
.slot-card h3{
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:2.56em!important;
  margin:10px 0 0!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere;
}
.slot-card-copy p,
.slot-card p{
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:4.5em!important;
  margin:0!important;
  line-height:1.5!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  align-self:start;
}
.slot-card .mini-stats{
  flex:0 0 auto!important;
  margin:10px 0 12px!important;
}
.slot-card .card-actions{
  flex:0 0 auto!important;
  min-height:32px;
  margin-top:auto!important;
}
@media(max-width:640px){
  .slot-card-copy{
    flex-basis:52px;
    height:52px;
    min-height:52px;
    max-height:52px;
    display:block;
  }
  .slot-card-copy h3,.slot-card h3{
    margin-top:8px!important;
    max-height:2.56em!important;
  }
  .slot-card-copy p,.slot-card p{display:none!important}
  .slot-card .mini-stats{margin:8px 0 10px!important}
}
@media(max-width:420px){
  .slot-card-copy{
    flex-basis:110px;
    height:110px;
    min-height:110px;
    max-height:110px;
    display:grid;
    grid-template-rows:auto 1fr;
    gap:7px;
  }
  .slot-card-copy p,.slot-card p{display:-webkit-box!important}
}


/* V2.5.5 — final card rhythm + editorial content alignment */
/* Keep compact cards aligned without a large dead zone before RTP/volatility. */
.slot-card-copy{
  flex:0 0 94px!important;
  height:94px!important;
  min-height:94px!important;
  max-height:94px!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:start!important;
  gap:5px!important;
  overflow:hidden!important;
}
.slot-card-copy h3,.slot-card h3{
  margin:7px 0 0!important;
  font-size:18px!important;
  line-height:1.2!important;
  max-height:2.4em!important;
  -webkit-line-clamp:2!important;
}
.slot-card-copy p,.slot-card p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.45!important;
  max-height:2.9em!important;
  -webkit-line-clamp:2!important;
}
.slot-card .mini-stats{
  margin:7px 0 10px!important;
}
.slot-card .card-actions{
  min-height:30px!important;
}

/* Editorial/article headings align exactly with the 930px prose column below. */
.content-width-hero{
  max-width:930px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.content-width-hero>p{max-width:820px}

@media(max-width:640px){
  .slot-card-copy{
    flex-basis:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    display:block!important;
  }
  .slot-card-copy h3,.slot-card h3{
    margin-top:6px!important;
    font-size:16px!important;
    line-height:1.2!important;
    max-height:2.4em!important;
  }
  .slot-card-copy p,.slot-card p{display:none!important}
  .slot-card .mini-stats{margin:6px 0 8px!important}
  .content-width-hero{max-width:930px!important}
}
@media(max-width:420px){
  .slot-card-copy{
    flex-basis:86px!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    gap:4px!important;
  }
  .slot-card-copy p,.slot-card p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    max-height:2.9em!important;
  }
}

/* V2.5.6 — final compact slot-card rhythm.
   No auto-pushing: copy -> stats -> actions always stay together. */
.slot-card-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
}
.slot-card-copy{
  flex:0 0 92px!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:hidden!important;
}
.slot-card-copy h3,.slot-card h3{
  flex:0 0 44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:7px 0 0!important;
  line-height:1.22!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.slot-card-copy p,.slot-card p{
  flex:0 0 38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.slot-card .mini-stats{
  flex:0 0 auto!important;
  margin:8px 0 8px!important;
}
.slot-card .card-actions{
  flex:0 0 auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:30px!important;
}

@media(max-width:640px){
  .slot-card-copy{
    flex-basis:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    gap:0!important;
  }
  .slot-card-copy h3,.slot-card h3{
    flex-basis:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin-top:5px!important;
  }
  .slot-card-copy p,.slot-card p{
    display:none!important;
    flex-basis:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
  }
  .slot-card .mini-stats{margin:6px 0 7px!important}
  .slot-card .card-actions{margin-top:0!important}
}
@media(max-width:420px){
  .slot-card-copy{
    flex-basis:90px!important;
    height:90px!important;
    min-height:90px!important;
    max-height:90px!important;
    gap:5px!important;
  }
  .slot-card-copy h3,.slot-card h3{
    flex-basis:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  .slot-card-copy p,.slot-card p{
    display:-webkit-box!important;
    flex-basis:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    -webkit-line-clamp:2!important;
  }
}

/* V2.5.7 — definitive slot-card composition.
   One stable rhythm on desktop and mobile: 2-line title, 3-line description,
   full-width metrics, full-width actions. No auto-pushing or right-shift. */
.slot-card{
  height:100%;
}
.slot-card-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.slot-card-top{
  flex:0 0 auto!important;
  width:100%!important;
}
.slot-card-copy{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow:visible!important;
}
.slot-card-copy h3,
.slot-card h3{
  flex:0 0 47px!important;
  width:100%!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  margin:9px 0 0!important;
  font-size:18px!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
.slot-card-copy p,
.slot-card p{
  flex:0 0 60px!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:20px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.slot-card .mini-stats{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  margin:12px 0 10px!important;
  padding:0!important;
}
.slot-card .mini-stats span{
  width:100%!important;
  min-width:0!important;
  padding:9px 10px!important;
}
.slot-card .card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:31px!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}
.slot-card .text-link,
.slot-card .compare-add{
  flex:0 0 auto!important;
}

@media(max-width:640px){
  .slot-card-copy{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    gap:6px!important;
  }
  .slot-card-copy h3,
  .slot-card h3{
    flex-basis:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin-top:7px!important;
    font-size:16px!important;
    line-height:1.3!important;
    -webkit-line-clamp:2!important;
  }
  .slot-card-copy p,
  .slot-card p{
    display:-webkit-box!important;
    flex-basis:57px!important;
    height:57px!important;
    min-height:57px!important;
    max-height:57px!important;
    font-size:12px!important;
    line-height:19px!important;
    -webkit-line-clamp:3!important;
  }
  .slot-card .mini-stats{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    margin:10px 0 8px!important;
  }
  .slot-card .mini-stats span:nth-child(2){display:block!important}
  .slot-card .card-actions .compare-add{display:block!important}
}

@media(max-width:480px){
  .slot-grid,.compact-grid{grid-template-columns:1fr!important}
  .slot-card-copy h3,.slot-card h3{
    flex-basis:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    font-size:17px!important;
  }
  .slot-card-copy p,.slot-card p{
    flex-basis:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    font-size:13px!important;
    line-height:20px!important;
  }
}

/* V2.5.8 — editorial people restored + circular company-style avatars */
.slot-editorial-strip img,
.person-mini img,
.article-byline img,
.guide-author-mini img{
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:50% 35%!important;
  border:1px solid rgba(182,255,57,.22)!important;
  background:#0b1013!important;
}
.slot-editorial-strip img{width:44px!important;height:44px!important}
.person-mini img{width:72px!important;height:72px!important}
.article-byline img{width:52px!important;height:52px!important}
.guide-author-mini img{width:30px!important;height:30px!important}

/* Team directory: compact IT-company profile cards instead of full-bleed portraits. */
.author-card-full{
  align-items:center!important;
  padding:26px 22px 22px!important;
  text-align:center!important;
}
.author-card-full>img{
  width:132px!important;
  height:132px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:50% 32%!important;
  border:2px solid rgba(182,255,57,.28)!important;
  box-shadow:0 0 0 7px rgba(182,255,57,.045),0 18px 45px rgba(0,0,0,.28)!important;
  flex:0 0 132px!important;
}
.author-card-full>div{
  width:100%!important;
  align-items:center!important;
  padding:18px 0 0!important;
}
.author-card-full p{max-width:360px!important}

/* Personal profile page: round headshot, like a real team directory. */
.author-profile-grid{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:48px!important;
}
.author-profile-grid>img{
  width:260px!important;
  height:260px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:50% 32%!important;
  justify-self:center!important;
  border:2px solid rgba(182,255,57,.26)!important;
  box-shadow:0 0 0 10px rgba(182,255,57,.04),0 30px 90px rgba(0,0,0,.30)!important;
}

/* Editorial strip on slot pages should read as a real byline, not generic badges. */
.slot-editorial-strip>a{
  border-radius:999px!important;
  padding:7px 15px 7px 7px!important;
}
.person-mini{
  border-radius:18px!important;
}
.article-byline>a{
  border-radius:999px!important;
  padding:8px 15px 8px 8px!important;
}

@media(max-width:720px){
  .author-card-full{
    display:flex!important;
    grid-template-columns:none!important;
    padding:22px 18px!important;
  }
  .author-card-full>img{
    width:116px!important;
    height:116px!important;
    min-height:0!important;
    flex-basis:116px!important;
  }
  .author-profile-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    text-align:center!important;
  }
  .author-profile-grid>img{
    width:210px!important;
    height:210px!important;
  }
  .author-profile-grid .lead{margin-inline:auto!important}
  .author-tags{justify-content:center!important}
}