/* Obsidian Plus keeps the Obsidian palette in every layout. */
:root{--news-gap:22px;--news-title:21px}.main-nav{gap:20px}.header-inner{gap:24px}.nav-links a[aria-current],.current-menu-item>a{color:var(--accent)}
.home-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;max-width:1600px;margin-inline:auto}.home-slot{grid-column:span 12;min-width:0;container-type:inline-size}.home-slot.span-8{grid-column:span 8}.home-slot.span-6{grid-column:span 6}.home-slot.span-4{grid-column:span 4}.home-slot.position-left{grid-column-start:1}.home-slot.position-right{grid-column-end:13}.home-slot.span-8.position-center{grid-column:3/span 8}.home-slot.span-6.position-center{grid-column:4/span 6}.home-slot.span-4.position-center{grid-column:5/span 4}
.news-section{padding-block:36px 50px}.news-section.embedded-news{width:100%;padding-block:20px 30px}.news-section .catalog-heading h2{font-size:30px}.news-grid{display:grid;grid-template-columns:repeat(var(--news-cols,3),minmax(0,1fr));gap:var(--news-gap);--news-scale:1;min-width:0}.news-grid.size-small{--news-scale:.88}.news-grid.size-large{--news-scale:1.14}.news-card{min-width:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .18s,border-color .18s}.news-card:hover{border-color:var(--accent);transform:translateY(-3px)}.news-art{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--panel-2);flex-shrink:0}.ratio-classic .news-art{aspect-ratio:4/3}.ratio-square .news-art{aspect-ratio:1}.news-art:focus-visible{outline-offset:-4px}.news-art .cover-visual{transition:transform .4s}.news-card:hover .news-art .cover-visual{transform:scale(1.035)}.news-copy{padding:calc(23px * var(--news-scale));display:flex;flex-direction:column;flex:1;gap:12px;min-width:0}.news-category{color:var(--accent);font-size:10px;letter-spacing:.08em;font-weight:750;align-self:flex-start;text-transform:uppercase;line-height:1.5}.news-copy h3{font-size:calc(var(--news-title) * var(--news-scale));line-height:1.25;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere;color:inherit}.news-copy h3 a:hover{text-decoration:underline;text-underline-offset:4px}.news-excerpt{color:var(--muted);font-size:calc(13px * var(--news-scale));line-height:1.7;margin:0}.news-meta{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;line-height:1.5;margin-top:auto}.news-read{font-size:11px;margin-top:4px}.news-read .icon{width:16px;height:16px}.news-grid .empty{grid-column:1/-1}
/* 1. Cards: the baseline responsive card grid. */
/* 2. Magazine: a larger opening story inside a regular editorial grid. */
.style-magazine:not([style*="--news-cols:1"]) .news-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.style-magazine .news-card:first-child .news-art{aspect-ratio:auto;min-height:270px;height:100%}.style-magazine .news-card:first-child h3{font-size:calc(var(--news-title) * var(--news-scale) * 1.25)}
/* 3. List: optional multiple columns of horizontal rows. */
.style-list .news-card{display:grid;grid-template-columns:35% minmax(0,1fr)}.style-list .news-art{aspect-ratio:auto;height:100%;min-height:190px}.style-list .news-copy{padding:18px;gap:10px}.style-list .news-copy h3{font-size:calc(var(--news-title) * var(--news-scale) * .9)}.style-list .news-read{margin-top:auto}
/* 4. Compact: a short bulletin format with small thumbnails. */
.style-compact .news-card{display:grid;grid-template-columns:78px minmax(0,1fr);padding:16px;gap:16px;align-items:start;border-radius:9px}.style-compact .news-art{aspect-ratio:1;border-radius:7px}.style-compact .news-copy{padding:0;gap:8px}.style-compact .news-copy h3{font-size:calc(var(--news-title) * var(--news-scale) * .82)}.style-compact .news-excerpt,.style-compact .news-read{display:none}.style-compact .news-meta{margin-top:0;font-size:10px}
/* 5. Cinema: a persistent dark image scrim makes light text readable. */
.style-cinema .news-card{display:grid;min-height:330px;background:#071320;color:#fff;isolation:isolate}.style-cinema .news-art{position:absolute;inset:0;aspect-ratio:auto;height:100%;z-index:-2}.style-cinema .news-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030c16 0%,#030c16f2 28%,#030c16aa 65%,#030c1630);z-index:1}.style-cinema .news-copy{justify-content:end;padding-top:120px;pointer-events:none}.style-cinema .news-copy a{pointer-events:auto}.style-cinema .news-category,.style-cinema .news-read{color:#6ceaff}.style-cinema .news-meta,.style-cinema .news-excerpt{color:#d9e5ee}.style-cinema .news-meta{margin-top:0}.style-cinema .news-copy h3{color:#fff}
.news-grid.no-images .news-card{display:flex;min-height:0}.news-grid.no-images .news-card .news-copy{padding:22px}.news-grid.style-cinema.no-images .news-copy{padding-top:24px}.news-grid.style-magazine.no-images .news-card:first-child{display:flex}
.news-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:30px 0 24px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.news-filters label{font-size:11px;font-weight:650;flex:1;min-width:140px}.news-filters label:first-of-type{flex:1.4}.news-filters input,.news-filters select{display:block;margin-top:8px;width:100%;font-size:13px}.news-filters .btn{font-size:13px}.news-filters>.text-link{min-height:44px}.guide-search{max-width:850px}.news-archive .results-bar{margin-bottom:24px}.news-grid.reader-list{grid-template-columns:1fr!important}.news-grid.reader-list .news-card,.news-grid.reader-list .news-card:first-child{grid-column:auto;display:grid;grid-template-columns:240px minmax(0,1fr);padding:0;gap:0;background:var(--panel);color:var(--text);min-height:0;isolation:auto}.news-grid.reader-list .news-art{aspect-ratio:auto;position:relative;inset:auto;height:100%;min-height:180px;border-radius:0;z-index:auto}.news-grid.reader-list .news-shade{display:none}.news-grid.reader-list .news-copy{padding:24px;pointer-events:auto;gap:10px}.news-grid.reader-list .news-copy h3{font-size:calc(var(--news-title) * var(--news-scale));color:var(--text)}.news-grid.reader-list .news-excerpt{display:block;color:var(--muted)}.news-grid.reader-list .news-category,.news-grid.reader-list .news-read{color:var(--accent)}.news-grid.reader-list .news-meta{color:var(--muted);margin-top:0}.news-grid.reader-list .news-read{display:flex}.news-grid.no-images.reader-list .news-card{display:flex}
.pagination-summary{text-align:center;color:var(--muted);font-size:12px;margin-top:30px}.plus-pagination{flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px}.plus-pagination .page-numbers{background:var(--panel);color:var(--text);min-height:42px;min-width:42px;font-size:12px}.plus-pagination .current{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.plus-pagination a:hover{border-color:var(--accent);color:var(--accent)}.plus-pagination .disabled{color:var(--muted);opacity:.6}.plus-pagination .dots{border:0;background:none;min-width:22px}.page-jump{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:18px}.page-jump label{display:flex;align-items:center;gap:10px}.page-jump input{width:75px;min-height:38px}.games-grid{grid-template-columns:repeat(var(--game-cols,3),minmax(0,1fr))}.games-grid.list-view{grid-template-columns:1fr}.latest-grid{grid-template-columns:repeat(var(--guide-cols,3),minmax(0,1fr))}.game-card{min-width:0}.game-info h3{overflow-wrap:anywhere}.news-single>.text-link{margin-bottom:25px}.news-single>.eyebrow{margin-top:15px}.news-single .news-meta{font-size:12px;margin:22px 0}.news-single .news-meta a{color:var(--accent)}.news-single-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin-bottom:35px}.post-cover{border-radius:12px;width:100%;margin-bottom:30px}.news-single .nav-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;padding-top:25px;border-top:1px solid var(--line);font-size:14px}.news-single .nav-links>div{max-width:46%}.news-single .nav-next{text-align:right}.news-single .reader-prose{font-size:var(--reader-size);line-height:var(--reader-line)}
/* Light palette audit: text on panels follows tokens; image overlays stay dark. */
:root[data-theme=light] .games-grid.list-view .game-info{color:var(--text)}
:root[data-theme=light] .games-grid.list-view .card-meta{color:var(--muted);border-color:var(--line)}
:root[data-theme=light] .games-grid.list-view .art-shade{background:linear-gradient(90deg,transparent,var(--panel) 100%)}
:root[data-theme=light] .games-grid.list-view .game-info h3 a:hover{color:var(--accent)}
:root[data-theme=light] .hero-overlay{background:linear-gradient(90deg,#030c17f0,#030c177d 60%,#030c1720),linear-gradient(0deg,#10213365,transparent)}
:root[data-theme=light] .game-hero-shade{background:linear-gradient(90deg,#040e19f5,#040e1980 80%),linear-gradient(0deg,#10213380,transparent 50%)}
:root[data-theme=light] .game-hero .eyebrow{color:#6ceaff}:root[data-theme=light] .game-hero .action-row .btn:not(.primary){background:var(--panel);color:var(--text);border-color:var(--line)}
:root[data-theme=light] .bookmark[aria-pressed=true]{color:#6ceaff;border-color:#6ceaff}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.hero-search input::placeholder{color:#b0c1d1}.home-slot .reading-promo{flex-wrap:wrap}.news-category:hover{text-decoration:underline}.news-copy a:focus-visible{outline-offset:2px}
@media(min-width:1001px) and (max-width:1250px){.header-inner{gap:18px}.main-nav{gap:14px;font-size:12px}.header-search{max-width:220px;min-width:140px}.header-actions{gap:10px}.nav-links{gap:15px}}
@container(max-width:1000px){.home-slot .news-grid{grid-template-columns:repeat(min(var(--news-cols,3),2),minmax(0,1fr))}.home-slot .games-grid:not(.list-view){grid-template-columns:repeat(min(var(--game-cols,3),2),minmax(0,1fr))}.home-slot .latest-grid{grid-template-columns:repeat(min(var(--guide-cols,3),2),minmax(0,1fr))}.home-slot .catalog-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.home-slot .desktop-only{display:none}}
@container(max-width:720px){.home-slot .wrap{width:calc(100% - 36px)}.home-slot .news-grid{grid-template-columns:1fr}.home-slot .style-magazine .news-card:first-child{grid-column:auto;display:flex}.home-slot .style-magazine .news-card:first-child .news-art{aspect-ratio:16/9;min-height:0}.home-slot .style-magazine .news-card:first-child h3{font-size:calc(var(--news-title) * var(--news-scale))}.home-slot .catalog-layout{display:block}.home-slot .filter-panel{position:static;margin-bottom:20px}.home-slot .platform-nav a{min-width:95px}.home-slot .latest-grid{grid-template-columns:1fr}.home-slot .hero h1{font-size:44px}.home-slot .hero-caption{display:none}.home-slot .catalog-heading{align-items:start;flex-wrap:wrap}.home-slot .news-section .catalog-heading h2{font-size:25px}.home-slot .reading-promo{padding:22px}.home-slot .reading-promo>.btn{width:100%;margin-left:0}.home-slot .filter-panel{display:none}.home-slot .filter-panel.open{display:block}.home-slot .mobile-filter{display:inline-flex;margin-bottom:18px}}
@media(max-width:1000px){.news-grid{grid-template-columns:repeat(min(var(--news-cols,3),2),minmax(0,1fr))}.home-slot.span-4,.home-slot.span-6,.home-slot.span-8{grid-column:span 12}.home-slot.position-left,.home-slot.position-right,.home-slot.position-center{grid-column:1/-1}.games-grid:not(.list-view){grid-template-columns:repeat(min(var(--game-cols,3),2),minmax(0,1fr))}.latest-grid{grid-template-columns:repeat(min(var(--guide-cols,3),2),minmax(0,1fr))}}
@media(max-width:680px){.home-slot{grid-column:1/-1!important}.news-section{padding-block:28px 35px}.news-section .catalog-heading{align-items:start;flex-direction:column;gap:14px}.news-section .catalog-heading h2{font-size:26px}.news-grid{grid-template-columns:1fr!important;gap:16px}.news-copy{padding:20px}.news-copy h3{font-size:calc(min(var(--news-title),24px) * var(--news-scale))}.style-magazine .news-card:first-child{display:flex;grid-column:auto}.style-magazine .news-card:first-child .news-art{min-height:0;aspect-ratio:16/9}.style-magazine .news-card:first-child h3{font-size:calc(min(var(--news-title),24px) * var(--news-scale))}.style-list .news-card{grid-template-columns:115px minmax(0,1fr)}.style-list .news-art{min-height:170px}.style-list .news-copy{padding:15px;gap:10px}.style-list .news-copy h3{font-size:17px}.style-list .news-excerpt{font-size:12px}.style-compact .news-card{grid-template-columns:70px minmax(0,1fr);gap:14px}.style-compact .news-copy{padding:0}.style-cinema .news-card{min-height:350px}.news-filters{padding:16px;gap:15px;margin-top:24px}.news-filters label{flex-basis:100%!important;min-width:0}.news-filters>.btn{flex:1}.news-grid.reader-list .news-card,.news-grid.reader-list .news-card:first-child{grid-template-columns:105px minmax(0,1fr)}.news-grid.reader-list .news-art{min-height:185px;aspect-ratio:auto}.news-grid.reader-list .news-copy{padding:16px;gap:9px}.news-grid.reader-list .news-copy h3{font-size:17px}.news-grid.reader-list .news-excerpt{font-size:12px}.news-grid.reader-list .news-meta{font-size:9px}.plus-pagination{gap:5px}.plus-pagination .boundary{font-size:11px;padding:6px 9px}.plus-pagination .page-numbers{min-width:36px;min-height:40px}.page-jump{font-size:11px;gap:8px}.news-single .nav-links>div{max-width:100%}.news-single .nav-next{text-align:left}.latest-grid{grid-template-columns:1fr}.games-grid:not(.list-view){grid-template-columns:repeat(min(var(--game-cols,3),2),minmax(0,1fr))}.mobile-bottom a{min-width:55px}}
@media(prefers-reduced-motion:reduce){.news-card,.news-art .cover-visual{transition:none}.news-card:hover,.news-card:hover .news-art .cover-visual{transform:none}}
@media print{.news-filters,.page-jump,.plus-pagination{display:none}.news-grid{display:block}.news-card{break-inside:avoid;margin-bottom:20px}.home-layout{display:block}.news-card,.news-copy{background:white!important;color:#111!important}.news-excerpt,.news-meta{color:#333!important}}

/* Separate featured images and guide authors — Obsidian Plus 1.2.0. */
.guide-cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 25% 25%,#29d8f226,transparent 42%),linear-gradient(145deg,var(--panel-2),var(--panel));color:var(--accent)}.guide-cover-placeholder .icon{width:48px;height:48px;opacity:.82}.chapter-banner>.cover-visual{width:100%;height:100%;object-fit:cover}.guide-row-thumb{position:relative;display:block;width:96px;height:70px;flex:0 0 96px;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--panel-2)}.guide-row-thumb .cover-visual{width:100%;height:100%;object-fit:cover}.guide-row-thumb .guide-cover-placeholder .icon{width:28px;height:28px}.author-material-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;margin-bottom:20px;background:var(--panel-2)}.author-material-art .cover-visual{width:100%;height:100%;object-fit:cover}.author-material-art .guide-cover-placeholder .icon{width:38px;height:38px}
.news-card .news-meta a:hover{color:var(--accent);text-decoration:underline}
.guide-author{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:12px 0;color:var(--muted);font-size:11px;line-height:1.35}.guide-author--linked:hover{color:var(--accent)}.guide-author-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--panel-2);flex:0 0 34px}.guide-author span{min-width:0}.guide-author small,.guide-author strong{display:block}.guide-author small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.guide-author strong{font-size:12px;color:var(--text);overflow-wrap:anywhere}.guide-author--linked:hover strong{color:var(--accent)}.guide-author--plain .icon{width:15px;height:15px;color:var(--accent)}.guide-author--single{margin:16px 0}.guide-author--single .guide-author-avatar{width:40px;height:40px;flex-basis:40px}.guide-author--single strong{font-size:13px}.guide-author--card,.guide-author--home{margin:10px 0 14px}.guide-author--card .guide-author-avatar,.guide-author--home .guide-author-avatar,.guide-author--game .guide-author-avatar{width:28px;height:28px;flex-basis:28px}.guide-author--card strong,.guide-author--home strong,.guide-author--game strong{font-size:11px}.guide-author--game{margin:9px 0 0}.guide-art,.latest-art{display:block;overflow:hidden}.latest-art{height:100%}.guide-art .cover-visual,.latest-art .cover-visual{width:100%;height:100%;object-fit:cover}.guide-row>div:nth-child(2){min-width:0;flex:1}.guide-row-open{margin-left:auto;color:var(--accent);display:flex;align-items:center;justify-content:center;padding:8px}.guide-row-open .icon{width:22px;height:22px}.author-profile{display:flex;align-items:center;gap:25px;padding:28px;margin-bottom:45px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.author-profile-avatar{width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.author-profile h1{font-size:38px;margin-bottom:10px}.author-profile p:last-child{color:var(--muted);margin:0;max-width:720px}.author-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.author-material-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:24px}.author-material-card:hover{border-color:var(--accent)}.author-material-card h2{font-size:21px;margin:15px 0 12px}.author-material-card h2 a:hover{color:var(--accent)}.author-material-card p{font-size:13px;color:var(--muted)}.author-material-card .text-link{margin-top:20px}.author-archive>.navigation{margin-top:35px}
@media(max-width:1000px){.author-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.guide-author{font-size:10px}.guide-author-avatar{width:30px;height:30px;flex-basis:30px}.guide-author--card .guide-author-avatar,.guide-author--home .guide-author-avatar,.guide-author--game .guide-author-avatar{width:26px;height:26px;flex-basis:26px}.author-profile{align-items:flex-start;padding:22px;gap:16px}.author-profile-avatar{width:64px;height:64px;flex-basis:64px}.author-profile h1{font-size:28px}.author-materials{grid-template-columns:1fr}.author-material-card{padding:21px}.guide-row-open{padding:6px}.guide-row-thumb{width:72px;height:58px;flex-basis:72px}.guide-cover-placeholder .icon{width:36px;height:36px}}
