/* Shared fixes: preserve the approved artwork and cabinet proportions. */
.monitor .crt-phosphor,.monitor .movie-panel{filter:none}
.monitor .screen-topline{display:flex;flex:0 0 auto;min-height:28px;overflow:visible;align-items:center;gap:8px}
.monitor #screen-clock{display:block;flex:0 0 auto;font-size:clamp(8px,.8vw,12px);line-height:1.3;opacity:1;visibility:visible}
.monitor .screen-logo{display:block;flex:0 0 auto;width:34%;height:auto;max-height:32px;object-fit:contain;opacity:1;visibility:visible}
.monitor .shutdown-snapshot{z-index:5;isolation:isolate}
.monitor .shutdown-snapshot>.crt-phosphor{visibility:visible!important;opacity:1!important}
.monitor.power-up .crt-glass{animation:none}
@media(max-width:760px){
  .monitor .screen-topline{min-height:26px;gap:5px}
  .monitor #screen-clock{font-size:clamp(7px,2vw,10px);letter-spacing:0}
  .monitor .screen-logo{width:34%;max-height:26px}
}

/* A single dark paint color meets the SVG sweep caps on both pages. Fade only
   the transparent star decoration, never an opaque rectangular background. */
[data-theme=halloween] .masthead{background:#17130f}
[data-theme=halloween] .masthead::before{
  background-size:cover;
  -webkit-mask-image:linear-gradient(#000 0 78%,transparent 100%);
  mask-image:linear-gradient(#000 0 78%,transparent 100%);
}
[data-theme=halloween] .guide-sweep{background-color:#472713}
.guide-sweep{background-color:#654025;background-image:url('assets/walnut-paneling.png');background-size:672px auto}
.guide-sweep>svg{display:block;width:100%;background-image:none;margin:0}
.guide .guide-sweep>svg.sweep{height:63px}
.guide .guide-sweep>.halloween-sweep,.guide .guide-sweep>.halloween-mobile-sweep{display:none}
[data-theme=halloween] .guide .guide-sweep>svg.sweep{display:none}
[data-theme=halloween] .guide .guide-sweep>.halloween-sweep{display:block;height:86px}
.guide{display:flex;flex-direction:column;min-height:calc(100svh - 24px);background:#654025 url('assets/walnut-paneling.png') left top / 672px auto repeat}
.guide .guide-content{width:100%;max-width:1060px;margin:0 auto;flex:1;color:#fff0d3;text-shadow:0 1px 2px #211006}
.guide .guide-content details{background:#fbefd4;color:#462711;text-shadow:none;padding:15px 18px;margin-top:12px;border:1px solid #b78349;border-radius:5px}
.guide .guide-content .notice{background:#fbefd4;color:#462711;text-shadow:none}
.guide .footer{background:var(--paper);color:var(--ink)}
[data-theme=halloween] .guide{background-color:#472713;background-image:linear-gradient(#200c0644,#130b0644),url('assets/walnut-paneling.png');background-size:auto,672px auto}
[data-theme=halloween] .guide .footer{background:#f6dfae;color:#48240e}
[data-theme=halloween] .guide .footer>span{color:#72401e}
@media(max-width:760px){
  .guide .masthead .identity{width:84%}
  [data-theme=halloween] .guide .masthead .logo{height:auto}
  [data-theme=halloween] .guide .guide-sweep>.halloween-sweep{display:none}
  [data-theme=halloween] .guide .guide-sweep>.halloween-mobile-sweep{display:block;height:auto;aspect-ratio:420/110}
  .guide .guide-content{padding-top:14px}
  .guide{min-height:calc(100svh - 18px)}
}
@media(min-width:761px){
  body{padding:4px}
  .page{width:100%;max-width:none;margin:0;min-height:calc(100svh - 8px)}
  .landing{min-height:calc(100svh - 8px)}
  .landing .console-layout{width:min(calc(100% - 64px),var(--console-fit-width,1120px));max-width:none}
  .guide{max-width:none}
}