:root{--accent:#ff4b20;--accent-dark:#e93a13;--ink:#15171b;--muted:#666b73;--line:#e7e9ed;--soft:#f6f7f9;--white:#fff;--radius:12px;--container:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;padding:10px 16px;color:#fff;background:var(--ink)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;height:100%;gap:48px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--accent)}.main-nav{display:flex;align-items:stretch;height:100%;gap:36px}.main-nav a{position:relative;display:flex;align-items:center;font-size:15px;font-weight:600}.main-nav a:hover,.main-nav a.active{color:var(--accent)}.main-nav a.active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--accent)}.header-search{display:flex;align-items:center;width:300px;height:40px;margin-left:auto;padding:0 15px;border:1px solid #dcdfe4;border-radius:999px}.header-search svg{width:18px;fill:none;stroke:var(--muted);stroke-width:1.8}.header-search input{width:100%;padding:0 10px;border:0;outline:0;background:transparent;font-size:14px}.nav-toggle{display:none;margin-left:auto;padding:8px;border:0;background:none}.nav-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border:1px solid transparent;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.button-secondary{border-color:var(--accent);color:var(--accent);background:#fff}.button-secondary:hover{background:#fff7f4}.hero{border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:42% 58%;min-height:410px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:58px}.hero-copy h1{max-width:560px;margin:0;font-family:"Songti SC",STSong,serif;font-size:52px;line-height:1.15;letter-spacing:-2px}.hero-copy p{margin:22px 0 30px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:16px}.hero-media{position:relative;overflow:hidden;min-height:410px;background:var(--soft)}.hero-media:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:14%;background:linear-gradient(90deg,#fff,transparent)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-game-title{position:absolute;z-index:2;right:28px;bottom:24px;display:flex;align-items:end;gap:16px;padding:12px 16px;color:#fff;background:rgba(12,15,20,.78);border-radius:6px}.hero-game-title strong{font-size:18px}.hero-game-title span{font-size:13px;opacity:.8}.section{padding:26px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{position:relative;margin:0;padding-left:16px;font-family:"Songti SC",STSong,serif;font-size:30px;line-height:1.2}.section-heading h2:before{content:"";position:absolute;left:0;top:2px;width:5px;height:28px;background:var(--accent)}.section-heading>a,.section-heading>span{color:var(--muted);font-size:14px}.section-heading>a:hover{color:var(--accent)}.section-heading.compact{margin-bottom:14px}.recommendation-section{padding-bottom:22px}.recommendation-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recommendation-item{position:relative;overflow:hidden;height:170px;border-radius:8px;background:var(--soft)}.recommendation-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.recommendation-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.recommendation-item span{position:absolute;z-index:2;left:20px;bottom:16px;color:#fff;font-size:18px;font-weight:800}.recommendation-item:hover img{transform:scale(1.035)}.split-section{padding-top:22px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{display:grid;grid-template-columns:34px 50px 1fr auto 58px;align-items:center;gap:14px;min-height:78px;border-bottom:1px solid var(--line)}.rank-number{color:#9a9da3;font-family:Georgia,serif;font-size:22px;font-style:italic}.rank-list li:nth-child(-n+3) .rank-number{color:var(--accent)}.rank-list img{width:50px;height:50px;border-radius:10px;object-fit:cover}.game-row-copy a{font-weight:800}.game-row-copy p,.latest-item p{overflow:hidden;margin:2px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.game-size{max-width:120px;color:var(--muted);font-size:12px}.row-action{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:30px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);font-size:13px;font-style:normal}.row-action:hover{color:#fff;background:var(--accent)}.latest-item{display:grid;grid-template-columns:118px 1fr auto 58px;align-items:center;gap:15px;min-height:92px;border-bottom:1px solid var(--line)}.latest-item img{width:118px;height:66px;border-radius:7px;object-fit:cover}.latest-item strong{font-size:16px}.latest-item time{color:var(--muted);font-size:12px}.trust-band{margin-top:30px;border-block:1px solid var(--line);background:#fafbfc}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid svg{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.7}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:var(--muted);font-size:12px}.site-footer{padding-top:42px}.footer-main{display:flex;justify-content:space-between;padding-bottom:34px}.footer-main p{margin:8px 0;color:var(--muted);font-size:14px}.footer-links{display:flex;gap:28px;align-items:center;color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);color:#8a8e95;font-size:12px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0;color:var(--muted);font-size:14px}.breadcrumb a:hover{color:var(--accent)}.page-intro{border-bottom:1px solid var(--line);background:#fafbfc}.page-title-row{display:flex;align-items:end;justify-content:space-between;padding:10px 0 20px}.page-title-row h1{margin:0;font-family:"Songti SC",STSong,serif;font-size:42px}.page-title-row p{margin:20px 0 0;color:var(--muted)}.page-search{display:flex;width:380px;height:46px}.page-search input{flex:1;min-width:0;padding:0 16px;border:1px solid var(--line);border-right:0;border-radius:6px 0 0 6px;outline:0}.page-search input:focus{border-color:var(--accent)}.page-search button{width:78px;border:0;border-radius:0 6px 6px 0;color:#fff;background:var(--accent);font-weight:700}.directory-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.directory-item{display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.directory-image img{width:104px;height:64px;border-radius:7px;object-fit:cover}.directory-item h2{margin:0;font-size:17px}.directory-item p{margin:5px 0;color:var(--muted);font-size:13px}.directory-item span{color:#8a8e95;font-size:12px}.pagination{display:flex;justify-content:center;padding-top:40px}.empty-state{padding:90px 20px;text-align:center}.empty-state h2{font-size:28px}.empty-state p{margin-bottom:28px;color:var(--muted)}
.game-hero{padding-bottom:40px;border-bottom:1px solid var(--line)}.game-hero-grid{display:grid;grid-template-columns:48% 52%;gap:52px;align-items:center;padding:6px 0 34px}.game-summary{align-self:stretch;padding-top:20px}.game-identity{display:flex;align-items:center;gap:24px}.game-icon{width:136px;height:136px;border-radius:26px;object-fit:cover}.game-identity h1{margin:0 0 10px;font-size:36px;line-height:1.25}.game-meta{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:14px}.game-meta i{width:3px;height:3px;border-radius:50%;background:#a9adb3}.game-tagline{margin:20px 0 0;font-size:17px}.download-actions{position:relative;display:flex;gap:14px;margin-top:34px}.download-primary{min-width:210px;border-radius:6px}.download-primary svg{width:18px;margin-left:34px;fill:none;stroke:#fff;stroke-width:2}.download-panel{position:absolute;z-index:20;left:0;top:56px;width:380px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(23,28,36,.14)}.download-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-panel a{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;padding:12px;border:1px solid var(--line);border-radius:6px}.download-panel a.recommended{border-color:var(--accent);background:#fff8f5}.download-panel .platform-icon{grid-row:1/3;align-self:center;color:var(--accent)}.download-panel strong{font-size:14px}.download-panel small{color:var(--muted);font-size:11px}.download-panel>p{margin:12px 0 0;color:var(--muted);font-size:12px}.game-cover{overflow:hidden;height:360px;margin:0;border-radius:8px;background:var(--soft)}.game-cover img{width:100%;height:100%;object-fit:cover}.screenshot-section{padding-bottom:36px}.screenshot-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.screenshot-item{overflow:hidden;height:390px;padding:0;border:0;border-radius:8px;background:var(--soft);cursor:zoom-in;scroll-snap-align:start}.screenshot-item img{width:100%;height:100%;object-fit:cover}.article-section{border-top:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:80px}.prose h2,.game-facts h2{margin:0 0 5px;font-family:"Songti SC",STSong,serif;font-size:25px}.prose{font-size:16px;line-height:1.95}.prose p{margin:0 0 18px}.game-facts{padding-left:28px;border-left:1px solid var(--line)}.game-facts dl{margin:0}.game-facts dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.game-facts dt{color:var(--muted)}.game-facts dd{margin:0;text-align:right}.benefit-box{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:28px;border:1px solid rgba(255,75,32,.55);border-radius:8px}.benefit-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;color:#fff;background:var(--accent);font-size:24px;font-weight:900}.benefit-box h3{margin:0 0 8px}.benefit-content{color:#444a52;line-height:1.9}.server-table{overflow:hidden;border:1px solid var(--line);border-radius:8px}.server-row{display:grid;grid-template-columns:1.2fr 1fr .6fr;padding:14px 20px;border-bottom:1px solid var(--line);font-size:14px}.server-row:last-child{border-bottom:0}.server-head{background:#fafbfc;color:var(--muted);font-weight:700}.related-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.related-rail>a{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.related-rail img{width:58px;height:58px;border-radius:12px;object-fit:cover}.related-rail strong,.related-rail span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.related-rail strong{font-size:14px}.related-rail span{color:var(--muted);font-size:12px}.related-rail em{grid-column:2;color:var(--accent);font-size:12px;font-style:normal}.lightbox{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:5vh;background:rgba(0,0,0,.86)}.lightbox[hidden]{display:none}.lightbox img{max-height:90vh;border-radius:8px}.lightbox button{position:absolute;right:24px;top:18px;border:0;color:#fff;background:none;font-size:42px;cursor:pointer}.no-scroll{overflow:hidden}
@media(max-width:1000px){.header-inner{gap:24px}.main-nav{gap:22px}.header-search{width:220px}.hero-grid{grid-template-columns:45% 55%}.hero-copy h1{font-size:42px}.split-grid{gap:32px}.directory-list{grid-template-columns:repeat(2,1fr)}.related-rail{grid-template-columns:repeat(3,1fr);row-gap:28px}.game-hero-grid{gap:30px}.game-icon{width:112px;height:112px}.game-identity h1{font-size:30px}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),var(--container))}.site-header{height:62px}.header-inner{gap:16px}.brand{font-size:21px}.nav-toggle{display:block}.main-nav{position:absolute;top:62px;right:0;left:0;display:none;height:auto;padding:10px 16px 18px;border-bottom:1px solid var(--line);background:#fff}.main-nav.open{display:block}.main-nav a{padding:12px 0}.main-nav a.active:after{display:none}.header-search{width:42px;margin-left:0;padding:0 11px;border-radius:50%}.header-search input{width:0;padding:0;opacity:0}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:50px 0 38px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-actions .button{flex:1;padding-inline:12px}.hero-media{min-height:260px;margin-inline:-16px}.hero-media:before{display:none}.hero-game-title{right:16px;bottom:14px;left:16px;justify-content:space-between}.section{padding:25px 0}.section-heading h2{font-size:25px}.recommendation-rail{display:flex;overflow-x:auto;gap:12px}.recommendation-item{flex:0 0 84%;height:150px}.split-grid{grid-template-columns:1fr}.rank-list li{grid-template-columns:28px 46px 1fr 52px}.game-size{display:none}.latest-item{grid-template-columns:100px 1fr 52px}.latest-item time{display:none}.trust-grid{grid-template-columns:1fr 1fr;gap:0}.trust-grid>div{justify-content:flex-start;padding:18px 8px;border-right:0;border-bottom:1px solid var(--line)}.footer-main{display:block}.footer-links{flex-wrap:wrap;margin-top:24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.page-title-row{display:block}.page-title-row h1{font-size:34px}.page-search{width:100%;margin-top:24px}.directory-list{grid-template-columns:1fr}.directory-item{grid-template-columns:90px 1fr auto}.directory-image img{width:90px}.game-hero-grid{display:flex;flex-direction:column}.game-summary{width:100%;padding-top:0}.game-identity{align-items:flex-start;gap:16px}.game-icon{width:88px;height:88px;border-radius:19px}.game-identity h1{font-size:25px}.game-meta{flex-wrap:wrap}.game-tagline{font-size:15px}.download-actions{display:grid;grid-template-columns:1fr 1fr}.download-actions .button{min-width:0;padding-inline:12px}.download-panel{top:54px;width:calc(200% + 14px)}.game-cover{order:-1;width:calc(100% + 32px);height:230px;margin-inline:-16px;border-radius:0}.screenshot-rail{grid-auto-columns:72%;gap:12px}.screenshot-item{height:420px}.article-grid{grid-template-columns:1fr;gap:40px}.game-facts{padding:0;border:0}.benefit-box{grid-template-columns:1fr;padding:22px}.server-row{grid-template-columns:1fr .9fr}.server-row span:last-child{display:none}.related-rail{display:flex;overflow-x:auto}.related-rail>a{flex:0 0 180px}.lightbox{padding:20px}.lightbox img{max-width:100%;max-height:84vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Detail hero title and complete, filterable category links. */
.game-identity h1{font-size:28px}
.game-category-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:0}
.game-category-links a{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:3px;color:#656b73;background:#f1f2f4;font-size:12px;line-height:1.5;transition:color .18s ease,background-color .18s ease}
.game-category-links a span{color:#a5a9af;font-size:14px;line-height:1}
.game-category-links a:hover,.game-category-links a:focus-visible{color:var(--accent);background:#fff1ec}
.game-category-links a:hover span,.game-category-links a:focus-visible span{color:var(--accent)}
@media(max-width:760px){.game-identity h1{font-size:20px}.game-category-links{gap:5px;font-size:13px}}

/* Compact orange game-directory header and expandable category panel. */
.directory-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:2px 0 24px}
.directory-heading-copy h1{font-size:28px;line-height:1.2}
.directory-heading-copy p{margin-top:4px;font-size:14px}
.directory-total{color:var(--muted);font-size:14px;white-space:nowrap}
.directory-tools{padding:14px 0;background:#fafbfc}
.directory-tools>.directory-filter-panel{display:block;min-height:0;padding:14px 16px;border:1px solid #f0ddd6;border-radius:10px;background:#fff}
.type-filter-wrap{min-width:0}
.type-filter{display:flex;align-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;overflow:hidden;max-height:80px;padding:0 0 2px;transition:max-height .25s ease}
.type-filter.expanded{max-height:480px}
.type-filter a{padding:6px 14px;border:0;color:#5f6670;background:#f2f3f5;font-size:13px}
.type-filter a:hover{color:var(--accent);background:#fff1ec}
.type-filter a.active{border:0;color:#fff;background:var(--accent);box-shadow:0 4px 12px rgba(255,75,32,.18)}
.type-filter-toggle{display:flex;align-items:center;gap:3px;margin:9px 0 0 auto;padding:5px 10px;border:1px dashed #e4c8be;border-radius:999px;color:#8b5a49;background:#fff;font-size:12px;cursor:pointer}
.type-filter-toggle[hidden]{display:none}
.type-filter-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}
.type-filter-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.games-directory{padding-top:15px}
.directory-summary{margin-bottom:6px}
@media(max-width:760px){.page-intro .breadcrumb{padding:12px 0 6px}.directory-heading-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:0 0 18px}.directory-heading-copy h1{font-size:20px}.directory-total{align-self:center;padding-top:0;font-size:12px}.directory-tools{padding:12px 0}.directory-tools>.directory-filter-panel{display:block;padding:12px;border-radius:9px}.type-filter{max-height:80px;margin:0;gap:8px}.type-filter a{padding:6px 13px}.games-directory{padding-top:24px}.directory-summary{margin-bottom:4px}}

/* Keep portrait fallback screenshots from changing the homepage hero ratio. */
.hero-grid{height:410px;min-height:410px}
.hero-media{height:410px;min-height:0}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.hero-grid{height:auto;min-height:0}.hero-media{height:260px;min-height:260px}}

.directory-tools{background:#fff}
.directory-tools>.container{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}
.type-filter{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.type-filter a{flex:0 0 auto;padding:7px 14px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:14px;line-height:1.4}
.type-filter a:hover{color:var(--accent)}
.type-filter a.active{border-color:var(--accent);color:var(--accent);background:#fff7f4;font-weight:700}
.sort-form{display:flex;align-items:center;flex:0 0 auto;gap:9px;color:var(--muted);font-size:14px}
.sort-form select{height:38px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;font-size:14px;outline:0}
.sort-form select:focus{border-color:var(--accent)}
.sort-form noscript button{height:38px;border:0;border-radius:6px;color:#fff;background:var(--accent)}
.directory-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:13px}
.directory-summary a{color:var(--accent)}
.pagination{align-items:center;gap:22px}
.pagination a,.pagination span{min-width:76px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;text-align:center;font-size:14px}
.pagination a:hover{border-color:var(--accent);color:var(--accent)}
.pagination .disabled{color:#b6bac1;background:#fafbfc}
.pagination strong{font-size:14px}
@media(max-width:760px){.directory-tools>.container{display:block;padding-block:8px}.type-filter{margin-inline:-4px}.sort-form{justify-content:flex-end;padding:0 0 10px}.directory-summary{margin-bottom:8px}}

.direct-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,210px));gap:14px;overflow:visible}
.download-option{position:relative}
.direct-download{width:100%;min-height:58px;justify-content:flex-start;gap:12px;padding:7px 18px;text-align:left}
.direct-download>span:last-child,.direct-download strong,.direct-download small{display:block}
.direct-download strong{font-size:15px;line-height:1.4}
.direct-download small{margin-top:2px;font-size:11px;font-weight:500;line-height:1.35;opacity:.78}
.download-os-icon{font-size:17px;line-height:1}
.download-os-icon.ios{font-size:18px}
.download-qr{position:absolute;z-index:30;top:calc(100% + 12px);left:50%;width:204px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(23,28,36,.16);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.download-qr:before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;transform:translateX(-50%) rotate(45deg)}
.download-qr img{position:relative;width:180px;height:180px;background:#fff}
.download-qr span{display:block;margin-top:7px;color:var(--muted);font-size:12px;text-align:center}
.download-option:hover .download-qr,.download-option:focus-within .download-qr{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:760px){.direct-downloads{grid-template-columns:1fr 1fr}.direct-download{min-width:0;min-height:54px;padding:7px 12px}.download-os-icon{display:none}.download-qr{display:none}}
@media(max-width:420px){.direct-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.direct-download{justify-content:center;padding-inline:6px;text-align:center}.direct-download strong{font-size:14px}.direct-download small{font-size:10px}}

/* Detail hero: account for the column gap and keep the first viewport compact. */
.game-hero{padding-bottom:20px}
.game-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;padding:10px 0 18px}
.game-summary{align-self:center;padding-top:0}
.game-cover{height:330px}
@media(max-width:1000px){.game-hero-grid{gap:28px}.game-cover{height:300px}}
@media(max-width:760px){.game-hero{padding-bottom:24px}.game-hero-grid{gap:22px;padding-bottom:0}.game-cover{height:230px}}

.new-games-intro .page-title-row{align-items:center}
.text-link{color:var(--accent);font-size:14px;font-weight:700}
.new-featured-section{padding-bottom:34px}
.new-featured{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:center;gap:54px}
.new-featured-media{overflow:hidden;height:330px;border-radius:8px;background:var(--soft)}
.new-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.new-featured-media:hover img{transform:scale(1.025)}
.new-featured-copy time{color:var(--accent);font-size:13px;font-weight:700}
.new-featured-copy h2{margin:8px 0 8px;font-family:"Songti SC",STSong,serif;font-size:38px;line-height:1.2}
.new-featured-copy>p{margin:13px 0;color:var(--muted)}
.new-featured-copy .new-featured-meta{color:var(--ink);font-size:14px}
.new-featured-copy .button{margin-top:8px}
.new-game-list-section{padding-top:34px;border-top:1px solid var(--line)}
.new-game-list{display:grid;grid-template-columns:1fr 1fr;gap:0 54px}
.new-game-item{display:grid;grid-template-columns:64px 126px minmax(0,1fr) 58px;align-items:center;gap:18px;min-height:132px;border-bottom:1px solid var(--line)}
.new-game-item>time{padding-right:16px;border-right:1px solid var(--line);text-align:center}
.new-game-item>time strong,.new-game-item>time span{display:block}
.new-game-item>time strong{font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1.1}
.new-game-item>time span{margin-top:5px;color:var(--muted);font-size:11px}
.new-game-image{overflow:hidden;height:72px;border-radius:7px;background:var(--soft)}
.new-game-image img{width:100%;height:100%;object-fit:cover}
.new-game-copy{min-width:0}
.new-game-copy h2{margin:0;font-size:17px}
.new-game-copy p{overflow:hidden;margin:5px 0;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.new-game-copy span{color:#8a8e95;font-size:12px}
@media(max-width:1000px){.new-featured{grid-template-columns:1.1fr .9fr;gap:32px}.new-featured-media{height:290px}.new-game-list{grid-template-columns:1fr}.new-game-item{grid-template-columns:64px 126px minmax(0,1fr) 58px}}
@media(max-width:760px){.new-games-intro .page-title-row{display:flex;align-items:end}.new-featured-section{padding-top:28px}.new-featured{display:flex;flex-direction:column;align-items:stretch;gap:24px}.new-featured-media{height:210px}.new-featured-copy h2{font-size:30px}.new-game-list-section{padding-top:30px}.new-game-item{grid-template-columns:50px 90px minmax(0,1fr);gap:12px;min-height:112px}.new-game-item>time{padding-right:10px}.new-game-item>time strong{font-size:24px}.new-game-image{height:58px}.new-game-item>.row-action{display:none}.new-game-copy p{display:none}}

/* Must stay after the legacy directory rules: preserve two complete chip rows. */
.directory-filter-panel .type-filter{align-content:flex-start;overflow:hidden;max-height:82px;margin:0;padding:0 0 2px;scrollbar-width:none}
.directory-filter-panel .type-filter.expanded{max-height:480px}
.directory-filter-panel .type-filter::-webkit-scrollbar{display:none}
@media(max-width:760px){.directory-filter-panel .type-filter{max-height:82px;margin:0;padding:0 0 2px}}

/* Mobile: keep the game list visible while browsing the complete category set. */
@media(max-width:760px){
    .directory-filter-panel .type-filter.expanded{
        max-height:min(34vh,280px);
        overflow-x:hidden;
        overflow-y:auto;
        padding:0 5px 8px 0;
        overscroll-behavior:contain;
        scrollbar-width:thin;
        scrollbar-color:#efb9a6 transparent;
        -webkit-overflow-scrolling:touch;
    }
    .directory-filter-panel .type-filter.expanded::-webkit-scrollbar{display:block;width:4px}
    .directory-filter-panel .type-filter.expanded::-webkit-scrollbar-track{background:transparent}
    .directory-filter-panel .type-filter.expanded::-webkit-scrollbar-thumb{border-radius:999px;background:#efb9a6}
    .directory-filter-panel .type-filter.expanded + .type-filter-toggle{position:sticky;right:0;bottom:0;margin-top:8px;background:#fff;box-shadow:0 -8px 16px rgba(255,255,255,.92)}
}

.benefits-intro .page-title-row{align-items:center}
.benefit-featured-section{padding-bottom:36px}
.benefit-featured{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:58px}
.benefit-featured-copy{padding-left:24px;border-left:5px solid var(--accent)}
.benefit-featured-copy h2{margin:0;font-family:"Songti SC",STSong,serif;font-size:38px;line-height:1.2}
.benefit-featured-copy h3{margin:16px 0 8px;font-size:18px}
.benefit-featured-copy p{display:-webkit-box;overflow:hidden;margin:0 0 24px;color:var(--muted);line-height:1.9;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.benefit-featured-media{position:relative;overflow:hidden;height:330px;border-radius:8px;background:var(--soft)}
.benefit-featured-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.benefit-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.benefit-featured-media:hover img{transform:scale(1.025)}
.benefit-featured-media strong{position:absolute;z-index:2;right:24px;bottom:18px;left:24px;overflow:hidden;color:#fff;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
.benefit-list-section{padding-top:36px;border-top:1px solid var(--line)}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:0 54px}
.benefit-list-item{display:grid;grid-template-columns:78px minmax(0,1fr) 58px;align-items:center;gap:18px;min-height:138px;border-bottom:1px solid var(--line)}
.benefit-game-image img{width:78px;height:78px;border-radius:16px;object-fit:cover}
.benefit-list-copy{min-width:0}
.benefit-list-copy h2{margin:0;font-size:17px}
.benefit-list-copy h3{margin:4px 0;color:var(--accent);font-size:13px}
.benefit-list-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:1000px){.benefit-featured{grid-template-columns:.9fr 1.1fr;gap:32px}.benefit-featured-media{height:290px}.benefit-list{grid-template-columns:1fr}}
@media(max-width:760px){.benefits-intro .page-title-row{display:flex;align-items:end}.benefit-featured-section{padding-top:28px}.benefit-featured{display:flex;flex-direction:column-reverse;align-items:stretch;gap:24px}.benefit-featured-media{height:210px}.benefit-featured-copy{padding-left:16px}.benefit-featured-copy h2{font-size:30px}.benefit-featured-copy p{-webkit-line-clamp:4}.benefit-list-section{padding-top:30px}.benefit-list-item{grid-template-columns:64px minmax(0,1fr);gap:14px;min-height:116px}.benefit-game-image img{width:64px;height:64px;border-radius:14px}.benefit-list-item>.row-action{display:none}}

.content-page-section{min-height:520px}
.tags-page-intro{background:#fafbfc}
.tags-heading-row{display:flex;align-items:end;justify-content:space-between;padding:2px 0 20px}
.tags-heading-row h1{margin:0;font-family:"Songti SC",STSong,serif;font-size:28px;line-height:1.2}
.tags-heading-row p{margin:0;color:var(--muted);font-size:13px}
.tags-heading-row strong{color:var(--accent);font-weight:700}
.tag-directory-section{padding-top:34px}
.tag-directory-list{display:grid;gap:24px}
.tag-group{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff}
.tag-group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.tag-group-heading>div{display:flex;align-items:baseline;gap:10px}
.tag-group-heading h2{position:relative;margin:0;padding-left:14px;font-size:21px;line-height:1.3}
.tag-group-heading h2:before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:4px;border-radius:2px;background:var(--accent)}
.tag-group-heading span{color:#969ba3;font-size:12px}
.tag-group-heading>a{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:13px;font-weight:700}
.tag-group-heading svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.tag-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
.tag-game-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px;border-radius:8px;transition:background-color .18s ease,transform .18s ease}
.tag-game-card:hover{background:#fff6f2;transform:translateY(-1px)}
.tag-game-card>img{width:58px;height:58px;border-radius:13px;object-fit:cover;background:var(--soft)}
.tag-game-card>span{display:block;min-width:0}
.tag-game-card strong{display:inline;overflow:hidden;font-size:14px;line-height:1.4}
.tag-game-card em{display:inline;margin-left:5px;padding:1px 4px;border:1px solid #ff9d83;border-radius:3px;color:#e95a2f;font-size:11px;font-style:normal;white-space:nowrap}
.tag-game-card small{display:block;overflow:hidden;margin-top:4px;color:#858b94;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.tag-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:14px}
.tag-pagination a,.tag-pagination span{min-width:76px;padding:7px 14px;border:1px solid var(--line);border-radius:6px;text-align:center;font-size:13px}
.tag-pagination a:hover{border-color:var(--accent);color:var(--accent)}
.tag-pagination .disabled{color:#b2b6bd;background:#fafbfc}
.tag-pagination strong{font-size:13px}
.server-list-intro{background:#fafbfc}
.server-list-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 0 20px}
.server-list-heading h1{margin:0;font-family:"Songti SC",STSong,serif;font-size:28px;line-height:1.2}
.server-list-heading p{margin:20px 0 0;color:var(--muted);font-size:14px}
.server-list-stats{display:flex;gap:28px;color:var(--muted);font-size:13px}
.server-list-stats span{display:flex;align-items:baseline;gap:6px}
.server-list-stats strong{color:var(--accent);font-family:Georgia,serif;font-size:22px}
.server-list-nav{background:#fff}
.server-list-nav .container{display:flex;gap:34px}
.server-list-nav a{position:relative;padding:14px 0;color:var(--muted);font-size:14px;font-weight:700}
.server-list-nav a:hover{color:var(--accent)}
.server-list-nav a:first-child{color:var(--accent)}
.server-list-nav a:first-child:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--accent)}
.server-list-section{padding-top:38px}
.server-list-groups{display:grid;gap:54px}
.server-list-group{scroll-margin-top:94px}
.server-schedule{overflow:hidden;border-top:1px solid var(--accent);border-bottom:1px solid var(--line);background:#fff}
.server-schedule-row{display:grid;grid-template-columns:minmax(280px,1.55fr) 170px minmax(150px,.85fr) minmax(190px,1fr) 70px;align-items:center;gap:22px;min-height:70px;padding:9px 12px}
.server-schedule-head{min-height:36px;padding-block:6px;color:#62676f;background:#f5f5f5;text-align:center;font-size:12px;font-weight:500}
.server-schedule-head span:first-child{text-align:left;padding-left:62px}
.server-game{display:flex;align-items:center;min-width:0;gap:12px}
.server-game img{width:50px;height:50px;border-radius:10px;object-fit:cover;background:var(--soft)}
.server-game>span{min-width:0}
.server-game strong{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
.server-game small{display:inline;margin-left:6px;padding:1px 4px;border:1px solid #d68b50;border-radius:3px;color:#a65c22;font-size:10px;white-space:nowrap}
.server-time{display:flex;align-items:center;gap:9px}
.server-time b{min-width:48px;padding:2px 7px;border-radius:5px;color:#fff;background:#ff921f;text-align:center;font-size:12px;font-weight:700}
.server-time strong{color:#505760;font-family:Georgia,serif;font-size:18px}
.server-time-upcoming b{background:#13ad55}
.server-time-opened b{background:#9aa0a8}
.server-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.server-type{overflow:hidden;color:#555b64;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.server-mobile-meta{display:none}
.server-download{justify-self:center;padding:4px 13px;color:#fff;background:#ff921f;font-size:13px;font-weight:700}
.server-download:hover{color:#fff;background:var(--accent)}
.server-more{display:block;padding:10px;border-bottom:1px solid var(--line);color:var(--muted);text-align:center;font-size:13px}
.server-more:hover{color:var(--accent)}
.server-pagination{display:flex;align-items:center;justify-content:center;margin-top:30px}
.server-pagination a,.server-pagination span{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid var(--line);border-right:0;color:var(--muted);font-size:13px}
.server-pagination a:last-child,.server-pagination span:last-child{border-right:1px solid var(--line)}
.server-pagination a:hover,.server-pagination .active{border-color:#ff921f;color:#fff;background:#ff921f}
.server-pagination .disabled{color:#b4b8be;background:#fafbfc}
.server-list-empty{padding:40px 20px;border:1px dashed #dcdfe4;border-radius:9px;color:var(--muted);background:#fafbfc;text-align:center;font-size:14px}
@media(max-width:900px){.server-list-heading{align-items:flex-start}.server-list-stats{gap:16px}.server-schedule-row{grid-template-columns:minmax(230px,1.4fr) 145px minmax(120px,.8fr) minmax(150px,1fr) 60px;gap:12px;padding-inline:10px}}
@media(max-width:760px){.server-list-heading{display:block;padding-bottom:28px}.server-list-heading h1{font-size:20px}.server-list-heading p{font-size:12px}.server-list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.server-list-stats span{display:block;padding:9px 5px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:center;font-size:10px}.server-list-stats strong{display:block;font-size:19px}.server-list-nav .container{justify-content:space-between;gap:16px}.server-list-nav a{font-size:13px}.server-list-section{padding-top:28px}.server-list-groups{gap:42px}.server-list-group .section-heading{align-items:center;margin-bottom:14px}.server-list-group .section-heading h2{font-size:22px}.server-list-group .section-heading>span{font-size:11px}.server-schedule{border-inline:0}.server-schedule-head{display:none}.server-schedule-row{grid-template-columns:minmax(0,1fr) 54px;grid-template-rows:auto auto;gap:4px 12px;min-height:80px;padding:10px 0;border-bottom:1px solid var(--line)}.server-game{grid-column:1;grid-row:1;gap:11px}.server-game img{width:48px;height:48px;border-radius:10px}.server-game strong{font-size:14px}.server-game small{display:block;width:max-content;margin:2px 0 0}.server-time,.server-name,.server-type{display:none}.server-mobile-meta{display:block;grid-column:1;grid-row:2;overflow:hidden;margin-left:59px;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.server-mobile-meta i{padding:0 4px;color:#b0b4ba;font-style:normal}.server-mobile-meta time{color:var(--accent);font-weight:700}.server-download{grid-column:2;grid-row:1/3;align-self:center;justify-self:stretch;padding:4px 0;border:1px solid var(--accent);border-radius:4px;color:var(--accent);background:#fff;text-align:center;font-size:12px}.server-download:hover{color:#fff;background:var(--accent)}.server-more{padding:9px;font-size:12px}}

.main-nav a.nav-gift,.main-nav a.nav-gift:hover,.main-nav a.nav-gift.active{color:var(--accent)}

.lucky-page{min-height:calc(100vh - 72px);padding:54px 0 70px;background:linear-gradient(180deg,#fff 0,#fff8f5 100%)}.lucky-shell{max-width:720px}.lucky-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px;text-align:left}.lucky-dice{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:var(--accent);box-shadow:0 10px 24px rgba(255,75,32,.22);transform:rotate(-7deg)}.lucky-dice svg{width:27px;fill:#fff;stroke:#fff;stroke-width:1.5}.lucky-heading h1{margin:0;font-size:30px;line-height:1.25}.lucky-heading p{margin:3px 0 0;color:var(--muted);font-size:15px}.lucky-machine{padding:30px;border:1px solid #f0d7cf;border-radius:16px;background:#fff;box-shadow:0 16px 46px rgba(29,34,45,.08)}.lucky-window{display:flex;align-items:center;min-height:150px;padding:24px 34px;border:2px solid #f0e1dc;border-radius:12px;background:linear-gradient(135deg,#fafbfc,#fff8f5)}.lucky-window img{width:82px;height:82px;border-radius:18px;object-fit:cover;box-shadow:0 8px 22px rgba(20,24,30,.12)}.lucky-window div{min-width:0;margin-left:24px}.lucky-window strong,.lucky-window span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lucky-window strong{font-size:24px}.lucky-window span{margin-top:5px;color:var(--muted);font-size:14px}.lucky-controls{display:flex;justify-content:center;gap:14px;margin-top:24px}.lucky-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:150px;height:46px;border:0;border-radius:7px;color:#fff;font-weight:800;cursor:pointer}.lucky-button svg{width:17px;fill:currentColor}.lucky-start{background:var(--accent)}.lucky-start:hover{background:var(--accent-dark)}.lucky-stop{background:#30343b}.lucky-button:disabled{cursor:not-allowed;opacity:.35}.is-rolling .lucky-window img{animation:luckyPulse .3s ease-in-out infinite alternate}.lucky-result{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.lucky-result-game{display:flex;align-items:center;padding:16px;border-radius:10px;background:var(--soft)}.lucky-result-game img{width:70px;height:70px;border-radius:15px;object-fit:cover}.lucky-result-game div{min-width:0;margin-left:17px}.lucky-result-game strong,.lucky-result-game span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lucky-result-game strong{font-size:20px}.lucky-result-game span{color:var(--muted);font-size:13px}.lucky-result>p{margin:18px 0;color:var(--muted);text-align:center}.lucky-result-actions{display:flex;justify-content:center;gap:12px}.lucky-result-actions a,.lucky-result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:150px;height:44px;border:0;border-radius:7px;font-weight:800;cursor:pointer}.lucky-result-actions a{color:#fff;background:var(--accent)}.lucky-result-actions button{color:#343942;background:#edf0f4}.lucky-result-actions svg{width:17px;fill:none;stroke:currentColor;stroke-width:2}.lucky-count{margin:20px 0 0;color:var(--muted);text-align:center;font-size:13px}.lucky-count span,.lucky-count strong{color:var(--accent)}@keyframes luckyPulse{to{transform:scale(.94);filter:saturate(1.25)}}@media(max-width:760px){.lucky-page{min-height:calc(100vh - 62px);padding:34px 0 50px}.lucky-shell{width:min(calc(100% - 28px),var(--container))}.lucky-heading{justify-content:flex-start;margin-bottom:22px}.lucky-dice{width:38px;height:38px;border-radius:11px}.lucky-dice svg{width:23px}.lucky-heading h1{font-size:24px}.lucky-heading p{font-size:13px}.lucky-machine{padding:18px;border-radius:13px}.lucky-window{min-height:118px;padding:18px}.lucky-window img{width:66px;height:66px;border-radius:14px}.lucky-window div{margin-left:15px}.lucky-window strong{font-size:19px}.lucky-controls{gap:10px;margin-top:18px}.lucky-button{flex:1;width:auto;height:44px}.lucky-result{margin-top:22px;padding-top:20px}.lucky-result-game{padding:13px}.lucky-result-game img{width:58px;height:58px;border-radius:13px}.lucky-result-game strong{font-size:17px}.lucky-result-actions a,.lucky-result-actions button{flex:1;width:auto}.lucky-count{margin-top:16px}}
.tag-detail-intro{background:#fafbfc}
.tag-detail-section{padding-top:36px}
.tag-detail-list .directory-image img{object-fit:cover}
.tag-detail-list .inline-game-title{display:flex;align-items:center;gap:7px;min-width:0}
.tag-detail-list .inline-game-title a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tag-detail-list .game-version-badge{flex:0 0 auto}
@media(max-width:900px){.tag-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tags-heading-row{align-items:center;padding:5px 0 15px}.tags-heading-row h1{font-size:20px}.tags-heading-row p{max-width:145px;text-align:right;font-size:12px}.tag-directory-section{padding-top:24px}.tag-directory-list{gap:16px}.tag-group{padding:16px 12px}.tag-group-heading{margin-bottom:10px;padding:0 4px 12px}.tag-group-heading h2{font-size:18px}.tag-group-heading>a{font-size:12px}.tag-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tag-game-card{grid-template-columns:48px minmax(0,1fr);gap:9px;padding:8px 5px}.tag-game-card>img{width:48px;height:48px;border-radius:11px}.tag-game-card strong{display:block;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.tag-game-card em{display:none}.tag-game-card small{font-size:11px}.tag-pagination{gap:8px}.tag-pagination a,.tag-pagination span{min-width:66px;padding:6px 10px}.tag-detail-section{padding-top:24px}.tag-detail-list .inline-game-title{gap:5px}}
.content-page-grid{display:grid;grid-template-columns:190px minmax(0,760px);justify-content:center;gap:76px}
.content-page-nav{position:sticky;top:104px;align-self:start;display:grid;border-top:1px solid var(--line)}
.content-page-nav a{padding:11px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.content-page-nav a:hover{color:var(--accent)}
.content-prose{font-size:16px;line-height:1.95}
.content-prose>section{padding-bottom:30px;scroll-margin-top:100px}
.content-prose h2{margin:0 0 12px;font-family:"Songti SC",STSong,serif;font-size:28px}
.content-prose p{margin:0;color:#444a52}
.content-notice{margin:0 0 38px!important;padding:18px 20px;border-left:4px solid var(--accent);background:#fff7f4;color:#5e514d!important;font-size:14px}
.error-page{display:flex;align-items:center;min-height:calc(100vh - 260px);padding:80px 0;text-align:center}
.error-page-inner{max-width:680px}
.error-code{color:var(--accent);font-family:Georgia,serif;font-size:96px;line-height:1;font-weight:700;letter-spacing:-4px}
.error-page h1{margin:18px 0 10px;font-family:"Songti SC",STSong,serif;font-size:38px}
.error-page p{margin:0 0 30px;color:var(--muted)}
.error-page-inner>div:last-child{display:flex;justify-content:center;gap:14px}
@media(max-width:760px){.content-page-grid{display:block}.content-page-nav{position:static;display:flex;overflow-x:auto;margin-bottom:38px;border-bottom:1px solid var(--line)}.content-page-nav a{flex:0 0 auto;padding:9px 13px;border:0}.content-prose h2{font-size:25px}.content-prose>section{padding-bottom:26px}.error-code{font-size:76px}.error-page h1{font-size:31px}.error-page-inner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.error-page .button{padding-inline:12px}}

/* Gift center and claim flow */
.header-search-toggle{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:100%;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}
.header-search-toggle svg{width:18px}
@media(max-width:760px){
    .header-search{transition:width .2s ease,border-radius .2s ease,box-shadow .2s ease}
    .header-search-toggle{width:20px}
    .header-search.open{position:absolute;z-index:60;top:70px;right:16px;left:16px;width:auto;height:46px;margin:0;padding:0 14px;border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(20,25,32,.16)}
    .header-search.open input{width:100%;padding:0 8px;opacity:1}
}
.header-search{position:relative}
.header-search-popular{position:absolute;z-index:70;top:calc(100% + 10px);right:0;display:none;width:360px;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 36px rgba(20,25,32,.16)}
.header-search.open .header-search-popular{display:block}
.header-search-popular>strong{display:block;margin-bottom:10px;color:#68707b;font-size:13px}
.header-search-popular>strong span{color:var(--accent);font-size:11px}
.header-search-popular>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.header-search-popular a{display:flex;min-width:0;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;color:#505761;background:#f1f3f6;font-size:12px;line-height:1.2}
.header-search-popular a:hover{color:var(--accent);background:#fff0eb}
.header-search-popular a i{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#757d89;font-size:10px;font-style:normal}
.header-search-popular a:nth-child(-n+3) i{background:var(--accent)}
.header-search-popular a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:760px){
    .header-inner{gap:12px}
    .header-search{position:relative;order:2;margin-left:auto}
    .nav-toggle{order:3;margin-left:0}
    .header-search.open{position:relative;z-index:60;top:auto;right:auto;left:auto;width:min(180px,calc(100vw - 205px));height:40px;margin-left:auto;padding:0 11px;border-radius:999px;box-shadow:none}
    .header-search.open .header-search-popular{width:min(300px,calc(100vw - 32px));padding:14px}
    .header-search-popular a{padding:6px 8px}
}
.page-title-row{padding:2px 0 20px}
.gift-filter-row{display:flex;flex-wrap:wrap;overflow:visible;gap:9px;padding-top:16px;padding-bottom:16px;white-space:nowrap}
.gift-filter-row a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;padding:5px 16px;border-radius:999px;color:#5f6670;background:#f2f3f5;font-size:13px;transition:color .18s ease,background-color .18s ease}
.gift-filter-row a:hover{color:var(--accent);background:#fff1ec}
.gift-filter-row a.active{color:#fff;background:var(--accent);font-weight:700;box-shadow:0 4px 12px rgba(255,75,32,.18)}
.gifts-intro .page-title-row h1{font-size:28px;line-height:1.2}
.gift-list-section .section-heading h2{font-size:22px}
.gift-list-section .section-heading h2:before{top:50%;transform:translateY(-50%)}
@media(max-width:760px){.gift-filter-row{gap:8px;padding-top:12px;padding-bottom:12px}.gift-filter-row a{min-height:32px;padding:5px 13px;font-size:12px}}
@media(max-width:760px){.gifts-intro .page-title-row h1{font-size:20px}.gift-list-section .section-heading h2{font-size:18px}}
.gift-list{border-top:1px solid var(--line)}
.gift-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:148px;border-bottom:1px solid var(--line)}
.gift-game-icon img{width:76px;height:76px;border-radius:16px;object-fit:cover;background:var(--soft)}
.gift-row-main{min-width:0}
.gift-row-title{display:flex;align-items:center;gap:10px}
.gift-row-title>a{color:var(--ink);font-size:18px;font-weight:700}
.gift-kind{padding:3px 7px;border:1px solid #ffb6a6;border-radius:3px;color:var(--accent);font-size:11px;line-height:1}
.gift-row-main>p{overflow:hidden;margin:8px 0 10px;color:var(--muted);font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.gift-row-meta{display:flex;gap:18px;color:#8a8e95;font-size:12px}
.gift-claim-link{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:38px;padding:0 16px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);font-size:14px;font-weight:700;transition:.2s ease}
.gift-claim-link:hover{background:var(--accent);color:#fff}
.gift-row.is-expired .gift-kind{border-color:#cfd3d8;background:#f2f3f5;color:#858b94}
.gift-row.is-expired .gift-claim-link{border-color:#c9cdd3;background:#f5f6f7;color:#858b94}
.gift-row.is-expired .gift-claim-link:hover{border-color:#aeb4bc;background:#e9ebee;color:#666d76}
.gift-empty{padding:90px 20px;text-align:center}
.gift-empty h2{margin:0;font-family:"Songti SC",STSong,serif;font-size:30px}
.gift-empty p{margin:10px 0 24px;color:var(--muted)}
.game-gift-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line)}
.game-gift-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:132px;border-bottom:1px solid var(--line)}
.game-gift-item h3{margin:0 0 7px;font-size:17px}
.game-gift-item h3 a{color:var(--ink)}
.game-gift-item p{overflow:hidden;margin:0 0 9px;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.game-gift-item span{color:#8a8e95;font-size:12px}
.gift-detail-hero{padding-bottom:26px;border-bottom:1px solid var(--line)}
.gift-detail-card{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:15px 0}
.gift-detail-identity{display:flex;align-items:center;gap:24px;min-width:0}
.gift-detail-identity img{width:108px;height:108px;border-radius:22px;object-fit:cover;background:var(--soft)}
.gift-game-name{margin:7px 0 0;color:var(--accent);font-size:14px;font-weight:700}
.gift-game-name span{color:var(--muted);font-weight:500}
.gift-game-name a:hover{text-decoration:underline}
.gift-detail-identity h1{margin:0;font-family:"Songti SC",STSong,serif;font-size:28px;line-height:1.25}
.gift-status-line{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:13px;color:var(--muted);font-size:13px}
.gift-detail-action{display:flex;flex:0 0 230px;flex-direction:column;align-items:stretch;text-align:center}
.gift-detail-action small{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}
.gift-game-download-panel{margin:0 0 22px;padding:20px 24px;border:1px solid #f0d8cf;border-radius:9px;background:#fff}
.gift-game-downloads>strong{display:block;margin-bottom:10px;font-size:15px}
.gift-download-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,190px));gap:12px}
.gift-download-buttons .direct-download{min-height:52px;padding:6px 18px;text-align:left}
.gift-download-buttons .direct-download strong,.gift-download-buttons .direct-download small{display:block}
.gift-download-buttons .direct-download strong{font-size:14px;line-height:1.35}
.gift-download-buttons .direct-download small{margin-top:2px;font-size:10px;font-weight:500;line-height:1.3;opacity:.78}
.gift-download-notice{margin:0 0 14px;padding:15px 18px;border-left:4px solid var(--accent);color:#69544d;background:#fff6f2;font-size:13px;line-height:1.8}
.gift-download-notice strong{color:var(--accent)}
.button-disabled{border-color:#d8dadd!important;background:#d8dadd!important;color:#7b7f86!important;cursor:not-allowed}
.gift-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px}
.gift-prose>section{padding:0 0 34px}
.gift-prose h2,.gift-side-panel h2{margin:0 0 15px;padding-left:14px;border-left:4px solid var(--accent);font-family:"Songti SC",STSong,serif;font-size:25px}
.gift-prose p,.gift-prose li{color:#444a52;font-size:15px;line-height:1.9}
.gift-prose ul{margin:0;padding-left:20px}
.gift-side-panel{align-self:start;padding:24px 26px;border-top:3px solid var(--accent);background:#fafafa}
.gift-side-panel h2{padding:0;border:0;font-size:21px}
.gift-side-panel dl{margin:0}
.gift-side-panel dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.gift-side-panel dt{color:var(--muted)}
.gift-side-panel dd{margin:0;text-align:right}
.gift-side-panel>a{display:block;margin-top:18px;color:var(--accent);font-size:13px;font-weight:700}
.related-gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px;border-top:1px solid var(--line)}
.related-gift-grid>a{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--line)}
.related-gift-grid strong{color:var(--ink);font-size:15px}
.related-gift-grid span{margin-top:7px;color:var(--muted);font-size:12px}
.gift-modal[hidden]{display:none}
.gift-modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px}
.gift-modal-backdrop{position:absolute;inset:0;background:rgba(15,18,22,.58);backdrop-filter:blur(2px)}
.gift-modal-dialog{position:relative;z-index:1;width:min(100%,480px);padding:38px;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.22);text-align:center}
.gift-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;background:transparent;color:#767b83;font-size:28px;cursor:pointer}
.gift-modal-dialog h2{margin:0 0 10px;font-family:"Songti SC",STSong,serif;font-size:28px}
.gift-modal-dialog>p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.7}
.gift-code-box{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid #ffb4a4;border-radius:6px}
.gift-code-box code{padding:14px;background:#fff7f4;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:.06em}
.gift-code-box button{padding:0 18px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.gift-copy-result{display:block;min-height:20px;margin-top:12px;color:#44885a;font-size:13px}
.gift-box-dialog{width:min(100%,430px)}
.gift-box-qr{display:block;width:190px;height:190px;margin:0 auto 20px}
.gift-box-download{display:flex;margin:0 auto 10px}
.gift-box-dialog>small{display:block;color:var(--muted);font-size:12px}
@media(max-width:900px){.game-gift-list{grid-template-columns:1fr}.gift-content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:38px}.related-gift-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.gift-row{grid-template-columns:60px minmax(0,1fr);gap:14px;min-height:124px}.gift-game-icon img{width:60px;height:60px;border-radius:13px}.gift-row-title{align-items:flex-start;flex-direction:column;gap:5px}.gift-row-title>a{font-size:16px}.gift-row-main>p{display:none}.gift-row-meta{display:block}.gift-row-meta span{display:block;margin-top:3px}.gift-row>.gift-claim-link{display:none}.gift-detail-card{align-items:stretch;flex-direction:column;gap:28px;padding:10px 0 15px}.gift-detail-identity{align-items:flex-start;gap:16px}.gift-detail-identity img{width:78px;height:78px;border-radius:17px}.gift-detail-identity h1{font-size:20px}.gift-game-name{font-size:12px}.gift-status-line{display:flex;flex-wrap:nowrap;gap:10px;margin-top:7px;font-size:11px;white-space:nowrap}.gift-status-line span{display:inline;margin-top:0}.gift-detail-action{flex-basis:auto}.gift-game-download-panel{margin-bottom:16px;padding:16px}.gift-game-downloads>strong{font-size:14px}.gift-download-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gift-download-buttons .direct-download{justify-content:center;min-width:0;padding:6px 8px;text-align:center}.gift-download-notice{margin:0 0 12px;padding:12px 13px;font-size:12px}.gift-content-grid{display:block}.gift-side-panel{margin-top:12px}.related-gift-grid{grid-template-columns:1fr}.game-gift-item{min-height:116px}.game-gift-item p{display:none}.gift-modal-dialog{padding:32px 22px}.gift-box-qr{display:none}.gift-box-download{width:100%}}
@media(max-width:760px){
    .gift-filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
    .gift-filter-row::-webkit-scrollbar{display:none}
    .gift-row{grid-template-columns:60px minmax(0,1fr) 72px;gap:12px}
    .gift-row-title{align-items:center;flex-direction:row;flex-wrap:wrap;gap:5px 7px}
    .gift-row-title>a{min-width:0}
    .gift-row>.gift-claim-link{display:inline-flex;min-width:72px;height:34px;padding:0 8px;font-size:12px}
}

.related-rail>a,.related-rail>a>div{min-width:0}

/* Game detail hero media carousel */
.game-media-carousel{position:relative;overflow:hidden;min-width:0;height:360px;border-radius:8px;background:transparent;box-shadow:0 1px 0 rgba(0,0,0,.04);transform:translateZ(0)}
.game-media-viewport{width:100%;height:100%;overflow:hidden;border-radius:0;touch-action:pan-y;overscroll-behavior-x:contain}
.game-media-viewport::-webkit-scrollbar{display:none}
.game-media-track{display:flex;width:100%;height:100%;transform:translate3d(0,0,0);transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform}
.game-media-slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;overflow:hidden;border-radius:0;background:transparent}
.game-media-slide img,.game-media-slide video{display:block;width:100%;height:100%}
.game-media-image img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover}
.game-media-video video{object-fit:cover;background:#111}
.game-media-video::after{content:"";position:absolute;right:0;bottom:0;left:0;height:38%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.game-video-controls{position:absolute;z-index:2;right:18px;bottom:13px;left:18px;color:#fff;opacity:1;transition:opacity .2s}
.game-media-video:hover .game-video-controls,.game-media-video:focus-within .game-video-controls,.game-video-controls.is-visible{opacity:1}
.game-video-progress{display:block;width:100%;height:4px;margin:0 0 10px;padding:0;border:0;border-radius:999px;outline:0;background:linear-gradient(to right,#ff3f57 0 var(--video-progress,0%),rgba(255,255,255,.42) var(--video-progress,0%) 100%);appearance:none;cursor:pointer}
.game-video-progress::-webkit-slider-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#ff3f57;appearance:none}.game-video-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#ff3f57}
.game-video-control-row{display:flex;align-items:center;min-height:28px;gap:12px}.game-video-control-row button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.game-video-control-row svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.game-video-control-row .icon-play{fill:currentColor;stroke:none}.game-video-control-spacer{flex:1}.game-video-time{font-size:13px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}.game-video-controls .icon-play,.game-video-controls .icon-sound{display:none}.game-video-controls.is-paused .icon-play,.game-video-controls.is-unmuted .icon-sound{display:block}.game-video-controls.is-paused .icon-pause,.game-video-controls.is-unmuted .icon-muted{display:none}
.game-media-arrow{position:absolute;z-index:3;top:50%;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:rgba(255,255,255,.88);background:rgba(17,20,25,.34);box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer;transform:translateY(-50%);transition:background .2s,opacity .2s,visibility .2s}
.game-media-arrow:hover{background:rgba(17,20,25,.56)}
.game-media-arrow[hidden]{display:none}
.game-media-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.game-media-prev{left:14px}.game-media-next{right:14px}
.game-media-dots{position:absolute;z-index:3;right:0;bottom:14px;left:0;display:flex;justify-content:center;gap:8px;pointer-events:none}
.game-media-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.62);box-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:auto;cursor:pointer;transition:width .2s,background .2s}
.game-media-dots button.is-active{width:22px;background:#fff}
.game-media-carousel:not(.has-multiple-media) .game-media-arrow,.game-media-carousel:not(.has-multiple-media) .game-media-dots{display:none}
@media(max-width:760px){.game-media-carousel{order:-1;width:calc(100% + 32px);height:230px;margin-inline:-16px;border-radius:0}.game-media-arrow{display:none}.game-media-dots{bottom:8px}.game-video-controls{right:12px;bottom:12px;left:12px;opacity:1}.game-video-progress{margin-bottom:7px}.game-media-video::after{height:48%}}
@media(prefers-reduced-motion:reduce){.game-media-track{transition:none}.game-media-arrow,.game-media-dots button{transition:none}}

/* Screenshot gallery lightbox */
.lightbox-figure{display:flex;align-items:center;justify-content:center;max-width:calc(100vw - 180px);max-height:92vh;margin:0}.lightbox-figure img{max-width:100%;max-height:88vh;object-fit:contain}.lightbox-figure figcaption{position:absolute;bottom:18px;left:50%;padding:5px 12px;border-radius:999px;color:#fff;background:rgba(0,0,0,.48);font-size:13px;transform:translateX(-50%)}
.lightbox .lightbox-close{z-index:3;right:22px;top:14px;width:48px;height:48px;padding:0;line-height:1}
.lightbox .lightbox-arrow{z-index:3;top:50%;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:#fff;background:rgba(0,0,0,.38);font-size:0;transform:translateY(-50%);transition:background .2s}
.lightbox .lightbox-arrow:hover{background:rgba(0,0,0,.65)}.lightbox .lightbox-prev{right:auto;left:28px}.lightbox .lightbox-next{right:28px;left:auto}.lightbox-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.lightbox-figure{max-width:100%;max-height:86vh}.lightbox .lightbox-arrow{width:40px;height:40px}.lightbox .lightbox-prev{left:8px}.lightbox .lightbox-next{right:8px}.lightbox-figure figcaption{bottom:12px}}

/* Game directory uses square game icons instead of promotional banners. */
.directory-item{grid-template-columns:82px minmax(0,1fr) auto;gap:15px;min-height:116px;padding:17px 0}
.directory-image{display:block;width:82px;height:82px}
.directory-image img{width:82px;height:82px;border-radius:17px;object-fit:cover;background:var(--soft);box-shadow:0 1px 3px rgba(20,24,32,.08)}
.directory-item h2{font-size:17px;line-height:1.35}.directory-item p{margin:5px 0 3px;line-height:1.55}.directory-item .row-action{align-self:center}
@media(max-width:760px){.directory-item{grid-template-columns:70px minmax(0,1fr) auto;gap:13px;min-height:102px;padding:15px 0}.directory-image,.directory-image img{width:70px;height:70px}.directory-image img{border-radius:15px}.directory-item p{display:none}}

/* Keep the base title readable while showing the CPS channel version as a tag. */
.directory-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;min-width:0}
.directory-title>a{min-width:0;font-weight:800}
.directory-title .game-version-badge{display:inline-flex;align-items:center;flex:0 0 auto;height:22px;padding:0 6px;border:1px solid #f08a34;border-radius:3px;color:#b85a10;background:#fffaf5;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}
@media(max-width:760px){.directory-title{gap:4px 6px}.directory-title .game-version-badge{height:20px;padding-inline:5px;font-size:11px;line-height:18px}}

/* Shared title/version treatment for homepage and latest-game lists. */
.inline-game-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;min-width:0;line-height:1.35}
.inline-game-title>a,.inline-game-title>span:first-child{min-width:0}
.inline-game-title .game-version-badge{display:inline-flex;align-items:center;flex:0 0 auto;height:21px;padding:0 6px;border:1px solid #f08a34;border-radius:3px;color:#b85a10;background:#fffaf5;font-size:11px;font-weight:600;line-height:19px;white-space:nowrap}
.latest-game-title .game-title-text{font-weight:800}
.rank-list .game-row-copy{min-width:0}.latest-item>div,.new-game-copy{min-width:0}
@media(max-width:760px){.inline-game-title{gap:4px 6px}.inline-game-title .game-version-badge{height:20px;padding-inline:5px;font-size:11px;line-height:18px}}

.lucky-dice svg{width:29px;fill:none;stroke:#fff;stroke-width:1.8}.lucky-dice svg rect{fill:none}.lucky-dice svg circle{fill:#fff;stroke:none}

.header-search{width:260px}.header-box-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:#5c5c62;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}.header-box-button:hover{background:#45454b;transform:translateY(-1px)}.header-box-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1180px){.header-box-button{width:40px;padding:0;border-radius:50%}.header-box-button span{display:none}}@media(max-width:760px){.header-box-button{width:42px;height:42px}}
@media(min-width:761px){.header-search{margin-left:0}}
@media(min-width:761px){.header-box-button{margin-left:auto}}
.header-box-button{padding:0 16px;border:1px solid #ffd3c7;border-radius:999px;color:var(--accent);background:#fff5f1;font-weight:600}.header-box-button:hover{border-color:var(--accent);color:#fff;background:var(--accent)}.header-box-button:focus-visible{outline:3px solid rgba(255,75,32,.22);outline-offset:2px}
@media(max-width:1180px){.header-box-button{padding:0}}
@media(max-width:760px){.header-search:not(.open){flex:0 0 42px;width:42px}.header-search.open{flex:1 1 auto}}
.box-label-mobile{display:none}@media(max-width:760px){.header-inner{gap:9px}.brand{order:0;margin-right:auto}.header-search{order:1}.header-box-button{order:2;width:auto;height:36px;padding:0 10px;gap:5px}.header-box-button svg{width:14px}.header-box-button .box-label-desktop{display:none}.header-box-button .box-label-mobile{display:inline;font-size:12px}.nav-toggle{order:3;margin-left:0}.main-nav{order:4}}
@media(max-width:760px){.header-search.open~.header-box-button{display:none}}
@media(max-width:760px){.header-search:not(.open){flex:0 0 42px;justify-content:center;width:42px;min-width:42px;max-width:42px;height:42px;padding:0;border-radius:50%}.header-search:not(.open) .header-search-toggle{flex:0 0 40px;width:40px;height:40px}.header-search:not(.open) .header-search-toggle svg{flex:none;width:18px;height:18px}.header-search:not(.open) input{position:absolute;width:0;min-width:0;padding:0;opacity:0}}

/* Header image logo. Its intrinsic ratio is 120 × 30. */
.brand{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    width:120px;
    height:30px;
    line-height:0;
}
.brand img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
}
@media(max-width:760px){
    .brand{
        width:108px;
        height:27px;
    }
}

/* Mobile header order: logo, game box, search, menu. */
@media(max-width:760px){
    .header-inner{gap:8px}
    .brand{order:0;margin-right:4px}
    .header-box-button{order:1;width:auto;height:38px;padding:0 3px;gap:6px;border:0;border-radius:0;color:var(--accent);background:transparent;box-shadow:none;font-size:14px;font-weight:700}
    .header-box-button:hover,.header-box-button:active{color:var(--accent-dark);background:transparent;transform:none}
    .header-box-button svg{width:19px;height:19px;stroke-width:2.2}
    .header-box-button .box-label-desktop{display:none}
    .header-box-button .box-label-mobile{display:inline;font-size:14px}
    .header-search{order:2;margin-left:auto}
    .header-search:not(.open){flex:0 0 40px;width:40px;min-width:40px;max-width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent}
    .header-search:not(.open) .header-search-toggle{flex:0 0 40px;width:40px;height:40px;padding:7px}
    .header-search:not(.open) .header-search-toggle svg{width:25px;height:25px;stroke:var(--ink);stroke-width:2}
    .nav-toggle{order:3;margin-left:0}
    .main-nav{order:4}
}

/* Optically align the mobile game-box control with the logo baseline. */
@media(max-width:760px){
    .header-box-button{position:relative;top:4px}
}

/* Keep the modal close control visually single-layered on mobile Safari. */
.gift-modal-close{
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    outline:0;
    background:transparent;
    line-height:1;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
}
.gift-modal-close:focus{outline:0;box-shadow:none}
.gift-modal-close:focus-visible{outline:2px solid rgba(255,75,32,.35);outline-offset:2px}
@media(max-width:760px), (pointer:coarse){
    .gift-modal-close:focus-visible{outline:0;box-shadow:none}
}

/* Preserve the approved game-box download color. */
.gift-box-download,
.gift-box-download:hover{
    background:#ff4b20;
}

/* Footer brand uses the existing 120 x 30 logo asset. */
.footer-brand{
    display:inline-flex;
    align-items:center;
    line-height:0;
}
.footer-brand img{
    display:block;
    width:120px;
    height:30px;
    max-width:none;
    object-fit:contain;
}

/* Desktop header search: borderless soft-gray field. */
@media(min-width:761px){
    .header-search{
        border:0;
        background:#f4f5f6;
    }
}

/* CUSTOM_BOX_COLOR_AD6351 */
.gift-box-download,
.gift-box-download:hover,
.gift-box-download:focus,
.gift-box-download:active {
    border-color: #ff4b20 !important;
    background: #ff4b20 !important;
}

@media (max-width: 760px) {
    .header-box-button,
    .header-box-button:hover,
    .header-box-button:focus,
    .header-box-button:active {
        color: #ad6351 !important;
        background: transparent !important;
    }
}

/* Game-box download modal redesign. */
.gift-modal[data-header-box-modal],
.gift-modal[data-box-gift-modal]{
    padding:24px;
    background:rgba(22,20,19,.56);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
.gift-modal[data-header-box-modal] .gift-modal-backdrop,
.gift-modal[data-box-gift-modal] .gift-modal-backdrop{
    background:transparent;
}
.gift-box-dialog{
    width:min(100%,680px);
    padding:46px 52px 34px;
    overflow:hidden;
    border:1px solid rgba(173,99,81,.12);
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 4%,rgba(173,99,81,.10),transparent 28%),
        #fff;
    box-shadow:0 28px 80px rgba(29,22,20,.30);
    text-align:center;
}
.gift-box-dialog .gift-modal-close{
    top:20px;
    right:22px;
    width:40px;
    height:40px;
    color:#8b8e94;
    font-size:36px;
    font-weight:300;
}
.gift-box-dialog .gift-modal-close:hover{
    color:#ad6351;
    background:#f8eeeb;
}
.gift-box-dialog .gift-modal-close:focus-visible{
    outline-color:rgba(173,99,81,.36);
}
.gift-box-brand-mark{
    display:flex;
    align-items:center;
    justify-content:center;
    width:82px;
    height:82px;
    margin:0 auto 18px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 32px rgba(173,99,81,.22);
}
.gift-box-brand-mark img{
    display:block;
    width:64px;
    height:64px;
    border-radius:16px;
    object-fit:cover;
}
.gift-box-dialog h2{
    margin:0;
    color:var(--ink);
    font-family:inherit;
    font-size:32px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.gift-box-dialog h2 span{
    color:#ff4b20;
}
.gift-box-dialog>p{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin:10px 0 26px;
    color:#777b82;
    font-size:15px;
    line-height:1.6;
}
.gift-box-dialog>p::before,
.gift-box-dialog>p::after{
    width:28px;
    height:1px;
    background:#e4e5e7;
    content:"";
}
.gift-box-download-area{
    display:grid;
    grid-template-columns:126px minmax(0,1fr);
    align-items:center;
    gap:22px;
    margin:0 auto 22px;
}
.gift-box-qr-panel{
    padding:8px;
    border:1px solid #eadbd7;
    border-radius:16px;
    background:#fff;
}
.gift-box-qr{
    display:block;
    width:108px;
    height:108px;
    margin:0 auto;
    border-radius:8px;
}
.gift-box-qr-panel>span{
    display:block;
    margin-top:5px;
    color:#8a7975;
    font-size:11px;
    line-height:1.3;
}
.gift-box-action-panel{
    min-width:0;
}
.gift-box-download{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:76px;
    margin:0;
    padding:0 28px;
    border-radius:999px;
    color:#fff !important;
    box-shadow:0 14px 28px rgba(173,99,81,.24);
    transition:transform .2s,box-shadow .2s,background .2s;
}
.gift-box-download strong,
.gift-box-download span{
    color:inherit;
    font-size:24px;
    font-weight:800;
    line-height:1;
}
.gift-box-download span{
    margin-left:14px;
    padding-left:14px;
    border-left:1px solid rgba(255,255,255,.48);
}
.gift-box-download:hover{
    background:#ff4b20 !important;
    box-shadow:0 16px 34px rgba(173,99,81,.30);
    transform:translateY(-2px);
}
.gift-box-download:focus-visible{
    outline:3px solid rgba(173,99,81,.28);
    outline-offset:3px;
}
.gift-box-device-hint{
    margin-top:13px;
    color:#8c8f95;
    font-size:13px;
    line-height:1.5;
}
.gift-box-mobile-hint{
    display:none;
}
.gift-box-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:4px;
    padding:18px 12px;
    border-radius:18px;
    background:#faf3f1;
}
.gift-box-benefits>div{
    display:flex;
    align-items:center;
    flex-direction:column;
    min-width:0;
    padding:0 14px;
}
.gift-box-benefits>div+div{
    border-left:1px solid #e5c7bf;
}
.gift-box-benefits strong{
    color:#242323;
    font-size:15px;
    line-height:1.4;
}
.gift-box-benefits span{
    margin-top:3px;
    color:#8c817e;
    font-size:12px;
    line-height:1.4;
}
@media(max-width:760px){
    .gift-modal[data-header-box-modal],
    .gift-modal[data-box-gift-modal]{
        align-items:center;
        padding:18px;
    }
    .gift-box-dialog{
        width:min(100%,420px);
        max-height:calc(100dvh - 36px);
        padding:38px 22px 22px;
        overflow-y:auto;
        border-radius:24px;
    }
    .gift-box-dialog .gift-modal-close{
        top:12px;
        right:13px;
        width:38px;
        height:38px;
        font-size:32px;
    }
    .gift-box-brand-mark{
        width:68px;
        height:68px;
        margin-bottom:15px;
        border-radius:20px;
    }
    .gift-box-brand-mark img{
        width:52px;
        height:52px;
        border-radius:14px;
    }
    .gift-box-dialog h2{
        padding:0 14px;
        font-size:23px;
        letter-spacing:-.04em;
    }
    .gift-box-dialog h2 span{
        display:inline;
    }
    .gift-box-dialog>p{
        gap:7px;
        margin:8px 0 22px;
        font-size:13px;
    }
    .gift-box-dialog>p::before,
    .gift-box-dialog>p::after{
        width:14px;
    }
    .gift-box-download-area{
        display:block;
        margin-bottom:20px;
    }
    .gift-box-qr-panel{
        display:none;
    }
    .gift-box-download{
        min-height:64px;
        padding:0 20px;
    }
    .gift-box-download strong,
    .gift-box-download span{
        font-size:20px;
    }
    .gift-box-download span{
        margin-left:11px;
        padding-left:11px;
    }
    .gift-box-desktop-hint{
        display:none;
    }
    .gift-box-mobile-hint{
        display:inline;
    }
    .gift-box-benefits{
        padding:15px 6px;
        border-radius:15px;
    }
    .gift-box-benefits>div{
        padding:0 7px;
    }
    .gift-box-benefits strong{
        font-size:13px;
    }
    .gift-box-benefits span{
        font-size:11px;
    }
}
@media(max-width:380px){
    .gift-box-dialog{
        padding-inline:17px;
    }
    .gift-box-dialog h2{
        font-size:21px;
    }
    .gift-box-dialog>p{
        font-size:12px;
    }
    .gift-box-download strong,
    .gift-box-download span{
        font-size:18px;
    }
}

/* compact-global-pagination-v1 */
.pagination strong,
.tag-pagination strong {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .pagination,
    .tag-pagination {
        flex-wrap: nowrap;
        gap: 5px;
    }

    .pagination a,
    .pagination span,
    .tag-pagination a,
    .tag-pagination span {
        flex: 1 1 0;
        min-width: 0;
        padding: 7px 4px;
        font-size: 12px;
        white-space: nowrap;
    }

    .pagination strong,
    .tag-pagination strong {
        flex: 0 0 auto;
        min-width: 34px;
        padding-inline: 2px;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
    }

    .server-pagination {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 3px;
    }

    .server-pagination a,
    .server-pagination span {
        flex: 0 0 auto;
    }
}
/* mobile-bottom-navigation-v1 */
.mobile-bottom-nav {
    display: none;
}

.home-latest-size{display:none}
.home-latest-meta>.home-latest-size:first-child+time::before{content:none}

@media (max-width: 760px) {
    body {
        padding-bottom: calc(54px + env(safe-area-inset-bottom));
    }

    .mobile-bottom-nav {
        position: fixed;
        z-index: 90;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        height: calc(54px + env(safe-area-inset-bottom));
        padding: 2px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));
        border-top: 1px solid rgba(225, 228, 233, .96);
        background: rgba(255, 255, 255, .96);
        box-shadow: none;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .mobile-bottom-nav a {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        color: #777d86;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
        -webkit-tap-highlight-color: transparent;
    }


    .mobile-bottom-nav svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .mobile-bottom-nav a.active,
    .mobile-bottom-nav a[aria-current="page"] {
        color: var(--accent);
        font-weight: 800;
    }



    .mobile-bottom-nav a:focus-visible {
        outline: 2px solid rgba(255, 75, 32, .4);
        outline-offset: -4px;
        border-radius: 8px;
    }
}

@media (display-mode: standalone) and (max-width: 760px) {
    .mobile-bottom-nav {
        background: #fff;
    }
}

/* mobile-bottom-nav-game-icon-optical-fix */
@media (max-width: 760px) {
    .mobile-bottom-nav svg {
        display: block;
        flex: 0 0 20px;
    }

    .mobile-bottom-nav a:nth-child(2) svg {
        transform: translateY(-1px) scale(1.14);
        transform-origin: center;
    }
}