:root{--bg:#090f22;--panel:#101b33;--panel2:#17243e;--surface:#202d48;--line:#33425b;--text:#f7f5ec;--muted:#bdc6d7;--bronze:#efbe78;--bright:#84bff3;--shadow:0 26px 70px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:var(--bg);font:16px/1.7 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,76px)}h2{font-size:clamp(32px,3.1vw,48px)}h3{font-size:20px}a{color:inherit;text-decoration:none}a:hover{color:var(--bronze)}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a,button,input,select,textarea,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--bronze)}[hidden]{display:none!important}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 72px));margin:auto}.section{padding:90px 0}.eyebrow{display:block;color:var(--bronze);font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;margin-bottom:18px}.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;border-radius:2px;border:1px solid #b9a073;background:#203c65;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:normal}.btn:hover{color:#fff;background:#2b5583;text-decoration:none}.btn.bronze{color:#201a1c;background:var(--bronze);border-color:var(--bronze)}.btn.bronze:hover{background:#ffcf8e;color:#151828}.btn.outline,.btn.light{background:transparent;color:var(--text);border-color:var(--line)}.btn.outline:hover,.btn.light:hover{border-color:var(--bronze)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.textlink,.profile-link{font-size:12px;color:var(--bronze);font-weight:700}.fine{font-size:12px;color:var(--muted)}.skip{position:absolute;left:-9999px;top:0;padding:10px;background:var(--bronze);color:var(--bg);z-index:80}.skip:focus{left:8px}
.topbar{background:#070b18;border-bottom:1px solid #29324a;color:#aeb8c8;font-size:10px;letter-spacing:.07em}.topbar .wrap,.top-right,.language{display:flex;align-items:center}.topbar .wrap{min-height:35px;justify-content:space-between;gap:16px}.top-right{gap:20px}.language{gap:5px}.language a{display:flex;align-items:center;gap:6px;border:1px solid transparent;padding:3px 7px;border-radius:2px}.language a[aria-current]{border-color:#907c5d;color:var(--bronze)}.language svg{width:19px;height:13px}.header{background:#0d1529ed;border-bottom:1px solid #2e3a55;position:sticky;top:0;z-index:50;backdrop-filter:blur(20px)}.header-row{height:82px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font:700 23px Arial,sans-serif;letter-spacing:.01em;display:block;line-height:1}.brand strong span{color:var(--bronze)}.brand small{font:700 8px Arial,sans-serif;letter-spacing:.16em;color:#aab9d0;display:block;margin-top:7px}.desktopnav{display:flex;gap:19px;align-items:center}.desktopnav a{font-size:12px;font-weight:700;white-space:nowrap;color:#d7deeb}.desktopnav a:hover{color:var(--bronze)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .btn{min-height:42px;padding-inline:16px}.menu{display:none}.menu summary{list-style:none;border:1px solid var(--line);padding:7px 12px;cursor:pointer;border-radius:2px;font-size:13px}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;right:20px;top:82px;background:#15213a;padding:16px;border:1px solid var(--line);min-width:230px;box-shadow:var(--shadow);display:grid;gap:6px}.menu nav>a:not(.btn){padding:8px 10px;font-size:13px}
.hero{position:relative;background:#0c1429;min-height:650px;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('/assets/hero-jili777top-20260923.webp') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071024f2 0%,#071024dc 32%,#08152c61 63%,#08122510 100%)}.hero-inner{min-height:650px;display:grid;grid-template-columns:minmax(0,730px) 1fr;align-items:center;gap:35px;padding:60px 0}.hero-copy h1{max-width:720px;text-shadow:0 3px 18px #0007}.hero-copy h1 em{color:var(--bronze);font-style:normal}.hero-copy>p{font-size:15px;max-width:550px;margin:25px 0 28px;color:#e1e6ee}.hero-frame{justify-self:end;align-self:end;border-left:1px solid var(--bronze);padding:8px 0 8px 16px;max-width:250px;background:#07132799}.hero-frame span{font-size:10px;color:var(--bronze);letter-spacing:.17em}.hero-frame p{font-size:10px;color:#cad1dc;margin-top:6px}.hero-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px}.hero-stats span{display:flex;flex-direction:column;font-size:10px;color:#d7dded;border-left:1px solid #b1a179;padding-left:14px}.hero-stats b{font-family:Georgia,serif;font-size:23px;font-weight:400;color:var(--bronze)}
.heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.heading>div{max-width:690px}.heading>p{max-width:380px;font-size:13px}.heading h2{margin-top:0}.table-note,.studio-note,.collection-note{font-size:11px;color:#aab5c9;margin-top:18px}.collection{border:1px solid var(--line);background:#101a30;box-shadow:var(--shadow)}.rank-head,.game-card{display:grid;grid-template-columns:38px 75px minmax(220px,1.5fr) 120px 100px 90px 110px;align-items:center;gap:15px}.rank-head{padding:12px 21px;background:#1b2b49;color:#b2c3de;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.rank-head span:nth-child(2){grid-column:2/4}.game-grid{display:block}.game-card{padding:14px 21px;border-top:1px solid var(--line);background:#101a30;min-height:104px;transition:background .18s}.game-card:hover{background:#172744}.rank-num{color:var(--bronze);font:24px Georgia,serif}.game-art{height:75px;width:75px;background:#232b46;border-radius:3px;display:grid;place-items:center;padding:3px}.game-art img{width:100%;height:100%;object-fit:contain}.game-copy{min-width:0}.game-copy small,.game-metric small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#98acc7}.game-copy h3{font-size:16px;margin:3px 0;line-height:1.25}.game-focus{font-size:11px;line-height:1.4;color:#b8c5d8}.game-metric{font-size:11px;min-width:0}.game-metric b{display:block;font-size:11px;line-height:1.35;color:#f6eedc;font-weight:600}.score{font:26px Georgia,serif;color:var(--bronze);white-space:nowrap}.score small{font:10px Arial,sans-serif;color:#b4c3d8}.game-links{display:flex;flex-direction:column;gap:6px;text-align:right}.game-links .play{font-size:10px;font-weight:700;letter-spacing:.05em;background:var(--bronze);color:#131627;border-radius:2px;padding:7px 8px;white-space:nowrap}.game-links .play:hover{background:#ffd497}.profile-link{font-size:10px}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;padding:19px;background:#172542}.filters label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#b2c2d8;font-weight:700}.filters input,.filters select{width:100%;margin-top:6px;padding:11px 12px;background:#0e1a31;border:1px solid #4a5974;color:#fff;border-radius:2px;font-size:12px;min-height:44px}.collection-meta{display:flex;justify-content:space-between;gap:20px;padding:9px 21px;font-size:10px;color:#bac5d7}.more-wrap{text-align:center;margin:28px 0 10px}.collection .more-wrap{margin:0;padding:20px}.empty{padding:25px;text-align:center}.collection-note{padding:18px}.dark-band{background:#1c203a;border-block:1px solid #535570}.dark-band .wrap{display:grid;grid-template-columns:1.3fr 1fr auto;gap:45px;align-items:center;padding-block:62px}.dark-band h2{font-size:35px}.dark-band p{font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:flex;gap:18px;align-items:center;padding:23px;border:1px solid var(--line);background:#142039;min-height:115px}.category-card:hover,.feature-card:hover,.studio:hover,.article-card:hover,.tile:hover{border-color:#b99d72;background:#1e3050}.category-card .symbol{font:30px Georgia,serif;color:var(--bronze);min-width:37px}.category-card h3{font-size:16px}.category-card p{font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature-card{border:1px solid var(--line);background:#142039;display:block;overflow:hidden}.feature-card img{height:170px;width:100%;object-fit:contain;background:radial-gradient(circle,#223b67,#0c1730)}.feature-card>div{padding:16px}.feature-card small,.feature-card b{font-size:9px;color:#c59e65;letter-spacing:.05em}.feature-card h3{font-size:15px;margin:7px 0}.feature-card p{font-size:10px;line-height:1.55;min-height:45px}.feature-card b{display:block;margin-top:12px}.studios{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.studio{border:1px solid var(--line);background:#1c2a48;min-height:125px;display:grid;place-items:center;padding:15px;text-align:center}.studio img{max-width:100%;max-height:52px;object-fit:contain}.studio span{font-size:10px;color:#c6d2e3}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);background:#142039;overflow:hidden}.article-card img{height:155px;width:100%;object-fit:contain;background:#203357}.article-card>small,.article-card>h3,.article-card>p,.article-card>b{display:block;margin:13px 18px}.article-card small,.article-card b{font-size:10px;color:var(--bronze)}.article-card h3{font:24px Georgia,serif}.article-card p{font-size:12px}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);padding:15px 20px;background:var(--panel)}.faq summary{cursor:pointer;font-weight:700}.faq p{padding-top:12px;font-size:13px}.responsible{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.responsible>div{display:flex;align-items:center;gap:18px}.responsible h2{font-size:25px}.responsible p{font-size:11px}.age{font:40px Georgia,serif;color:var(--bronze)}
.footer{border-top:1px solid var(--line);background:#080d1b;padding:66px 0 28px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:35px}.footer-grid p{font-size:12px;margin:20px 0}.footer-grid h2{font:700 11px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze);margin-bottom:20px}.footer-grid div>a:not(.brand){display:block;font-size:12px;color:#b9c6d9;margin-bottom:12px}.footer-end{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;color:#9fadc3;font-size:10px}.footer-end div{display:flex;gap:16px;flex-wrap:wrap}.footer-end a:hover{color:var(--bronze)}
.breadcrumb{display:flex;gap:10px;align-items:center;color:#9fb0cb;font-size:11px;padding:25px 0}.page-head{max-width:900px;padding:48px 0 55px}.page-head h1{margin-bottom:16px}.page-head>p{max-width:690px;font-size:16px}.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#a7b8ce;margin-top:21px}.byline-mark{width:28px;height:28px;border-radius:3px;background:#2b4063;color:var(--bronze);display:grid;place-items:center;font-weight:bold}.body-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px}.toc,.dossier-toc{font-size:11px}.toc{position:sticky;top:110px;align-self:start}.toc b{letter-spacing:.14em;color:var(--bronze)}.toc a,.dossier-toc a{display:block;padding:8px 0;border-bottom:1px solid #334157}.article-body{max-width:850px;min-width:0}.article-body section{padding:26px 0 36px;border-top:1px solid var(--line);scroll-margin-top:105px}.article-body h2{font-size:32px;margin:0 0 20px}.article-body p{margin:0 0 14px;font-size:15px;line-height:1.9}.article-body a:not(.btn){color:var(--bronze);text-decoration:underline;text-underline-offset:3px}.article-body ul{color:var(--muted)}.editorial-intro{padding:24px;margin-bottom:35px;background:#172542;border-left:2px solid var(--bronze)}.editorial-intro p{margin:0}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{display:block;padding:24px;background:var(--panel);border:1px solid var(--line)}.tile h2{font-size:23px;margin:9px 0}.tile small,.tile b{font-size:10px;color:var(--bronze)}.tile p{font-size:12px}.tile b{display:block;margin-top:18px}.sitemap-list{columns:3;font-size:12px}.sitemap-list li{margin-bottom:8px;break-inside:avoid}.sources{border:1px solid var(--line);padding:24px;background:#162440}.sources p{font-size:11px}.sources a{font-size:12px}.partner-note{font-size:11px;margin:14px 0;color:#abb9ce}.partner-note a{text-decoration:underline;color:var(--bronze)}.contact-form{display:grid;gap:15px;background:var(--panel);padding:26px;border:1px solid var(--line)}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px}.form-grid,.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form select,.contact-form textarea,.calculator input,.calculator select{width:100%;background:#111d34;border:1px solid #465673;color:#fff;border-radius:2px;padding:12px;min-width:0}.contact-form .consent{display:block;font-size:11px}.consent input{width:auto;margin-right:8px}.honeypot{position:absolute;left:-9999px}.contact-form button{justify-self:start}.contact-form [role=status]{font-size:12px}.calculator{padding:25px;background:#192846;margin:20px 0}.calculator label{font-size:11px}.calculator output{display:flex;justify-content:space-between;margin-top:16px}.calculator output strong{color:var(--bronze)}.compare-scroll{overflow:auto}.compare-table{width:100%;border-collapse:collapse;min-width:700px}.compare-table td,.compare-table th{padding:15px;border-bottom:1px solid var(--line)}
.dossier{padding-bottom:1px}.dossier-hero{display:grid;grid-template-columns:minmax(0,1.3fr) 280px;gap:70px;align-items:center;padding:40px 0 55px}.dossier-hero h1 small{display:block;font:16px Arial,sans-serif;letter-spacing:0;color:#c6d0e0;margin-top:13px}.dossier-hero>div>p{margin:22px 0;color:#d8dfeb}.dossier-hero figure{padding:20px;background:radial-gradient(circle,#213864,#121e37);border:1px solid #415373;transform:rotate(2deg)}.dossier-hero figure img{max-height:360px;object-fit:contain;margin:auto}.dossier-hero figcaption{font-size:10px;color:#bdc9de;margin-top:12px;text-align:center}.facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);background:#172440;margin:0}.facts-grid>div{padding:17px;border-right:1px solid var(--line)}.facts-grid>div:last-child{border:0}.facts-grid dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a5b9d6}.facts-grid dd{margin:5px 0 0;font-size:13px;font-weight:700;line-height:1.35}.dossier>.dossier-toc{display:flex;gap:16px;overflow-x:auto;white-space:nowrap;margin:32px 0}.dossier-toc a{flex:none}.dossier-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:65px}.section-num{font:18px Georgia,serif;color:var(--bronze);display:block;margin-bottom:12px}.dossier-content .article-body{max-width:none}.aside{align-self:start;position:sticky;top:110px;display:grid;gap:15px}.aside-box{border:1px solid var(--line);padding:23px;background:#172440}.aside-box .score{font-size:45px}.aside-box p{font-size:11px;margin:12px 0}.aside-box .dossier-toc a{font-size:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery img{width:100%;height:220px;object-fit:contain;background:#1b2c4a}.editorial-brief{color:var(--muted)}
@media(max-width:1180px){.desktopnav{gap:10px}.desktopnav a{font-size:10px}.header-actions .btn{font-size:10px;padding-inline:10px}.feature-grid{grid-template-columns:repeat(3,1fr)}.rank-head,.game-card{grid-template-columns:30px 66px minmax(170px,1.5fr) 90px 88px 76px 92px;gap:9px}.game-card{padding-inline:13px}}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.desktopnav{display:none}.menu{display:block}.header-row{height:70px}.menu nav{top:70px}.hero,.hero-inner{min-height:570px}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-frame{display:none}.dark-band .wrap{grid-template-columns:1fr 1fr}.dark-band .btn{grid-column:1/-1;justify-self:start}.studios{grid-template-columns:repeat(3,1fr)}.rank-head{display:none}.game-card{grid-template-columns:26px 62px minmax(0,1fr) 77px 90px;grid-template-rows:auto auto}.game-card .game-copy{grid-column:3;grid-row:1/3}.game-card .game-metric:nth-of-type(2){display:none}.game-card .game-metric{grid-row:1}.game-card .score-col{grid-column:5}.game-card .game-links{grid-column:4/6;grid-row:2;flex-direction:row;align-items:center;justify-content:end}.game-card .game-art{width:62px;height:66px;grid-row:1/3}.rank-num{grid-row:1/3}.game-card .game-metric:nth-of-type(3){display:none}.body-layout{grid-template-columns:1fr}.toc{position:static;display:none}.dossier-content{grid-template-columns:1fr}.aside{position:static;grid-row:1;display:flex}.aside-box{flex:1}.aside-box:nth-child(2){display:none}}
@media(max-width:700px){.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}.header-actions>.btn{display:none}.hero:before{background:linear-gradient(90deg,#071024f5,#071024aa)}.hero,.hero-inner{min-height:590px}.hero-inner{padding:45px 0}.hero-copy h1{font-size:clamp(38px,9vw,56px)}.hero-copy>p{font-size:13px}.heading{display:block}.heading>p{margin-top:15px}.section{padding:62px 0}.category-grid,.articles-grid,.tile-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.studios{grid-template-columns:repeat(2,1fr)}.dark-band .wrap{grid-template-columns:1fr;gap:20px;padding-block:45px}.dark-band .btn{grid-column:auto}.responsible{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-end{display:block}.footer-end div{margin-top:15px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.dossier-hero{grid-template-columns:1fr 175px;gap:25px}.dossier-hero h1{font-size:41px}.dossier-hero figure{padding:9px}.facts-grid{grid-template-columns:repeat(2,1fr)}.facts-grid>div{border-bottom:1px solid var(--line)}.facts-grid>div:nth-child(2n){border-right:0}.facts-grid>div:last-child{border-bottom:0}.page-head{padding:25px 0 40px}}
@media(max-width:490px){.wrap{width:calc(100% - 32px)}.brand img{width:42px;height:42px}.brand strong{font-size:20px}.brand small{font-size:7px}.hero,.hero-inner{min-height:670px}.hero-backdrop{background-position:59% center}.hero:before{background:linear-gradient(90deg,#071024fa,#071024b8)}.hero-copy h1{font-size:40px}.hero-stats{gap:11px}.hero-stats b{font-size:18px}.hero-stats span{padding-left:8px;font-size:9px}.category-grid,.articles-grid,.tile-grid{grid-template-columns:1fr}.feature-grid{gap:8px}.feature-card img{height:125px}.feature-card>div{padding:10px}.feature-card h3{font-size:13px}.feature-card p{font-size:9px}.studio{min-height:100px}.game-card{grid-template-columns:20px 54px minmax(0,1fr) 60px;gap:7px;padding:12px 9px;min-height:100px}.rank-num{font-size:17px}.game-art{width:54px!important;height:60px!important}.game-copy h3{font-size:13px}.game-copy small{font-size:8px}.game-focus{font-size:9px}.game-card .game-metric{display:none}.game-card .score-col{display:block;grid-column:4;grid-row:1;align-self:start}.game-card .score{font-size:19px}.game-card .game-links{grid-column:4;grid-row:2;display:block;text-align:right}.game-card .game-links .profile-link{display:none}.game-card .game-links .play{font-size:9px;padding:5px 4px}.game-card .game-copy{grid-row:1/3}.dossier-hero{grid-template-columns:1fr}.dossier-hero figure{width:min(100%,250px);justify-self:center}.dossier-hero>div{grid-row:2}.dossier-hero h1{font-size:42px}.facts-grid dd{font-size:11px}.form-grid,.calc-grid{grid-template-columns:1fr}.article-body h2{font-size:28px}.article-body p{font-size:13px}.gallery img{height:170px}.aside-box{padding:15px}.footer-grid{gap:20px}.footer-grid a{font-size:10px}}

@media(max-width:490px){.game-card .score-col small{display:none}.game-card .score-col{text-align:right}}

.deep-reading{padding:40px 0 80px}.hub-reading{padding:65px 0 5px}.longread{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:55px;padding:48px 0;border-top:1px solid var(--line)}.longread:last-child{border-bottom:1px solid var(--line)}.longread h2{font:clamp(28px,3.2vw,43px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:14px 0 0;color:#f5f0e8;max-width:470px}.longread-copy{max-width:730px}.longread-copy p{font-size:14px;line-height:1.9;color:#c9d3e3;margin:0 0 18px}.longread-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.longread-links a{color:var(--bronze);font-size:12px;font-weight:700}.longread-links a:hover{text-decoration:underline}@media(max-width:700px){.deep-reading{padding:25px 0 55px}.hub-reading{padding:40px 0 0}.longread{display:block;padding:35px 0}.longread h2{font-size:30px;margin-bottom:18px}.longread-copy p{font-size:13px;line-height:1.75}}