#mirror-notice{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:25px;padding:4px 10px;text-align:center;font-size:12px;background:var(--c-bg-box,#262421);color:var(--c-font,#bababa);border-top:1px solid #8884}
#mirror-notice a{color:var(--c-link,#3692e7)}
body{padding-bottom:32px}
@media(max-width:520px){#mirror-notice{font-size:10px}}

/* Show unavailable commands clearly on desktop, mobile and keyboard navigation. */
a.mirror-unavailable, #topnav a.mirror-unavailable, .mselect__list a.mirror-unavailable {
  opacity: .38 !important; cursor: not-allowed !important;
  text-decoration: none !important; filter: grayscale(.65);
}
a.mirror-unavailable:hover, #topnav a.mirror-unavailable:hover { opacity: .38 !important; }


.mirror-unavailable,[aria-disabled="true"].mirror-unavailable{opacity:.38!important;cursor:not-allowed!important}
#topnav section:has(>a.mirror-unavailable):not(:has(.sub a[href])) .sub{display:none!important}

/* 2CHESS mirror header — 15% smaller and monochrome until hovered. */
#top a.site-title.twochess-site-title{max-width:180px}
#top a.site-title.twochess-site-title .twochess-mirror-brand{
 width:clamp(93.5px,10.625vw,148.75px)!important;height:auto!important;max-width:100%;
 filter:grayscale(1) brightness(0) invert(.67);opacity:.92;
 transform:scale(1);transform-origin:left center;
 transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
#top a.site-title.twochess-site-title:hover .twochess-mirror-brand,
#top a.site-title.twochess-site-title:focus-visible .twochess-mirror-brand{
 filter:grayscale(0) brightness(1.13);opacity:1;transform:scale(1.055);
}
@media(prefers-reduced-motion:reduce){
 #top a.site-title.twochess-site-title .twochess-mirror-brand{transition:none}
}

/* 2CHESS mirror: 7% smaller than current logo, 3% hover, color retained. */
#top a.site-title.twochess-site-title .twochess-mirror-brand {
 width:clamp(86.955px,9.88125vw,138.3375px)!important;
 transform:scale(1);
 transform-origin:left center;
 transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
#top a.site-title.twochess-site-title:is(:hover,:focus-visible) .twochess-mirror-brand {
 transform:scale(1.03);
}
@media(prefers-reduced-motion:reduce){
 #top a.site-title.twochess-site-title .twochess-mirror-brand{transition:none;}
}