:root{font-family:Arial,Helvetica,sans-serif;color-scheme:light;
  --outside:#cbc8c0;--paper:#fbf8ec;--ink:#272635;--muted:#56536b;--line:#c8c2af;
  --nav:#272043;--nav-ink:#fff5e4;--accent:#9d3766;--accent-ink:#fff;
  --panel:#f2ead9;--field:#fffdf6;--stripe:#f6d9a0;--focus:#8c2758}
:root[data-theme="dark"]{color-scheme:dark;--outside:#0a0917;--paper:#141126;
  --ink:#f3ecdb;--muted:#b9b1ce;--line:#514560;--nav:#0a0819;
  --nav-ink:#e9ffdb;--accent:#fbbf55;--accent-ink:#27122b;
  --panel:#211b38;--field:#1c1930;--stripe:#302044;--focus:#ffca67}
*{box-sizing:border-box}body{margin:0;background:var(--outside);color:var(--ink)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.page{max-width:1180px;min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 4px 28px #0002}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:18px}
.brand{display:flex;align-items:center;gap:13px;color:var(--ink)}.brand:hover{text-decoration:none}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--accent);color:var(--accent-ink);
  border:3px double var(--paper);outline:1px solid var(--accent);font:bold 27px monospace}
.brand strong,.brand small{display:block}.brand strong{font-size:31px;letter-spacing:-.05em;line-height:1}
.brand strong span{color:var(--accent)}.brand small{color:var(--muted);font-size:11px;letter-spacing:.14em;margin-top:7px;text-transform:uppercase}
.header-actions{display:flex;gap:18px;align-items:center}.header-note{font-size:12px;color:var(--muted)}
.theme-toggle{cursor:pointer;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:8px 12px;border-radius:3px;font:12px Arial,sans-serif}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.top-nav{display:flex;align-items:center;overflow-x:auto;white-space:nowrap;background:var(--nav);min-height:43px}
.top-nav a{color:var(--nav-ink);font-size:13px;font-weight:bold;display:flex;align-items:center;min-height:43px;padding:0 20px;border-right:1px solid #ffffff30}
.top-nav a:hover{text-decoration:none;background:#ffffff24}.top-nav .nav-current{background:var(--accent);color:var(--accent-ink)}
.search-strip{display:flex;align-items:center;gap:16px;padding:15px 30px;background:var(--stripe);border-bottom:3px solid var(--accent)}
.search-strip label{font-size:13px;font-weight:bold;white-space:nowrap}.search-strip input{width:100%;max-width:640px;padding:9px 12px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:14px Arial,sans-serif}
.search-strip input::placeholder{color:var(--muted)}
.site-columns{display:grid;grid-template-columns:minmax(0,1fr) 220px}.primary{min-width:0;padding:28px 30px 65px}
.sidebar{border-left:1px solid var(--line);background:var(--panel);padding:28px 20px}
.sidebar h2{font-size:14px;margin:0;border-bottom:2px solid var(--accent);padding-bottom:12px}
.sidebar p{font-size:13px;line-height:1.55;color:var(--muted)}.sidebar .side-total{font-size:46px;line-height:1;color:var(--accent);font-weight:bold;margin:22px 0 8px}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:3px solid var(--accent);padding-bottom:12px}
.section-title h1,.detail-page h1{font-size:27px;line-height:1.2;margin:0}.section-title span{font-size:12px;color:var(--muted);white-space:nowrap}
.section-lead{font-size:13px;color:var(--muted);margin:14px 0 24px}
.toolbar{display:flex;align-items:center;gap:10px;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px}
.toolbar strong{margin-right:auto}.toolbar label{color:var(--muted)}.toolbar select{padding:6px 8px;background:var(--field);color:var(--ink);border:1px solid var(--line)}
.game-row{display:grid;grid-template-columns:124px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:21px 2px}
.row-poster img{display:block;width:124px;height:186px;object-fit:cover;border:1px solid var(--line)}
.platform-badge{display:inline-block;padding:4px 8px;background:var(--accent);color:var(--accent-ink);font:bold 11px monospace;letter-spacing:.02em}
.platform-badge:hover{color:var(--accent-ink)}
.row-content h2{font-size:19px;line-height:1.25;margin:2px 0 4px}.row-content .original-years{color:var(--muted);font-size:12px;margin:0 0 13px}
.row-content p{color:var(--ink);font-size:13px;line-height:1.55;max-width:640px;margin:0 0 12px}
.details-link{font-size:12px;font-weight:bold}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:19px}
.detail-page h1{border-bottom:3px solid var(--accent);padding-bottom:13px}.detail-years{margin:10px 0 0;font-size:15px;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:29px;margin-top:25px}
.detail-poster img{display:block;width:245px;max-width:100%;height:auto;border:1px solid var(--line)}
.detail-section{margin:0 0 28px}.detail-section h2{font-size:17px;border-bottom:1px solid var(--line);padding-bottom:9px;margin:0 0 12px}
.detail-section p{font-size:14px;line-height:1.68;margin:10px 0}.anchor-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}
.facts{margin:19px 0;background:var(--panel);border-top:3px solid var(--accent);padding:8px 13px;font-size:12px}
.facts>div{border-bottom:1px solid var(--line);padding:10px 0}.facts>div:last-child{border-bottom:0}
.facts dt{color:var(--muted);margin-bottom:4px}.facts dd{margin:0;font-weight:bold;overflow-wrap:anywhere}
.support-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:11px}
.support-list li{border-left:3px solid var(--accent);background:var(--panel);padding:12px 15px;font-size:13px;line-height:1.55}
.anchor-list li{border-left:3px solid var(--accent);background:var(--panel);padding:12px 15px;font-size:13px;line-height:1.5}
.anchor-list strong,.anchor-list span{display:block}.anchor-list strong{margin-bottom:5px}.anchor-list span{margin-top:5px}
.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.footer-social{display:flex;gap:17px}[hidden]{display:none!important}
@media(max-width:760px){.site-columns{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line)}.detail-layout{grid-template-columns:190px minmax(0,1fr)}.detail-poster img{width:190px}}
@media(max-width:520px){.site-header{height:82px;padding:12px 16px}.brand strong{font-size:21px}.brand-mark{width:40px;height:40px;font-size:23px}.header-note,.search-strip label{display:none}.theme-toggle{padding:7px 8px;font-size:11px}.search-strip{padding:12px 16px}.primary{padding:22px 16px 42px}.game-row{grid-template-columns:82px minmax(0,1fr);gap:12px}.row-poster img{width:82px;height:123px}.row-content h2{font-size:16px}.row-content>p:not(.original-years){display:none}.detail-layout{grid-template-columns:1fr}.detail-poster img{width:min(100%,320px)}.toolbar{flex-wrap:wrap}.toolbar strong{width:100%}}