/* Brighter (bright-20261106.mjs): the page brighter while on. The switch is the Brighter line in KOMMUNISTIK
   (kommunistik-20261106.mjs); the glasses stay in the page only as its switch, never shown (owner 6 Nov 2026). */
button.bright-toggle{display:none!important}
html{transition:filter 400ms ease}
html.is-bright{filter:brightness(1.55) contrast(1.06)}
button.bright-toggle{position:fixed;right:calc(clamp(1rem,3vw,2.5rem) - .6rem);bottom:calc(max(1.5rem,env(safe-area-inset-bottom)) - .55rem);z-index:4;display:grid;place-items:center;width:2.2rem;height:1.8rem;margin:0;padding:0;background:transparent;cursor:pointer;transition:opacity 300ms ease}
button.bright-toggle:hover{background:transparent}
button.bright-toggle:focus-visible{outline:1px solid #778395;outline-offset:-3px}
.bright-icon{width:1.05rem;height:.55rem;fill:none;stroke:#525d6c;stroke-width:1.1;stroke-linecap:round;transition:stroke 200ms ease}
button.bright-toggle:hover .bright-icon{stroke:#8b95a4}
button.bright-toggle[aria-pressed=true] .bright-icon{stroke:#bcc3cc}
/* Only in the live view (after Play); away while the page sleeps, while the lower part is open, and while Rainman is out. */
body:not(:has(.sound-dist-wrap.is-on,.sound-map.is-on)) .bright-toggle,html.is-idle .bright-toggle,html.is-more .bright-toggle,body:has(.rm-peek.is-out) .bright-toggle{opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms}
/* On a phone the arrow to the lower part has the corner: the glasses sit left of it. */
@media(max-width:899px) and (min-height:501px){button.bright-toggle{right:calc(clamp(1rem,3vw,2.5rem) + 1.9rem)}}
@media(prefers-reduced-motion:reduce){html,button.bright-toggle,.bright-icon{transition:none}}