/* Selected C proposal: consistent brand header and accessible light/dark surfaces. */
.variant-c{--base:#f8f8f6;--paper:#fff;--ink:#262b32;--muted:#606975;--line:#dce0e5;--red:#c93230;--hover:#f0f1ef;--search:#fff;--subtle:#eaece8;--art:#e9ecec;background:var(--base);color:var(--ink)}
.variant-c .preview-bar{background:#e9ece8;color:#515962;border-bottom:1px solid #d5d9d4}
.variant-c .site-header{background:#090a0b;color:#f3f4f6;border-bottom:2px solid #c93230}
.variant-c .header-inner{height:88px;gap:32px}
.variant-c .site-header h1{background:transparent;height:88px;width:150px;padding:0}
.variant-c .site-header h1 img{width:150px;height:79px;mix-blend-mode:screen}
.variant-c .site-header nav{gap:32px}
.variant-c .site-header nav a{font-size:13px;color:#d9dde3}
.variant-c .site-header nav a:hover{color:white}
.variant-c .header-search{border-color:#454b54;color:#e5e8ec;width:38px;height:38px}
.variant-c .header-search:hover{border-color:#fff;color:#fff}
.variant-c .theme-toggle{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 0 6px 10px;border:0;background:transparent;color:#e5e8ec;font-size:12px;white-space:nowrap;font-weight:650;flex:none}
.theme-track{display:block;position:relative;width:36px;height:21px;border:1px solid #727b89;border-radius:20px;background:#303640;flex:none}
.theme-track>span{position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#e9edf2;transition:transform .15s}
.theme-toggle[aria-pressed="true"] .theme-track{border-color:#f16e62;background:#b62d29}
.theme-toggle[aria-pressed="true"] .theme-track>span{transform:translateX(15px);background:white}
.variant-c .site-main{padding-top:28px}
.variant-c .portals{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--paper);margin-bottom:38px}
.variant-c .portal{background:transparent;min-height:78px;padding:18px 24px;gap:17px}
.variant-c .portal strong{font-size:15px}
.variant-c .portal:hover{background:var(--hover)}
.variant-c .portal .arrow{color:var(--muted)}
.variant-c .directory-layout{grid-template-columns:minmax(0,1fr) 340px;gap:46px}
.variant-c .section-heading{border-top:2px solid var(--ink);padding-top:15px;margin-bottom:18px}
.variant-c .section-heading h2{font-size:24px}
.variant-c aside .section-heading h2{font-size:18px}
.variant-c .search-box{background:var(--search);border-color:var(--line);height:47px}
.variant-c .search-box input{height:45px}
.variant-c .filters{gap:20px}
.variant-c .filters button{font-size:12px}
.variant-c .guide-card{grid-template-columns:144px minmax(0,1fr);gap:21px;padding:19px 0;background:transparent}
.variant-c .guide-card:hover{background:var(--hover)}
.variant-c .guide-art{border-radius:4px;aspect-ratio:460/245;background:var(--art)}
.variant-c .guide-info h3{font-size:15px;line-height:1.65;margin-bottom:5px;font-weight:750}
.variant-c .guide-info .genre{font-size:10px;margin-bottom:4px}
.variant-c .guide-links{gap:0 18px}
.variant-c .guide-links a{font-size:11px;min-height:31px;color:var(--muted)}
.variant-c .guide-links a:hover{color:var(--red)}
.variant-c .guide-word{font-size:10px}
.variant-c .play-art{border-radius:4px;background:var(--art)}
.variant-c .play-caption h3{font-size:13px}
.variant-c .play-extras{font-size:11px}
.variant-c .famicom{margin-top:40px}
.variant-c .famicom-list a{padding:14px 0;gap:4px}
.variant-c .famicom-list a>span{font-size:13px}
.variant-c .famicom-list small{font-size:11px;color:var(--muted)}
.variant-c .archives a{background:var(--paper)}
.variant-c .archives a:hover{background:var(--hover)}
.variant-c .archives{margin-top:14px}
.variant-c .site-footer{background:#090a0b;border-top-width:2px}
.variant-c .no-results{background:var(--paper)}
.variant-c .reset-filters{background:#c93230;color:#fff}
html[data-theme="dark"] .variant-c{--base:#14171c;--paper:#1c2027;--ink:#edf0f4;--muted:#aeb8c6;--line:#383f49;--red:#ff8275;--hover:#20262e;--search:#1e242d;--subtle:#252b33;--art:#282f39}
html[data-theme="dark"] .variant-c .preview-bar{background:#242932;color:#bcc5d2;border-color:#353d48}
html[data-theme="dark"] .variant-c .guide-art.art-icon{background:#282f39}
html[data-theme="dark"] .variant-c .portals{background:#1b1f26}
html[data-theme="dark"] .variant-c .portal{color:var(--ink)}
html[data-theme="dark"] .variant-c .portal:hover{color:var(--red)}
html[data-theme="dark"] .variant-c .site-header{border-bottom-color:#bf3c34}
html[data-theme="dark"] .variant-c .site-footer{border-top-color:#bf3c34}
html[data-theme="dark"] .variant-c .search-box{border-color:#4f5966}
html[data-theme="dark"] .variant-c .skip{background:#1e242d;color:#fff}
@media(max-width:1150px){.variant-c .header-inner{gap:26px}.variant-c .site-header nav{gap:25px}.variant-c .directory-layout{grid-template-columns:minmax(0,1fr) 290px;gap:30px}.variant-c .guide-card{grid-template-columns:112px minmax(0,1fr);gap:18px}.variant-c .guide-info h3{font-size:14px}.variant-c .portal strong{font-size:14px}.variant-c .portal{padding:17px 20px}}
@media(max-width:850px){.variant-c .header-inner{height:78px;gap:20px}.variant-c .site-header h1{width:124px;height:78px}.variant-c .site-header h1 img{width:124px;height:66px}.variant-c .site-header nav{gap:18px}.variant-c .site-header nav a{font-size:11px}.variant-c .header-search{width:34px;height:34px}.variant-c .directory-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.variant-c .guide-card{grid-template-columns:88px minmax(0,1fr);gap:14px}.variant-c .guide-info h3{font-size:13px}.variant-c .guide-links{gap:0 12px}.variant-c .guide-links a{font-size:10px}.variant-c .filters{gap:15px}.variant-c .filters button{font-size:11px}.variant-c aside .section-heading h2{font-size:16px}.variant-c .portal{padding:16px}.variant-c .portal strong{font-size:13px}.variant-c .portal .arrow{display:block}.variant-c .famicom-list a>span{font-size:12px}.variant-c .famicom-list small{font-size:10px}}
@media(max-width:620px){.variant-c .header-inner{display:flex;height:68px;gap:15px;padding:0 16px}.variant-c .site-header h1{width:111px;height:68px;margin-right:auto}.variant-c .site-header h1 img{width:111px;height:59px}.variant-c .site-header nav{display:none}.variant-c .theme-toggle{font-size:11px;gap:8px;min-height:44px;padding:4px 0}.variant-c .header-search{width:34px;height:34px}.variant-c .site-main{padding-top:18px}.variant-c .portals{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:29px}.variant-c .portal{display:flex;flex-direction:column;justify-content:flex-start;gap:9px;min-height:104px;padding:15px 6px 12px;text-align:center;border-bottom:0;border-right:1px solid var(--line)}.variant-c .portal:nth-child(2){border-right:1px solid var(--line)}.variant-c .portal:last-child{border:0}.variant-c .portal svg{width:22px;height:22px}.variant-c .portal strong{font-size:11px;line-height:1.55;font-weight:700;flex:0}.variant-c .portal-play strong{max-width:6em}.variant-c .portal .arrow{display:none}.variant-c .directory-layout{display:block}.variant-c .section-heading h2,.variant-c aside .section-heading h2{font-size:21px}.variant-c .section-heading{margin-bottom:16px;padding-top:13px}.variant-c .guide-card{grid-template-columns:89px minmax(0,1fr);gap:14px;padding:17px 0;align-items:start}.variant-c .guide-info h3{font-size:13px;line-height:1.7}.variant-c .guide-info .genre{font-size:9px}.variant-c .guide-art{margin-top:4px;aspect-ratio:460/270}.variant-c .guide-links{gap:0 12px}.variant-c .guide-links a{min-height:32px;font-size:10.5px}.variant-c .guide-word{font-size:9px}.variant-c .filters{gap:0 19px}.variant-c .filters button{font-size:11px}.variant-c .famicom-list a>span{font-size:13px}.variant-c .famicom-list small{font-size:11px}.variant-c .famicom-list a{flex-direction:row;align-items:center;gap:16px}.variant-c .play-extras{font-size:11px}.variant-c .famicom{margin-top:36px}.variant-c .archives{margin-top:12px}}
@media(max-width:360px){.variant-c .header-inner{gap:11px}.variant-c .site-header h1,.variant-c .site-header h1 img{width:100px}.variant-c .guide-card{grid-template-columns:76px minmax(0,1fr);gap:12px}.variant-c .guide-info h3{font-size:12px}.variant-c .guide-links a{font-size:10px}.variant-c .portal strong{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.theme-track>span{transition:none}}