/* MT2009 PLUS: colours of the MT2009 Singleplayer Plus artwork (charcoal, gold, ember). */
:root{
  --color-bg-primary:#120d0b;
  --color-bg-secondary:#1c1410;
  --color-bg-accent:#6b4a2e;
  --color-border-default:#5e4128;
  --color-border-focus:#c9963f;
  --color-text-headers:#f0c878;
  --color-text-links:#f5d38a;
  --color-text-links-hover:#ff9a4d;
  --color-text-primary:#e6dccb;
  --color-text-secondary:#cbbfa6;
  --color-warning:#f0c878;
  --toc-active-bg:rgba(240,200,120,.12);
  --plus-ember:#e2502a;
  --plus-gold:#e0b64a;
}
body{background:linear-gradient(rgba(12,8,6,.84),rgba(12,8,6,.92)),url(/wiki/images/mt2009plus-tlo.webp) center top/cover fixed,#120d0b}
@media (max-width:1024px){body{background-attachment:scroll,scroll}}
.header{background:rgba(22,15,11,.93);border-bottom:1px solid var(--color-border-default);
  box-shadow:0 1px 0 rgba(226,80,42,.55),0 6px 18px rgba(0,0,0,.45)}
.article{background:rgba(24,17,13,.94);border-color:var(--color-border-default);
  box-shadow:0 0 18px 4px rgba(0,0,0,.55),inset 0 1px 0 rgba(240,200,120,.08)}
.sidebar,.toc{background-color:transparent}
.footer{background:rgba(20,14,10,.95);border-top:1px solid var(--color-border-default);box-shadow:0 -1px 0 rgba(226,80,42,.45)}
.article h1,.article h2{color:var(--color-text-headers);text-shadow:0 0 14px rgba(226,80,42,.25)}
.article h2{border-bottom:1px solid rgba(226,80,42,.35);padding-bottom:6px}
.article a:hover{color:var(--color-text-links-hover)}
.plus-banner{display:block;width:100%;aspect-ratio:16/7;margin:0 0 22px;border-radius:var(--border-radius);
  border:1px solid var(--color-border-default);background:url(/wiki/images/mt2009plus-tlo.webp) center 42%/cover;
  box-shadow:0 0 22px rgba(226,80,42,.22)}
.nav-section h3{color:var(--color-text-headers)}
.btn-secondary{border-color:var(--color-border-default)}
.plus-item{border-color:rgba(240,200,120,.18);background:rgba(0,0,0,.28)}
.plus-item:hover{border-color:rgba(226,80,42,.6)}
#mt2009plus-faq{display:flex;align-items:center;gap:8px}
.header .btn{white-space:nowrap}
.hero-section{background:linear-gradient(135deg,rgba(107,74,46,.30),rgba(24,17,13,.95))!important}
/* Mobile (the drawer below 769px): the sidebar is transparent on the desktop
   over the artwork, which on a phone let the page show through the open menu.
   The drawer gets a solid panel under a compact header that stays on top (so
   its close button works), a dimmed page behind it and finger-sized rows. */
@media (max-width:768px){
  .header{z-index:400;padding:8px 0}
  .tagline{display:none}
  .logo-image{height:38px;width:auto}
  .logo-text h1{font-size:1.1rem;line-height:1.2}
  .sidebar{top:0;width:86%;max-width:340px;height:100vh;height:100dvh;padding:74px 14px 32px;
    background:linear-gradient(180deg,#1f1611 0%,#150e0b 60%,#120d0b 100%)!important;
    border-right:1px solid var(--color-border-default);overflow-y:auto;overscroll-behavior:contain;z-index:300}
  .sidebar.mobile-open{box-shadow:0 0 0 100vmax rgba(8,5,4,.74),8px 0 26px rgba(0,0,0,.65),1px 0 0 rgba(226,80,42,.5)}
  .sidebar .navigation{display:flex;flex-direction:column;gap:6px}
  .sidebar .nav-section{padding:10px 0 12px;border-bottom:1px solid rgba(240,200,120,.14)}
  .sidebar .nav-section:last-child{border-bottom:0}
  .sidebar .nav-section h3{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 6px 4px;opacity:.9}
  .sidebar ul{list-style:none;margin:0;padding:0}
  .sidebar li a,.sidebar .nav-category .category-link{display:flex;align-items:center;gap:10px;min-height:44px;
    padding:9px 12px;border-radius:8px;font-size:1rem;line-height:1.25;color:var(--color-text-primary)}
  .sidebar li a i,.sidebar .category-link i{width:1.2em;text-align:center;color:var(--plus-gold)}
  .sidebar li a:hover,.sidebar li a.active{background:rgba(240,200,120,.12);color:var(--color-text-links);transform:none}
  .sidebar .nav-category .category-header{padding:2px;margin:0;gap:2px}
  .sidebar .nav-category .category-toggle{min-width:36px;min-height:44px}
  .sidebar .nav-category .page-count{padding-right:8px;font-size:.85rem}
  .sidebar .nav-category .category-pages li a{min-height:40px;padding-left:44px;font-size:.95rem}
  .sidebar #search-history-container{display:none}
  .sidebar .nav-section,.sidebar .nav-category,.sidebar .category-pages,.sidebar .nav-section ul li{margin:0}
  .sidebar .nav-category .category-pages:not(.show){padding:0;border:0}
  .sidebar .nav-section h3 a{display:inline;min-height:0;padding:0;font-size:inherit}
  .article,.wiki-content{padding:18px 16px 26px!important}
  .article table,.wiki-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .article table,.wiki-content table{font-size:.9rem}
  .article td,.article th,.wiki-content td,.wiki-content th{padding:8px 9px;overflow-wrap:anywhere}
}