@charset "UTF-8";
:root{--bg:#101310;--surface:#191d18;--surface2:#22271f;--text:#f0f0e7;--muted:#a4aa9d;--gold:#d8bb7b;--line:#ffffff18;--serif:Georgia,"Noto Serif TC","PMingLiU",serif;--sans:Arial,"Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}svg{width:22px;height:22px}.wrap{max-width:1320px;padding:0 46px;margin:auto}.topline{border-bottom:1px solid var(--line);font-size:16px;letter-spacing:2px;color:var(--muted)}.topline .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}.topline i{display:inline-block;width:3px;height:3px;background:var(--gold);border-radius:5px;margin:0 9px;vertical-align:middle}.topline b{color:var(--gold);font-weight:400;margin-left:9px}.header{position:sticky;top:0;z-index:10;background:#101310f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;gap:64px}.brand{flex:none}.brand img{width:176px;height:55px;object-fit:contain}.header nav{display:flex;gap:32px;height:100%;align-items:center}.header nav a{height:100%;display:flex;align-items:center;position:relative;font-size:16px;color:#bec2b7}.header nav a.active{color:var(--gold)}.header nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.search-toggle{margin-left:auto;display:flex;align-items:center;gap:12px;background:none;border:none;font-size:16px;color:var(--muted)}kbd{border:1px solid var(--line);padding:0 6px;color:var(--muted)}.eyebrow{font-size:16px;letter-spacing:2.8px;color:var(--gold);font-weight:700}.muted{color:var(--muted)}.hero{position:relative;min-height:555px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0 0 0 32%;width:68%;height:100%;object-fit:cover;object-position:center 32%;opacity:.84}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101310 12%,#101310ee 31%,#10131055 61%,#10131000 82%),linear-gradient(0deg,#101310 0%,transparent 35%)}.hero-content{position:relative;z-index:1;width:100%;padding-top:64px;padding-bottom:70px}.hero h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,60px);line-height:1.28;letter-spacing:2px;font-weight:500;margin:25px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:16px;line-height:1.9;color:#b6bdaf;max-width:395px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.button{border:1px solid var(--gold);background:var(--gold);color:#161911;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 23px;font-weight:700;font-size:16px;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#e7ce97;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--text);border-color:#ffffff35}.button.outline:hover{border-color:var(--gold);color:var(--gold)}.text-link{font-size:16px;display:inline-flex;align-items:center;gap:20px;color:#c6cbbd}.text-link:hover{color:var(--gold)}.hero-caption{position:absolute;right:46px;bottom:45px;z-index:1;text-align:right;font-size:16px;color:#e0e4d8}.hero-caption span{font-size:16px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:6px}.hero-caption b{font-weight:400}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);padding:24px 0}.category-strip a{padding:4px 22px;border-right:1px solid var(--line);display:flex;align-items:center;gap:15px;transition:color .2s}.category-strip a:first-child{padding-left:0}.category-strip a:last-child{border:0}.category-strip .symbol{font-size:25px;font-family:Georgia,serif;color:var(--gold);line-height:1}.category-strip strong{font-size:16px;font-weight:500;display:block;white-space:nowrap}.category-strip small{font-size:16px;letter-spacing:1px;color:#87907f;white-space:nowrap;display:block}.category-strip a:hover{color:var(--gold)}.section{padding-top:58px;padding-bottom:14px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px;gap:20px}.section-head h2{margin:6px 0 0;font-size:26px;font-weight:500;letter-spacing:1px}.section-head p{color:var(--muted);font-size:16px;margin:8px 0 0}.section-head .index{color:#4e5849;font-size:16px;margin-right:13px;font-family:Georgia,serif;font-style:italic}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.game-card{min-width:0;display:block}.game-cover{aspect-ratio:1/1;overflow:hidden;border-radius:5px;background:var(--surface);position:relative;border:1px solid var(--line)}.game-cover img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.game-card:hover .game-cover img{transform:scale(1.035)}.game-cover .arrow{position:absolute;right:10px;bottom:10px;width:29px;height:29px;border-radius:5px;background:#101310c9;border:1px solid #ffffff30;display:grid;place-items:center}.game-card .meta{font-size:16px;letter-spacing:1px;color:var(--gold);margin-top:14px}.game-card h3{font-size:16px;font-weight:500;line-height:1.6;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:36px}.feature-story{display:grid;grid-template-columns:.78fr 1fr;align-items:center;gap:24px;padding:25px;background:var(--surface);border-radius:5px;border:1px solid var(--line)}.feature-image{height:300px;object-fit:contain;width:100%;background:#111411;border-radius:5px}.meta{font-size:16px;letter-spacing:.7px;color:var(--muted)}.meta .dot{margin:0 8px;color:var(--gold)}.feature-story h3{font-size:22px;line-height:1.5;font-weight:500;margin:18px 0 14px}.feature-story p{font-size:16px;line-height:1.9;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 20px}.story-row{display:grid;grid-template-columns:90px 1fr 18px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.story-row:first-child{padding-top:0}.story-row:last-child{border:0;padding-bottom:0}.story-row img{width:90px;height:94px;object-fit:contain;background:var(--surface);border-radius:5px}.story-row h3{font-weight:500;line-height:1.6;font-size:16px;margin:8px 0 0}.story-row .arrow{color:var(--gold)}.story-row:hover h3,.feature-story:hover h3,.game-card:hover h3{color:var(--gold)}.intro-band{margin-top:64px;margin-bottom:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.intro-band h2{font-family:var(--serif);font-size:27px;line-height:1.65;margin:10px 0 0;font-weight:400}.intro-band p{color:var(--muted);font-size:16px;line-height:2.1;margin:0}footer{background:#0b0e0b;border-top:1px solid var(--line)}.footer-top{padding:49px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top h2{font-size:23px;font-weight:400;line-height:1.6;letter-spacing:.8px;margin:15px 0}.footer-top p{font-size:16px;color:var(--muted);margin:0}.footer-bottom{padding:23px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px}.footer-bottom p{font-size:16px;color:#868e7e;max-width:730px;margin:0}.footer-bottom>span{white-space:nowrap;font-size:20px;color:var(--gold)}.footer-bottom .muted{font-size:16px;margin-left:10px}.colophon{padding:18px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:16px;letter-spacing:1px;color:#7a8472}.page-heading{padding:55px 0 30px}.breadcrumb{font-size:16px;color:var(--muted);margin-bottom:24px}.breadcrumb a:hover{color:var(--gold)}.page-heading h1{font-size:38px;font-weight:500;margin:13px 0}.page-heading p{color:var(--muted);font-size:16px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line);align-items:center}.filter{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:16px;padding:8px 17px;border-radius:5px}.filter.active{background:var(--gold);border-color:var(--gold);color:#111}.filter:hover{border-color:var(--gold)}.filter-bar select{margin-left:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:8px 12px;font-size:16px;max-width:220px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:30px}.archive-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface);min-width:0}.archive-card .archive-image{height:220px;background:#151914;display:flex;justify-content:center;align-items:center;position:relative}.archive-card img{height:100%;width:100%;object-fit:contain}.archive-card .card-copy{padding:23px}.archive-card h2{font-size:18px;line-height:1.6;font-weight:500;margin:13px 0}.archive-card p{font-size:16px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card:hover h2{color:var(--gold)}.text-cover{font-family:var(--serif);font-size:28px;line-height:1.8;color:#7f8a75;padding:25px;background:linear-gradient(130deg,#222b1e,#131812);width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:40px 0 60px;color:var(--muted);font-size:16px}.pagination button:disabled{opacity:.3;pointer-events:none}.detail-heading{max-width:950px}.detail-heading h1{font-family:var(--serif);font-size:clamp(28px,3.3vw,46px);line-height:1.5;margin-bottom:24px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:65px;align-items:start;padding-bottom:65px}.article-body{font-size:16px;line-height:2.05;overflow-wrap:anywhere;color:#d4d9cf;min-width:0}.article-body :is(div,section,article){max-width:100%}.article-body h1{font-size:29px}.article-body h2{font-size:25px;line-height:1.55;color:var(--text);margin:42px 0 18px;font-weight:500;padding-top:12px;border-top:1px solid var(--line)}.article-body h3{font-size:20px;line-height:1.7;color:var(--text);margin:30px 0 14px}.article-body p{margin:18px 0}.article-body img{height:auto!important;max-height:none;max-width:100%;width:auto;object-fit:contain;margin:25px auto}.article-body a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.article-body ul,.article-body ol{padding-left:25px}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}.article-body td,.article-body th{border:1px solid #ffffff25;padding:12px}.article-body blockquote{margin:28px 0;border-left:2px solid var(--gold);background:var(--surface);padding:14px 25px}.article-body figure{margin:25px 0}.article-body figcaption{color:var(--muted);font-size:16px;text-align:center}.detail-aside{position:sticky;top:115px;font-size:16px}.toc{padding:22px;border:1px solid var(--line);border-radius:5px}.toc strong{font-size:16px;color:var(--gold);font-weight:400;letter-spacing:1px}.toc a{display:block;color:var(--muted);padding:10px 0;line-height:1.7;border-bottom:1px solid var(--line)}.toc a:last-child{border:0}.toc a:hover{color:var(--gold)}.aside-note{font-size:16px;line-height:1.9;color:#87907f;margin-top:22px}.missing-image{padding:18px;background:var(--surface);font-size:16px;color:var(--muted);border:1px solid var(--line);text-align:center}.loading,.empty{padding:80px 30px;text-align:center;color:var(--muted)}dialog{background:#1b2119;border:1px solid #ffffff25;border-radius:5px;color:var(--text);padding:35px;width:min(620px,calc(100% - 32px));box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog label{display:block;font-size:20px;margin-bottom:22px}.close{position:absolute;right:18px;top:14px;background:none;border:none;font-size:28px;color:var(--muted)}.search-field{display:flex;gap:8px}.search-field input{width:100%;min-width:0;background:var(--bg);border:1px solid #ffffff30;color:var(--text);padding:12px;font-size:16px}.search-field button{white-space:nowrap}dialog p{color:var(--muted);font-size:16px}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--gold);color:#111;padding:10px}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:12px 22px;border-radius:5px;z-index:100;display:none}
@media(min-width:1500px){.hero{min-height:600px}}
@media(max-width:1050px){.wrap{padding:0 28px}.header-inner{gap:35px}.header nav{gap:22px}.game-grid{gap:14px}.category-strip a{padding:4px 12px;gap:10px}.category-strip small{font-size:16px}.category-strip .symbol{font-size:21px}.journal-grid{gap:22px}.feature-story{gap:18px;padding:18px;grid-template-columns:.8fr 1fr}.feature-story h3{font-size:18px}.feature-image{height:280px}.hero-caption{right:28px}.detail-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:760px){.wrap{padding:0 22px}.header-inner{height:auto;min-height:78px;gap:15px;flex-wrap:wrap;padding-top:10px}.brand img{width:149px;height:47px}.header nav{order:3;width:100%;height:43px;justify-content:space-between;gap:10px}.header nav a{font-size:16px}.search-toggle{margin-left:auto}.search-toggle kbd{display:none}.hero{min-height:550px;align-items:flex-end}.hero-image{inset:0;width:100%;height:100%;object-position:60% 10%;opacity:.63}.hero:after{background:linear-gradient(0deg,#101310 0%,#101310eb 24%,#1013106b 72%,#10131000 100%)}.hero-content{padding-top:185px;padding-bottom:43px}.hero h1{font-size:38px;margin:19px 0}.hero p{font-size:16px;max-width:295px}.hero-caption{display:none}.hero-actions{gap:24px}.button{padding:12px 19px;gap:20px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 0;padding:26px 0}.category-strip a{padding:0 9px;gap:10px}.category-strip a:nth-child(3){border:0}.category-strip a:nth-child(4){padding-left:0}.category-strip strong{font-size:16px}.category-strip small{font-size:16px;letter-spacing:.6px}.category-strip .symbol{font-size:22px}.section{padding-top:38px}.section-head{margin-bottom:20px}.section-head h2{font-size:23px}.section-head p{font-size:16px;max-width:230px}.section-head .text-link{font-size:16px;gap:9px;white-space:nowrap}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.home-games .game-card:last-child{display:none}.game-card h3{font-size:16px}.journal-grid{grid-template-columns:1fr;gap:26px}.feature-story{grid-template-columns:.8fr 1fr;padding:18px;gap:18px}.feature-image{height:245px}.feature-story h3{font-size:17px}.feature-story p{font-size:16px;-webkit-line-clamp:2}.story-row{gap:18px}.story-row h3{font-size:16px}.story-row img{height:88px;width:78px}.story-row{grid-template-columns:78px 1fr 15px}.intro-band{grid-template-columns:1fr;gap:25px;padding:28px 0;margin:42px 0}.intro-band h2{font-size:24px}.intro-band p{font-size:16px}.footer-top{display:block;padding:37px 0}.footer-top .button{margin-top:23px}.footer-top h2{font-size:22px}.footer-top p{font-size:16px}.footer-bottom{gap:20px;align-items:flex-start}.footer-bottom p{font-size:16px}.footer-bottom>span{font-size:16px}.footer-bottom .muted{display:block;font-size:16px;margin:0}.colophon{font-size:16px;gap:12px;flex-wrap:wrap}.colophon span:nth-child(2){display:none}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.archive-card .archive-image{height:190px}.archive-card .card-copy{padding:14px}.archive-card h2{font-size:16px}.archive-card p{font-size:16px;-webkit-line-clamp:2}.archive-card .meta{font-size:16px}.page-heading{padding:32px 0 20px}.page-heading h1{font-size:30px}.page-heading p{font-size:16px}.filter{font-size:16px;padding:6px 13px}.filter-bar{gap:8px;padding-bottom:22px}.filter-bar select{max-width:100%;margin-left:0;width:100%;margin-top:5px}.detail-layout{display:flex;flex-direction:column;gap:25px}.detail-aside{order:-1;position:static;width:100%}.toc{padding:17px}.toc a{display:inline-block;margin-right:15px;padding:6px 0;border:0;font-size:16px}.toc strong{display:block;margin-bottom:8px}.aside-note{display:none}.detail-heading h1{font-size:29px}.article-body{font-size:16px}.article-body h2{font-size:23px}.article-body h3{font-size:19px}.search-field{flex-direction:column}dialog{padding:27px 20px}.topline .wrap{font-size:16px;letter-spacing:1.4px}.pagination{gap:15px}.pagination button{padding:10px 14px}.meta{font-size:16px}.feature-story .meta{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Typography revision: clean sans-serif throughout; original copy is unchanged. */
:root{--sans:"Microsoft JhengHei","PingFang TC","Noto Sans TC",Arial,sans-serif;--serif:var(--sans)}
.hero h1{font-weight:700;letter-spacing:.025em;line-height:1.35}
.detail-heading h1{font-weight:700;letter-spacing:.015em}
.intro-band h2{font-weight:600;letter-spacing:.025em}
.section-head h2,.page-heading h1,.feature-story h3{font-weight:600}
.text-cover{font-weight:600;letter-spacing:.04em}
/* Readable 16px minimum and expanded navigation. */
:root{--sans:"Microsoft JhengHei","微軟正黑體","PingFang TC",sans-serif}
body{font-size:16px}button,input,select,textarea,code,pre,kbd{font-family:var(--sans)}
small,sub,sup{font-size:16px}.section-head .index{font-family:var(--sans);font-style:normal}.category-strip .symbol{font-family:var(--sans)}
summary{cursor:pointer;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}
summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.topline{letter-spacing:.08em}.topline .wrap{min-height:42px;height:auto;padding-top:6px;padding-bottom:6px}
.header-inner{gap:38px;height:92px}.header-inner nav{gap:28px}
.category-nav{border-top:1px solid var(--line);position:relative}
.category-nav>summary{display:none}
.category-nav-content{display:flex;align-items:center;justify-content:space-between;gap:22px}
.header .topic-nav{display:flex;flex-wrap:wrap;height:auto;gap:22px;align-items:center}
.header .topic-nav a{min-height:54px;height:auto;font-size:16px;white-space:nowrap;color:#c5cbbf}
.header .topic-nav a:hover,.header .topic-nav a.active{color:var(--gold)}
.header .topic-nav a.active:after{display:none}
.all-categories{flex:none}.all-categories>summary{padding:14px 0;color:var(--gold);white-space:nowrap}
.all-categories>summary span{margin-left:6px}
.header .category-menu{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;height:auto;max-height:65vh;overflow:auto;gap:0 22px;padding:20px 25px;background:#1b2119;border:1px solid #ffffff25;box-shadow:0 20px 40px #0007;z-index:15}
.header .category-menu a{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;height:auto;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--text)}
.header .category-menu a:hover,.header .category-menu a.active{color:var(--gold)}
.header .category-menu a.active:after{display:none}.category-count{color:var(--muted);font-size:16px}
.hero p{max-width:450px}.hero-caption{max-width:280px}
.category-strip{gap:12px}.category-strip a{padding:8px 9px;gap:9px;min-width:0}.category-strip small{font-size:16px;white-space:normal;line-height:1.4;letter-spacing:0}.category-strip strong{font-size:16px}.category-strip .symbol{flex:none}
.eyebrow{letter-spacing:.08em}.section-head .text-link{white-space:nowrap}
.game-card h3{font-size:18px}.game-card .meta{letter-spacing:0}
.feature-story{grid-template-columns:.85fr 1fr}.feature-story h3{font-size:23px}.feature-image{height:340px}
.meta{letter-spacing:0}.story-row h3{font-size:18px}.story-row{grid-template-columns:94px minmax(0,1fr) 18px;gap:18px}
.footer-bottom p{max-width:900px}.colophon{letter-spacing:0;gap:20px}
.article-body{font-size:18px}.article-body h4,.article-body h5,.article-body h6{font-size:18px}.article-body table,.article-body figcaption{font-size:16px}
.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}.detail-aside{top:165px}
html{scroll-padding-top:180px}.filter-bar select{max-width:270px}.archive-card h2{font-size:21px}
@media(max-width:1150px){.header .topic-nav{gap:15px}.category-nav-content{gap:15px}.header .topic-nav a{font-size:16px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}.category-strip a{padding:8px 18px}.category-strip a:nth-child(3){border:0}.category-strip a:nth-child(4){padding-left:0}}
@media(max-width:1000px){.header-inner{height:88px;gap:22px}.header-inner nav{gap:20px}.category-nav>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;color:var(--gold)}.category-nav[open]>summary span{transform:rotate(45deg)}.category-nav-content{display:block;padding:8px 0 16px;max-height:60vh;overflow:auto}.header .topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;order:initial}.header .topic-nav a{display:flex;justify-content:center;white-space:normal;text-align:center;padding:10px;min-height:48px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.all-categories>summary{padding:16px 0 5px}.header .category-menu{position:static;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;padding:8px 16px;margin-top:12px;box-shadow:none}.feature-story{grid-template-columns:1fr}.feature-image{height:240px}.detail-aside{top:158px}}
@media(max-width:760px){.topline .wrap{font-size:16px;letter-spacing:0;gap:12px}.topline .wrap>span:first-child{font-size:16px}.topline .wrap>span:last-child{white-space:nowrap}.topline i{margin:0 5px}.topline b{margin-left:4px}.header-inner{height:auto;padding-top:12px;gap:10px}.header-inner nav{height:50px;gap:10px}.header-inner nav a{font-size:16px}.brand img{width:158px;height:49px}.search-toggle{gap:8px;font-size:16px}.header .topic-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.header .category-menu{grid-template-columns:1fr;gap:0}.hero h1{font-size:38px}.hero p{max-width:350px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .text-link{font-size:16px}.hero-content{padding-top:175px}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.category-strip a{padding:4px 10px!important;align-items:flex-start}.category-strip a:nth-child(odd){border-right:1px solid var(--line)}.category-strip a:nth-child(even){border:0}.category-strip small{font-size:16px}.category-strip .symbol{font-size:23px}.section-head{flex-wrap:wrap;align-items:flex-start;gap:14px}.section-head p{max-width:none}.feature-story{grid-template-columns:1fr;padding:22px}.feature-story h3{font-size:22px}.feature-image{height:300px}.feature-story p{-webkit-line-clamp:3}.story-row{grid-template-columns:78px minmax(0,1fr) 16px;gap:14px}.story-row .meta{line-height:1.7}.story-row h3{font-size:18px}.intro-band p{font-size:16px}.footer-bottom{flex-direction:column;gap:18px}.footer-bottom .muted{display:inline-block;margin-left:10px}.colophon{font-size:16px;flex-wrap:wrap}.archive-grid{grid-template-columns:1fr}.archive-card .archive-image{height:280px}.archive-card .card-copy{padding:22px}.archive-card h2{font-size:21px}.detail-layout{display:flex;gap:25px}.article-body{font-size:18px}.pagination{gap:12px;flex-wrap:wrap}.pagination button{padding:10px 12px}.text-link{gap:12px}.filter-bar select{max-width:100%}html{scroll-padding-top:210px}}
@media(max-width:420px){.topline .wrap{flex-wrap:wrap;gap:3px}.topline .wrap>span:first-child{flex:1 0 100%}.topline .wrap>span:last-child{display:none}.wrap{padding-left:18px;padding-right:18px}.header-inner nav{gap:8px}.header-inner nav a{font-size:16px}.game-card h3{font-size:18px}.hero h1{font-size:34px}.category-strip small{font-size:16px}}
/* Native page transitions: no framework or animation dependency. */
.route-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s ease}
.route-progress span{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.is-route-loading .route-progress{opacity:1;transition-delay:.15s}
.is-route-loading .route-progress span{animation:route-progress 1.05s ease-in-out infinite}
@keyframes route-progress{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(prefers-reduced-motion:reduce){.route-progress{display:none}html{scroll-behavior:auto}.game-cover img,.button{transition:none!important}}
/* Refined navigation and shared surface treatment. Content and 16px floor are unchanged. */
:root{--bg:#111412;--surface:#1a1e1b;--surface2:#222823;--muted:#abb3a7;--gold:#dfc48b;--line:#e4eadf14}
::selection{background:#d9bd7945;color:#fff9e9}
.header{background:#111512f5;box-shadow:0 8px 28px #00000012}
.header-inner{height:94px;gap:40px}.header-inner nav a{color:#bcc3b9;transition:color .18s}
.header-inner nav a:hover{color:#fff5db}.header-inner nav a.active:after{left:12%;right:12%;height:2px;border-radius:5px}
.search-toggle{border:1px solid #ffffff12;background:#ffffff03;border-radius:5px;padding:9px 13px;transition:background .18s,border-color .18s}
.search-toggle:hover{background:#ffffff07;border-color:#d9bd7940}
.header .topic-nav{gap:10px}.header .topic-nav a{padding:8px 12px;min-height:44px;margin:6px 0;border-radius:5px;transition:background .18s,color .18s}
.header .topic-nav a:first-child{margin-left:-12px}.header .topic-nav a:hover{background:#ffffff06}
.header .topic-nav a.active{background:#d9bd7910;color:#e9d29f}
.all-categories>summary{padding:8px 15px;margin:6px 0;border:1px solid #d9bd7925;border-radius:5px;background:#d9bd7907;transition:background .18s,border-color .18s}
.all-categories[open]>summary{background:#d9bd7916;border-color:#d9bd7950}
.all-categories>summary span{display:inline-block;transition:transform .2s}.all-categories[open]>summary span{transform:rotate(180deg)}
.mega-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;max-height:calc(100dvh - 200px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#465044 transparent;border:1px solid #dfe8d222;border-radius:5px;background:radial-gradient(ellipse at 5% 0%,#d9bd790a,transparent 55%),#191e1a;box-shadow:0 26px 70px #0008,0 2px 8px #0003;z-index:15;padding:28px 30px 0}
.all-categories[open] .mega-panel{animation:mega-reveal .2s ease-out both}
.mega-head{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.mega-head h2{font-size:24px;font-weight:600;letter-spacing:.025em;margin:0 0 6px;color:#f1f2e9}
.mega-head p{font-size:16px;line-height:1.6;color:#a3ada0;margin:0}
.category-search{margin-left:auto;display:flex;align-items:center;gap:12px;max-width:290px;width:100%;padding:11px 14px;background:#0f1510a6;border:1px solid #ffffff16;border-radius:5px;color:#aeb6a7}
.category-search:focus-within{border-color:#d9bd7990;box-shadow:0 0 0 3px #d9bd790a}.category-search svg{flex:none;width:20px;height:20px}
.category-search input{padding:0;background:transparent;border:0;outline:none;width:100%;min-width:0;color:var(--text);font-size:16px;font-family:var(--sans)}
.category-search input::placeholder{color:#86917f}.category-search input:focus-visible{outline:none}
.mega-close{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #ffffff12;background:#ffffff03;border-radius:5px;font-size:26px;color:#a7b19f;line-height:1;transition:color .18s,background .18s}
.mega-close:hover{color:#fff2d8;background:#ffffff0a}
.header .category-menu{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;max-height:none;overflow:visible;gap:26px;padding:25px 0 28px;border:0;background:transparent;box-shadow:none;align-items:start;width:100%;margin:0}
.category-group{min-width:0}.category-group h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.5;color:#ead5a8;margin:0 0 14px}
.category-group-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#d9bd790b;border:1px solid #d9bd7917;border-radius:5px;color:#c6ae7c}.category-group-icon svg{width:20px;height:20px}
.category-group-links{display:grid;gap:3px}
.header .category-menu a.category-item{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;margin:0 -10px;min-height:43px;height:auto;border:1px solid transparent;border-radius:5px;color:#bec7b8;font-size:16px;line-height:1.55;transition:background .18s,color .18s,border-color .18s}
.header .category-menu a.category-item:hover,.header .category-menu a.category-item.active{background:#dfc48b0a;border-color:#dfc48b17;color:#fff0cb}
.header .category-menu a.category-item:after{display:none}
.category-count{align-self:center;flex:none;min-width:30px;padding:0 6px;border-radius:5px;background:#ffffff04;font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums;color:#82917b;text-align:center}
.category-item:hover .category-count{background:#dfc48b0b;color:#d8c18d}
.more-topics{margin-top:5px}.more-topics>summary{display:flex;justify-content:space-between;align-items:center;color:#bda97e;padding:8px 0;font-size:16px;min-height:42px}.more-topics[open]>summary>span:last-child{transform:rotate(45deg)}
.more-topics>div{display:grid;gap:3px;padding-top:4px}
.mega-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 21px;border-top:1px solid var(--line);color:#94a18d;font-size:16px}
.mega-footer a{display:flex;align-items:center;gap:16px;color:#ddc694;font-size:16px}.mega-footer a:hover{color:#fff0ca}.category-empty{grid-column:1/-1;color:var(--muted);padding:25px 0;margin:0;font-size:16px}
.button{border-radius:5px;background:linear-gradient(135deg,#e0c992,#c7ab70);border-color:#e2c994;box-shadow:0 4px 14px #0002}.button.outline{border-color:#e9eee124;box-shadow:none;background:#ffffff03}
.game-cover{border-radius:5px;border-color:#ffffff0e;box-shadow:0 7px 24px #0002}.game-cover .arrow{width:34px;height:34px;right:12px;bottom:12px;background:#111710dd;backdrop-filter:blur(8px);border-color:#ffffff30}
.feature-story,.archive-card{border-radius:5px;border-color:#ffffff12;background:linear-gradient(135deg,#20271e66,#151c1655);box-shadow:0 9px 30px #00000017;transition:border-color .2s,box-shadow .2s}
.feature-story:hover,.archive-card:hover{border-color:#d9bd7935;box-shadow:0 12px 32px #0003}.feature-image,.story-row img{border-radius:5px}
.story-row{border-bottom-color:#ffffff0b}.story-row .arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff13;border-radius:5px;font-size:16px}.story-row{grid-template-columns:94px minmax(0,1fr) 28px}
.toc{border-radius:5px;background:#ffffff02;border-color:#ffffff11}.filter{border-color:#ffffff16}.filter-bar select{border-radius:5px;padding:10px 14px}
.intro-band{border-color:#ffffff0e}.section-head .eyebrow{color:#bba477}.section-head h2{margin-top:9px}.category-strip{border-color:#ffffff0d}
#main:focus{outline:none}
@keyframes mega-reveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px) and (max-width:1180px){.header .topic-nav{gap:2px}.header .topic-nav a{padding-inline:8px}.category-nav-content{gap:10px}.all-categories>summary{padding-inline:10px}.mega-panel{padding-inline:24px}.header .category-menu{gap:20px}}
@media(max-width:1000px){.header-inner{height:88px}.header .topic-nav{gap:8px}.header .topic-nav a{margin:0!important;border-radius:5px;background:#ffffff03;border-color:#ffffff0e}.all-categories>summary{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;padding:12px 15px}.mega-panel{position:static;margin-top:12px;padding:22px 22px 0;max-height:none;overflow:visible;border-radius:5px;box-shadow:none;background:#181e19}.mega-head{flex-wrap:wrap;gap:16px;position:relative}.mega-head>div{padding-right:45px}.mega-close{position:absolute;right:0;top:0}.category-search{max-width:none;margin-left:0}.header .category-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-top:24px}.category-nav-content{max-height:calc(100dvh - 230px)}.mega-footer{flex-wrap:wrap;gap:10px}}
@media(max-width:760px){.header-inner{height:auto;gap:10px}.header-inner nav{gap:10px}.search-toggle{padding:7px 10px}.header .topic-nav a{padding:12px 8px;min-height:49px}.header .category-menu{grid-template-columns:1fr;gap:24px}.category-group:not(:last-child){padding-bottom:20px;border-bottom:1px solid var(--line)}.category-group h3{font-size:18px;margin-bottom:12px}.header .category-menu a.category-item{padding:10px 8px;margin:0 -8px;min-height:46px}.mega-panel{padding:20px 18px 0}.mega-head h2{font-size:22px}.mega-head{padding-bottom:22px}.mega-footer{padding-block:17px;font-size:16px}.story-row{grid-template-columns:78px minmax(0,1fr) 25px;gap:12px}.story-row .arrow{width:25px;height:25px}.feature-story{padding:22px}.category-nav>summary{padding:3px 0}.button{border-radius:5px}}
@media(prefers-reduced-motion:reduce){.all-categories[open] .mega-panel{animation:none}}
/* Informational-site policy pages: separate drafts, not replacements for archived content. */
.footer-policies{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line);font-size:16px;color:var(--muted)}
.footer-policies nav{display:flex;flex-wrap:wrap;gap:12px 26px}.footer-policies a{display:flex;align-items:center;gap:14px;color:#dcc58f;min-height:44px;font-size:16px}.footer-policies a:hover{color:#fff1ce}
.legal-heading{max-width:930px}.legal-heading h1{font-size:clamp(30px,3.5vw,46px);font-weight:700;line-height:1.45}.legal-heading p{font-size:18px;line-height:1.9}
.legal-version{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:16px;color:var(--muted);margin-top:24px}.legal-version span:first-child{color:var(--gold);background:#dfc48b0b;border:1px solid #dfc48b28;border-radius:5px;padding:6px 12px}
.legal-notice{padding:22px 26px;border:1px solid #dfc48b28;border-left:3px solid #c8ad73;border-radius:5px;background:#dfc48b07;margin:5px 0 35px;font-size:16px;line-height:1.9}.legal-notice strong{font-size:18px;color:var(--gold);font-weight:600}.legal-notice p{margin:9px 0 0;color:#bdc5b5}
.legal-body{font-size:18px;line-height:1.95}.legal-body section:first-child h2{margin-top:0}.legal-body h2{display:flex;align-items:baseline;gap:14px;font-size:25px}.legal-section-number{font-size:16px;color:#aa966c;font-weight:400;font-variant-numeric:tabular-nums;flex:none}.legal-body strong{color:#e1d2af}.legal-body li{margin:10px 0}
.legal-related{display:grid;gap:10px;margin-top:20px;font-size:16px}.legal-related a{padding:12px 15px;border:1px solid var(--line);border-radius:5px;display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.legal-related a[aria-current],.legal-related a:hover{color:var(--gold);border-color:#dfc48b35;background:#dfc48b07}
@media(max-width:760px){.footer-policies{display:block;padding:23px 0}.footer-policies nav{margin-top:10px;gap:4px 24px}.legal-heading p{font-size:18px}.legal-notice{padding:18px;margin-bottom:25px}.legal-body h2{font-size:23px;gap:10px}.legal-aside .toc{display:none}.legal-related{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.legal-related a{align-items:center;padding:12px;font-size:16px}.legal-version{gap:12px}.legal-layout{gap:24px}}
/* Richer homepage: original game art, manually selected hero scenes, lightweight SVG icons. */
.hero-rich{min-height:640px;background:#101a24;border-bottom-color:#a2bfea24}
.hero-scenes,.hero-scene{position:absolute;inset:0}.hero-scene{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;background:radial-gradient(ellipse at 78% 42%,#257bba60,transparent 60%),#101a24}
.hero-scene.is-active{opacity:1;visibility:visible}.hero-rich .hero-image{opacity:1;inset:0 0 0 30%;width:70%;height:100%;object-fit:cover;object-position:center 30%}
.hero-rich:after{background:linear-gradient(90deg,#111412 4%,#111412f0 27%,#11141285 49%,#11141205 78%),linear-gradient(0deg,#111412 0%,#11141200 27%)}
.hero-rich .hero-content{padding-top:62px;padding-bottom:155px}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#ecd296}.hero-eyebrow svg{width:24px;height:24px;color:#96d8ff;filter:drop-shadow(0 0 9px #3d99e555)}
.hero-rich h1{font-size:clamp(38px,4.2vw,58px);letter-spacing:.02em;text-shadow:0 3px 25px #0004}.hero-rich h1 em{color:#f2cf81}.hero-rich p{color:#c2cdbd}
.hero-rich .button{background:linear-gradient(120deg,#edd39a,#d9ad5e);box-shadow:0 5px 24px #d6af651d;gap:22px}
.hero-character{position:absolute;right:7%;bottom:0;width:45%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 30px #0005)}
.scene-seth{background:#222136}.hero-rich .scene-seth .hero-image{object-position:center;opacity:.8}.scene-princess{background:#24132c}.hero-rich .scene-princess .hero-image{object-position:50% 31%}
.hero-picker{position:absolute;z-index:2;right:max(46px,calc((100% - 1228px)/2));bottom:30px;display:flex;gap:12px}
.hero-picker button{display:flex;align-items:center;gap:13px;min-height:76px;padding:9px 16px 9px 9px;border:1px solid #ffffff28;border-radius:5px;background:#111823d9;backdrop-filter:blur(12px);color:#b4c0c9;font-size:16px;font-family:var(--sans);transition:background .2s,border-color .2s,transform .2s}
.hero-picker button:hover{transform:translateY(-3px);border-color:#aad6f389;background:#192b38e8}.hero-picker button[aria-pressed=true]{color:#f8e5bd;border-color:#e6c778;box-shadow:0 0 0 1px #e6c77815 inset;background:#29251fdd}
.hero-picker img{width:55px;height:55px;object-fit:cover;object-position:center 25%;border-radius:5px;background:radial-gradient(circle,#405784,#192137)}
.hero-picker button[data-hero-scene=seth] img{object-fit:contain}.hero-picker span{white-space:nowrap}
.category-colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:28px 0;border-bottom:0}
.category-colors a{--accent:#ee93b0;--tint:#be42651c;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:18px!important;min-width:0;border:1px solid #ffffff0d!important;border-radius:5px;background:linear-gradient(135deg,var(--tint),#1a211d);transition:transform .2s,border-color .2s,background .2s}
.category-colors a:hover{transform:translateY(-4px);border-color:var(--accent)!important}.category-colors .category-color-1{--accent:#c6a4ff;--tint:#8054cb28}.category-colors .category-color-2{--accent:#8adcbc;--tint:#258e6b23}.category-colors .category-color-3{--accent:#eccc80;--tint:#bc8d2523}.category-colors .category-color-4{--accent:#78cee9;--tint:#228eb426}.category-colors .category-color-5{--accent:#ffb387;--tint:#c56e3828}
.category-art-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:5px;background:var(--tint)}
.category-art-icon svg{width:29px;height:29px}.category-colors strong{font-size:18px;line-height:1.6;color:#e7eae2;font-weight:600}.category-colors small{font-size:16px;line-height:1.45;color:#9aab9c;letter-spacing:0;white-space:normal;margin-top:3px}
.category-go{position:absolute;right:15px;top:17px;color:var(--accent);font-size:18px;opacity:.75}
.home-spotlights{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:8px 0 0}
.spotlight{position:relative;min-height:300px;overflow:hidden;border:1px solid #c3a2ff35;border-radius:5px;display:flex;align-items:flex-end;background:#252332;isolation:isolate;box-shadow:0 9px 30px #0002}
.spotlight-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s}.spotlight-character{position:absolute;right:0;bottom:-4px;width:57%;height:104%;object-fit:contain;object-position:bottom;z-index:-1;transition:transform .55s;filter:drop-shadow(-15px 6px 25px #10141e65)}
.spotlight:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121828f0 0%,#1c193aac 46%,transparent 80%),linear-gradient(0deg,#111928b0,transparent 70%)}
.spotlight-copy{padding:30px;max-width:69%}.spotlight-label{font-size:16px;display:flex;align-items:center;gap:9px;color:#c7bdff;font-weight:500}.spotlight-label svg{width:19px;height:19px;flex:none}
.spotlight h2{font-size:26px;line-height:1.5;font-weight:600;margin:15px 0 22px;color:#fbf4e8;text-wrap:balance}.spotlight-link{display:inline-flex;align-items:center;gap:20px;padding-bottom:6px;border-bottom:1px solid #ffffff44;font-size:16px;color:#e9e1ff}.spotlight-link svg{width:19px;height:19px}
.spotlight-princess{border-color:#f6bb673b;background:#542832}.spotlight-princess .spotlight-bg{object-position:50% 29%}.spotlight-princess:after{background:linear-gradient(90deg,#3a1530ec 0%,#442231a6 45%,#44223100 85%),linear-gradient(0deg,#3d192859,transparent 70%)}.spotlight-princess .spotlight-label{color:#ffd9a2}
.spotlight:hover .spotlight-bg{transform:scale(1.035)}.spotlight:hover .spotlight-character{transform:translateY(-5px)}.spotlight:hover .spotlight-link{border-color:#ffe3a5;color:#ffe3a5}
.home-games .game-card:nth-child(5n+1) .meta{color:#d6b1ff}.home-games .game-card:nth-child(5n+2) .meta{color:#8fddbe}.home-games .game-card:nth-child(5n+3) .meta{color:#f0a9c0}.home-games .game-card:nth-child(5n+4) .meta{color:#efc58c}.home-games .game-card:nth-child(5n+5) .meta{color:#8dd6ef}
@media(max-width:1100px){.category-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-colors a{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:15px;min-height:105px;padding:18px!important}.category-go{display:none}.spotlight-copy{padding:24px;max-width:73%}.spotlight h2{font-size:23px}.hero-picker{right:28px}.hero-picker button{gap:10px;padding-right:12px}.hero-picker img{width:45px;height:45px}.hero-rich{min-height:640px}}
@media(max-width:760px){.hero-rich{min-height:735px;align-items:flex-end}.hero-rich .hero-content{padding-top:220px;padding-bottom:169px}.hero-rich h1{font-size:38px}.hero-rich .hero-image{inset:0;width:100%;height:100%;object-position:61% 0;opacity:.94}.hero-rich:after{background:linear-gradient(0deg,#111412 0%,#111412ee 18%,#111412b8 42%,#11141222 76%,#11141200 100%)}.hero-character{right:0;bottom:auto;top:0;width:85%;height:66%}.hero-rich .scene-princess .hero-image{object-position:50% 12%}.hero-rich .scene-seth .hero-image{object-position:center top}.hero-eyebrow{font-size:16px;letter-spacing:.035em;gap:10px}.hero-eyebrow svg{width:21px;height:21px}.hero-rich p{max-width:350px;font-size:16px}.hero-picker{left:22px;right:22px;bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-picker button{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:7px;font-size:16px;line-height:1.5;text-align:center}.hero-picker img{width:100%;height:51px;object-position:center 22%}.hero-picker span{white-space:normal;font-size:16px}.hero-picker button:hover{transform:none}.category-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 0}.category-colors a{display:flex;flex-direction:column;align-items:flex-start;min-height:150px;gap:12px;padding:16px!important}.category-art-icon{width:42px;height:42px}.category-art-icon svg{width:27px;height:27px}.category-colors strong{font-size:18px}.category-colors small{font-size:16px}.category-go{display:block}.home-spotlights{grid-template-columns:1fr;gap:15px;padding-top:3px}.spotlight{min-height:285px}.spotlight-copy{padding:24px;max-width:73%}.spotlight h2{font-size:25px}.spotlight-character{width:62%}.spotlight-princess .spotlight-bg{object-position:50% 24%}}
@media(max-width:420px){.hero-rich h1{font-size:34px}.hero-picker{left:18px;right:18px;gap:7px}.hero-picker button{padding:6px}.hero-picker span{font-size:16px}.spotlight-copy{max-width:78%;padding:23px}.spotlight h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-picker button,.category-colors a,.spotlight-bg,.spotlight-character{transition:none!important}.hero-picker button:hover,.category-colors a:hover,.spotlight:hover .spotlight-bg,.spotlight:hover .spotlight-character{transform:none}}

/* Article covers crop only the display, never the archived source files. */
.archive-card{display:flex;flex-direction:column}
.archive-card .archive-image{height:auto;aspect-ratio:2.25/1;overflow:hidden;flex:none;background:linear-gradient(125deg,#273d36,#192329);border-bottom:1px solid #ffffff12}
.archive-card .archive-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.archive-card.archive-game .archive-image img{object-fit:contain}
.archive-card .archive-image .text-cover{width:100%;height:100%;display:grid;place-content:center;text-align:center;font-size:26px;line-height:1.25;letter-spacing:.12em;color:#d8bb7b;background:radial-gradient(ellipse at right top,#d8bb7b22,transparent 65%)}
.cover-open{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:5px;background:#101a18d9;color:#f4e2bb;font-size:20px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.archive-card:hover .archive-image img{transform:scale(1.025)}
.archive-card:hover .cover-open,.archive-card:focus-visible .cover-open{opacity:1;transform:none}
.archive-card .card-copy{display:flex;flex:1;flex-direction:column;padding:24px}
.archive-card .card-copy>.text-link{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff0d;justify-content:space-between}
.archive-card h2{margin:13px 0 8px;font-size:21px;line-height:1.55}
.archive-card .card-copy>p{margin:0 0 22px;line-height:1.8}
.feature-story{grid-template-columns:1fr;padding:0;overflow:hidden;gap:0}
.feature-story>div{padding:25px}
.feature-story .feature-image{height:auto;width:100%;aspect-ratio:2.25/1;object-fit:cover;object-position:center;border-radius:5px}
.story-row{grid-template-columns:150px minmax(0,1fr) 28px}
.story-row img{width:150px;height:auto;aspect-ratio:2.25/1;object-fit:cover;object-position:center;border:1px solid #ffffff12}
@media(max-width:760px){.archive-card .card-copy{padding:22px}.story-row{grid-template-columns:110px minmax(0,1fr) 25px;gap:12px}.story-row img{width:110px}.feature-story>div{padding:22px}}
@media(prefers-reduced-motion:reduce){.archive-card .archive-image img,.cover-open{transition:none}.archive-card:hover .archive-image img{transform:none}}

/* Lightweight archive banner: CSS artwork keeps original content untouched. */
.page-heading:not(.detail-heading):not(.legal-heading){
  position:relative;isolation:isolate;overflow:hidden;
  margin:30px 0 28px;padding:34px 40px 36px;
  border:1px solid #d8bb7b30;border-radius:5px;
  background:radial-gradient(ellipse at 88% 20%,#cda46028,transparent 55%),radial-gradient(ellipse at 65% 110%,#378b8a22,transparent 60%),linear-gradient(115deg,#19211e 0%,#18252a 62%,#26271f 100%);
  box-shadow:0 14px 40px #00000018,inset 0 1px 0 #ffffff08;
}
.page-heading:not(.detail-heading):not(.legal-heading)::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#19211ef5 0%,#19211eaa 38%,transparent 78%),repeating-linear-gradient(125deg,transparent 0 47px,#e6cf9710 48px,transparent 49px 96px);
}
.page-heading:not(.detail-heading):not(.legal-heading)::after{
  content:"";position:absolute;z-index:-1;right:7%;top:-80px;
  width:270px;height:360px;border:1px solid #dcc48d26;border-radius:5px;
  transform:rotate(28deg);box-shadow:26px 26px 0 -1px #213030,26px 26px 0 0 #dcc48d20,52px 52px 0 -1px #243332,52px 52px 0 0 #dcc48d18;pointer-events:none;
}
.page-heading:not(.detail-heading):not(.legal-heading) .breadcrumb{color:#bdc7bf;margin-bottom:25px;overflow-wrap:anywhere}
.page-heading:not(.detail-heading):not(.legal-heading) .eyebrow{color:#edd29b}
.page-heading:not(.detail-heading):not(.legal-heading) h1{color:#f5f3eb;margin:12px 0 14px;overflow-wrap:anywhere}
.page-heading:not(.detail-heading):not(.legal-heading) p{color:#c1cbc3;margin:0}
@media(max-width:760px){
  .page-heading:not(.detail-heading):not(.legal-heading){margin:20px 0 24px;padding:25px 22px 29px}
  .page-heading:not(.detail-heading):not(.legal-heading)::after{right:-160px;opacity:.55}
  .page-heading:not(.detail-heading):not(.legal-heading) .breadcrumb{margin-bottom:22px}
}