:root{color-scheme:light;--bg:#fff;--surface:#f7f9fc;--ink:#17202e;--muted:#667386;--line:#e4e9f0;--blue:#2463eb;--blue-soft:#eef4ff;--hover:#f8faff;--green:#15846b;--shadow:0 1px 2px #17202e05}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.35;letter-spacing:-.8px;margin-bottom:14px}h2{font-size:21px;line-height:1.5;letter-spacing:-.3px;margin-bottom:18px}h3{font-size:16px;line-height:1.6;margin-bottom:8px}p{margin-bottom:15px}.container{max-width:1240px;margin:auto;width:calc(100% - 64px)}.header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{min-height:84px;display:flex;align-items:center;gap:40px}.wordmark{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:750;white-space:nowrap;line-height:1.25}.wordmark:hover{text-decoration:none}.wordmark small{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:1.5px;margin-top:5px}.site-mark{display:grid;place-items:center;background:var(--blue);color:#fff;width:37px;height:37px;border-radius:8px;font-size:32px;line-height:1}.header nav{display:flex;align-self:stretch;gap:28px;align-items:center;flex:1;white-space:nowrap}.header nav a{height:100%;display:flex;align-items:center;color:var(--muted);font-weight:550;border-bottom:2px solid transparent;padding-top:2px}.header nav a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)}.header-tools{display:flex;gap:18px;align-items:center}.search-icon{font-size:28px;color:var(--muted);line-height:1}.theme-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:16px}.theme-label select{border:0;background:var(--bg);color:var(--muted);font-size:12px;max-width:94px;cursor:pointer}.home-hero{padding:48px 0 31px;max-width:930px}.eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:12px;font-weight:600}.home-hero h1{font-size:35px;margin-bottom:16px}.home-hero p{font-size:15px;line-height:1.85;color:var(--muted);max-width:830px}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin:0 7px 2px 0}.hero-meta{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted);padding-top:6px}.hero-meta strong{font-size:14px;color:var(--ink);font-weight:650}.hero-meta a{border-left:1px solid var(--line);padding-left:24px}.filters{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:12px 20px;margin-bottom:29px}.filter-row{display:flex;align-items:center;gap:20px;min-height:48px}.filter-row+.filter-row{border-top:1px solid var(--line)}.filter-name{font-size:12px;color:var(--muted);white-space:nowrap;min-width:64px}.filter-options{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:6px 2px}.filter-button{display:block;padding:5px 13px;border-radius:4px;color:var(--muted);white-space:nowrap;font-size:13px}.filter-button:hover{color:var(--blue);background:var(--blue-soft);text-decoration:none}.selected,.filter-button.selected{background:var(--blue);color:white}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.section-heading>div{display:flex;gap:14px;align-items:baseline}.section-heading h2{margin:0}.section-heading>a{font-size:12px;white-space:nowrap}.muted{color:var(--muted);font-size:12px}.ranking-wrap{border:1px solid var(--line);border-radius:6px;overflow:hidden}.ranking-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.ranking-table th{font-weight:500;color:var(--muted);background:var(--surface);font-size:11px;padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.ranking-table th small{font-size:10px;display:block;font-weight:400}.ranking-table td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.ranking-table tr:last-child td{border-bottom:0}.ranking-table tr:hover{background:var(--hover)}.ranking-table .number{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.ranking-table .brand-cell{display:flex;align-items:center;gap:12px;min-height:87px;white-space:normal;min-width:232px;padding-left:17px}.rank{font-size:12px;color:#8994a4;width:20px;font-variant-numeric:tabular-nums;flex-shrink:0}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;padding:4px;background:#fff;border:1px solid #edf0f4;flex-shrink:0}.brand-name{font-size:14px;font-weight:650;color:var(--ink);display:block}.brand-cell small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-cell .outside-note{color:var(--blue);font-size:10px}.featured-row{background:var(--blue-soft)}.featured-row .rank{color:var(--blue);font-weight:bold}.badge{display:inline-block;background:var(--blue-soft);color:var(--blue);border:1px solid #ccdcfd;font-size:10px;line-height:1.8;padding:2px 7px;border-radius:4px;vertical-align:middle;font-weight:550;white-space:nowrap}.featured-row .badge{background:var(--blue);border-color:var(--blue);color:#fff}.available{color:var(--green);font-weight:600}.platform-cell span{font-size:11px}.platform-cell small,.detail-cell small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.detail-cell a{font-size:12px}.detail-cell small a{font-size:10px;color:var(--muted)}.mobile-unit{display:none}.table-note{font-size:11px;color:var(--muted);margin:13px 0;line-height:1.8}.table-note a{margin-left:10px}.more-row{display:flex;justify-content:center;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:10px;font-size:12px;color:var(--muted)}.content-section{margin-top:46px}.brand-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:6px;padding:20px 0}.brand-strip a{display:flex;align-items:center;flex-direction:column;color:var(--ink);border-right:1px solid var(--line);gap:6px}.brand-strip a:last-child{border:0}.brand-strip img{width:48px;height:48px;object-fit:contain;background:white;border-radius:8px;padding:3px}.brand-strip strong{font-size:13px}.brand-strip small{font-size:11px;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:5px;overflow:hidden}.platform-grid a{display:flex;gap:13px;align-items:center;padding:16px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);font-size:13px}.platform-grid a:hover{background:var(--hover);text-decoration:none}.platform-grid a>span:last-child{margin-left:auto;color:var(--muted)}.platform-symbol{font-size:24px;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px}.link-list{border-top:1px solid var(--line)}.text-link{display:flex;align-items:center;gap:18px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 1px;color:var(--ink);font-size:13px}.text-link>span{color:var(--muted)}.text-link small{font-size:11px;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-grid a{border:1px solid var(--line);border-radius:5px;padding:19px;color:var(--ink);display:flex;align-items:center;gap:20px;font-weight:550}.compare-grid span{font-size:10px;letter-spacing:1px;color:var(--muted);background:var(--surface);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.compare-grid b{margin-left:auto;color:var(--blue)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.article-card{padding:22px 0;border-top:1px solid var(--line)}.article-card .eyebrow{color:var(--blue);font-size:10px;margin-bottom:9px}.article-card h3{font-size:15px}.article-card h3 a{color:var(--ink)}.article-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:12px}.article-card time{font-size:10px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:13px;font-weight:500}.faq details p{color:var(--muted);font-size:13px;padding-top:14px;margin:0;max-width:850px}.footer{border-top:1px solid var(--line);margin-top:64px;background:var(--surface);padding:35px 0 40px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:17px;font-weight:650;color:var(--ink)}.footer p{font-size:12px;color:var(--muted);margin:9px 0 12px}.footer small{font-size:10px;color:var(--muted)}.footer-links{display:flex;gap:27px;font-size:12px;align-items:flex-start;padding-top:7px}.footer-links a{color:var(--muted)}.page-heading{padding:42px 0 28px}.page-heading p{color:var(--muted);max-width:820px}.page-heading .eyebrow{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;padding:10px 21px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.button:hover{filter:brightness(.96);text-decoration:none}.button.secondary{background:var(--bg);color:var(--ink);border-color:var(--line)}.button.small{padding:5px 13px}.search-form,.sort-form{display:flex;align-items:center;gap:14px;margin-bottom:25px}.search-form input{flex:1;min-width:100px;max-width:650px}.search-form input,select,.sort-form select{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:10px 13px}.sort-form{font-size:12px}.sort-form select{padding:6px}.directory{border-top:1px solid var(--line)}.directory-row{display:flex;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.directory-row>div:not(.game-monogram){flex:1}.directory-row h2{font-size:18px;margin-bottom:8px}.directory-row h2>a{color:var(--ink)}.directory-row p{color:var(--muted);font-size:13px;max-width:870px}.brand-logo.large{width:72px;height:72px}.detail-link{font-size:12px;white-space:nowrap}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags>*{font-size:11px;border:1px solid var(--line);border-radius:3px;padding:2px 8px;color:var(--muted);background:var(--surface)}.brand-hero{display:flex;align-items:flex-start;gap:26px;padding:30px 0 35px;max-width:1000px}.hero-logo{width:100px;height:100px;padding:10px;border-radius:12px}.brand-hero h1{font-size:30px}.brand-hero p{color:var(--muted);font-size:14px}.brand-hero .badge{margin-left:10px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.actions>a:last-child:not(.button){font-size:12px}.breadcrumbs{display:flex;gap:12px;color:var(--muted);font-size:12px;padding-top:28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:6px;background:var(--surface)}.stat-grid>div{padding:22px;border-right:1px solid var(--line)}.stat-grid>div:last-child{border:0}.stat-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.stat-grid strong{font-size:20px;font-weight:600}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px}.detail-layout .article-grid{grid-template-columns:1fr 1fr}.detail-layout aside{padding-top:42px}.aside-box{border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:22px}.aside-box h3{font-size:13px}.aside-box a{display:block;font-size:12px;padding:8px 0}.prose{font-size:15px;line-height:1.95;overflow-wrap:anywhere}.prose h2{margin-top:30px;margin-bottom:16px}.prose h3{margin-top:24px}.prose p{line-height:1.95}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.prose th,.prose td{padding:8px;border:1px solid var(--line)}.prose pre{overflow:auto;background:var(--surface);padding:14px;border-radius:4px}.prose blockquote{border-left:3px solid var(--blue);padding-left:18px;color:var(--muted);margin-left:0}.source-link{font-size:12px}.source-note{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:18px;font-size:12px;color:var(--muted);margin-top:18px}.source-note p{margin:6px 0}.clean-list{list-style:none;padding:0}.clean-list li{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.clean-list li:before{content:'✓';color:var(--blue);margin-right:10px}.empty{text-align:center;padding:44px 20px;background:var(--surface);color:var(--muted);font-size:13px}.empty h3{color:var(--ink)}.empty.compact{padding:24px;text-align:left;border:1px dashed var(--line);border-radius:5px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-steps>div{border-top:2px solid var(--line);padding-top:18px}.guide-steps b{font-size:25px;color:var(--blue);font-weight:400}.guide-steps h3{margin-top:12px}.guide-steps p{color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px;overflow:auto;white-space:nowrap;margin-bottom:26px}.tabs a{padding:7px 17px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:13px}.tabs a.selected{color:white;border-color:var(--blue)}.game-monogram{width:66px;height:66px;border:1px solid var(--line);display:grid;place-items:center;background:var(--surface);color:var(--muted);border-radius:8px;font-size:21px;letter-spacing:1px;flex-shrink:0}.guide-number{font-size:24px;font-weight:300;color:var(--blue);width:45px;flex-shrink:0}.article-heading time{font-size:12px;color:var(--muted)}.comparison-table{border:1px solid var(--line);border-radius:6px;overflow:hidden}.comparison-line{display:grid;grid-template-columns:160px 1fr 1fr;border-bottom:1px solid var(--line)}.comparison-line:last-child{border:0}.comparison-line>*{padding:20px;border-right:1px solid var(--line);font-size:13px}.comparison-line>*:last-child{border-right:0}.comparison-line>strong{background:var(--surface);font-weight:500}.comparison-line h2{font-size:18px;margin:8px 0 0}.pagination{display:flex;gap:9px;margin-top:30px}.pagination a,.pagination span{padding:5px 12px;border:1px solid var(--line);border-radius:3px}.pagination [aria-current]{background:var(--blue);color:white}.search-result{padding:20px 0;border-bottom:1px solid var(--line)}.search-result p{color:var(--muted);font-size:13px}.not-found{padding:100px 0 130px;max-width:650px}.narrow{max-width:860px}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{width:auto;height:auto;clip:auto;padding:12px;background:var(--bg);z-index:100}
html[data-theme=dark]{color-scheme:dark;--bg:#11161f;--surface:#19212e;--ink:#e5eaf3;--muted:#a2afc2;--line:#2b3545;--blue:#83afff;--blue-soft:#1b2b46;--hover:#1b2433;--green:#7adab9}html[data-theme=dark] .button,html[data-theme=dark] .selected,html[data-theme=dark] .site-mark{background:#376be0;color:#fff}html[data-theme=dark] .button.secondary{background:var(--bg);color:var(--ink)}
@media(prefers-color-scheme:dark){html[data-theme=system]{color-scheme:dark;--bg:#11161f;--surface:#19212e;--ink:#e5eaf3;--muted:#a2afc2;--line:#2b3545;--blue:#83afff;--blue-soft:#1b2b46;--hover:#1b2433;--green:#7adab9}html[data-theme=system] .button,html[data-theme=system] .selected,html[data-theme=system] .site-mark{background:#376be0;color:#fff}html[data-theme=system] .button.secondary{background:var(--bg);color:var(--ink)}}
@media(max-width:1100px){.header-inner{gap:24px;flex-wrap:wrap;padding-top:17px}.header nav{order:3;width:100%;flex-basis:100%;gap:28px;min-height:43px;overflow:auto}.header-tools{margin-left:auto}.ranking-table td,.ranking-table th{padding-left:9px;padding-right:9px}.ranking-table .brand-cell{min-width:195px;gap:9px}.ranking-table .platform-cell{max-width:130px;white-space:normal}.detail-layout{gap:30px;grid-template-columns:minmax(0,1fr) 220px}.footer-links{flex-wrap:wrap;max-width:350px}.brand-name{font-size:13px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{gap:10px}.wordmark{font-size:18px}.site-mark{width:32px;height:32px;font-size:27px}.wordmark small{font-size:8px}.header-tools{gap:12px}.header nav{gap:24px;min-height:46px;font-size:12px}.header-tools select{max-width:88px;font-size:11px}.home-hero{padding:30px 0 25px}.home-hero h1,h1{font-size:27px;line-height:1.45;letter-spacing:-.6px}.home-hero p{font-size:13px}.hero-meta{gap:15px;font-size:10px}.hero-meta a{padding-left:15px}.filters{padding:8px 11px;margin-bottom:23px}.filter-row{gap:9px;min-height:46px}.filter-name{font-size:11px;min-width:49px}.filter-button{font-size:12px;padding:5px 10px}.section-heading{align-items:center}.section-heading>div{display:block}.section-heading h2,h2{font-size:19px}.section-heading .muted{font-size:11px}.section-heading>a{font-size:11px}.ranking-wrap{border:0;overflow:visible}.ranking-table,.ranking-table tbody{display:block}.ranking-table thead{display:none}.ranking-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;margin-bottom:13px;padding:13px;gap:12px 8px;position:relative;background:var(--bg)}.ranking-table tr.featured-row{background:var(--blue-soft);border-color:#a5c5ff}.ranking-table td{display:block;white-space:normal;border:0!important;padding:0!important;min-width:0;font-size:13px}.ranking-table td.number{text-align:left;font-size:15px}.ranking-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.ranking-table .brand-cell{grid-column:1/-1;display:flex;min-width:0;min-height:57px;padding-bottom:10px!important;border-bottom:1px solid var(--line)!important;padding-right:75px!important;gap:9px}.rank{font-size:11px;width:18px}.brand-name{font-size:14px}.brand-cell small{font-size:10px}.ranking-table .recommend-cell{position:absolute;top:23px;right:13px;font-size:10px;color:var(--muted)}.ranking-table .recommend-cell:before{display:none}.badge{font-size:9px;padding:1px 6px}.mobile-unit{display:inline;font-size:9px;color:var(--muted)}.ranking-table .platform-cell{max-width:none;grid-column:1/3;align-self:center}.platform-cell small{display:inline;margin-left:5px}.ranking-table .detail-cell{grid-column:3;grid-row:4;text-align:right;align-self:center}.table-note{font-size:10px}.table-note a{margin-left:0}.content-section{margin-top:33px}.brand-strip{grid-template-columns:repeat(3,1fr);padding:10px 0;row-gap:20px}.brand-strip a{border:0;font-size:11px;min-width:0}.brand-strip a strong{font-size:12px}.brand-strip small{font-size:9px}.brand-strip img{width:40px;height:40px}.platform-grid{grid-template-columns:1fr 1fr}.platform-grid a{padding:12px;font-size:11px;gap:9px}.platform-symbol{font-size:20px}.two-columns{grid-template-columns:1fr;gap:30px}.compare-grid{grid-template-columns:1fr;gap:11px}.compare-grid a{font-size:12px;gap:15px}.article-grid{grid-template-columns:1fr}.article-card{padding:18px 0}.article-card h3{font-size:15px}.footer{margin-top:42px;padding:28px 0}.footer-inner{display:block}.footer-links{gap:20px;margin-top:20px;font-size:11px}.page-heading{padding:30px 0 20px}.search-form{flex-wrap:wrap;gap:9px}.search-form input{flex-basis:100%;max-width:none}.search-form select{max-width:100%;min-width:0}.directory-row{gap:13px;align-items:flex-start;flex-wrap:wrap;padding:21px 0}.directory-row>div:not(.game-monogram){min-width:0;flex-basis:70%}.directory-row h2{font-size:16px}.directory-row p{font-size:12px}.brand-logo.large{width:54px;height:54px}.detail-link{margin-left:auto}.brand-hero{gap:16px;flex-wrap:wrap;padding-top:24px}.hero-logo{width:76px;height:76px}.brand-hero>div{flex:1;min-width:200px}.brand-hero h1{font-size:25px}.brand-hero .eyebrow{font-size:9px}.brand-hero p{font-size:13px}.brand-hero .badge{margin-left:0}.actions{gap:8px}.button{font-size:12px;padding:9px 14px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid>div{padding:17px;border-bottom:1px solid var(--line)}.stat-grid>div:nth-child(2){border-right:0}.stat-grid>div:nth-child(3){border-bottom:0}.stat-grid strong{font-size:17px}.stat-grid span{font-size:11px}.detail-layout{grid-template-columns:1fr;gap:0}.detail-layout aside{padding-top:30px;display:grid;grid-template-columns:1fr;gap:0}.detail-layout .article-grid{grid-template-columns:1fr}.prose{font-size:14px}.guide-steps{grid-template-columns:1fr;gap:15px}.guide-steps>div{padding-top:12px}.guide-steps b{float:left;margin-right:15px}.guide-steps h3{margin-top:3px}.comparison-line{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)}.comparison-line>*{padding:12px 9px;font-size:11px;overflow-wrap:anywhere}.comparison-line h2{font-size:14px}.not-found{padding:70px 0}.tabs a{padding:6px 12px;font-size:12px}.sort-form{flex-wrap:wrap}.source-note{overflow-wrap:anywhere}}
@media(max-width:760px){.hero-title-break{display:block}.ranking-table td.recommend-cell[data-label]:before{display:none}.filter-options,.header nav{scrollbar-width:none}.filter-options::-webkit-scrollbar,.header nav::-webkit-scrollbar{display:none}.brand-cell .outside-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}