/* The wall is a collection of objects, not a navigation bar. The original
   studio wordmark remains in its own engraved sign. */
@media (min-width:1100px) {
  html.studio-1996 body.media-room.room-primary-layout.premiere-room .site-header.room-wall-header {
    height:218px!important;
    grid-template-columns:minmax(295px,1.2fr) minmax(155px,.56fr) minmax(295px,.9fr) minmax(170px,.75fr)!important;
    align-items:center!important;
    gap:clamp(7px,1.4vw,23px)!important;
    padding:16px clamp(15px,2vw,36px)!important;
  }
}
html.studio-1996 body.media-room .room-wall-header .archive-brand {
  min-width:0; width:min(100%,450px); min-height:153px; justify-content:center;
  border:10px double #927248!important;
  background:radial-gradient(circle at 12% 20%,#e0ba7355 0 2px,transparent 3px),radial-gradient(circle at 88% 78%,#e0ba7355 0 2px,transparent 3px),linear-gradient(125deg,#47351f,#1b241c 27%,#314235 54%,#151e19 81%,#47331e)!important;
  box-shadow:0 2px 0 #100c08,0 13px 11px #000b,inset 0 0 0 2px #181710,inset 0 0 0 5px #b59458,inset 0 9px 15px #0009!important;
  transform:rotate(-.7deg)!important;
}
html.studio-1996 body.media-room .room-wall-header .archive-brand:before {content:'';left:15px;right:15px;top:11px;height:1px;background:linear-gradient(90deg,transparent,#caa965,transparent)}
html.studio-1996 body.media-room .room-wall-header .archive-brand:after {content:'EST. 1996  •  GAMES WORTH KEEPING';position:absolute;bottom:10px;left:14px;right:14px;color:#d3b878;font:700 9px/1.2 'Courier New',monospace;letter-spacing:.12em;text-align:center;text-shadow:0 1px #000}
html.studio-1996 body.media-room .room-wall-header .archive-brand img {filter:drop-shadow(0 2px 1px #000a)}
body.media-room .room-wall-header #wall-calendar {
  width:138px!important;height:183px!important;min-height:183px!important;padding:2px 11px 10px!important;
  border:2px solid #6c5636!important;
  background:#e7d6ad url('/assets/img/newspaper/press-grain.svg')!important;
  box-shadow:4px 5px 0 #a28d69,7px 8px 0 #62513a,11px 16px 9px #0009,inset 0 0 0 2px #fbebc533!important;
}
body.media-room .room-wall-header #wall-calendar .calendar-art {height:36px!important;margin:0 -11px 7px!important;background:repeating-linear-gradient(115deg,#283b2d 0 6px,#314936 7px 12px)!important;border-bottom:3px double #c5a762}
body.media-room .room-wall-header #wall-calendar .calendar-art b {font-size:8px;letter-spacing:.08em}
body.media-room .room-wall-header #wall-calendar .calendar-month {font-size:13px!important;letter-spacing:.13em}
body.media-room .room-wall-header #wall-calendar .calendar-day {font-size:58px!important;line-height:.93!important;color:#302415;text-shadow:1px 1px #fff6d5}
body.media-room .room-wall-header #wall-calendar .calendar-year {font-size:16px!important}
body.media-room .room-wall-header #wall-calendar small {font-size:9px!important;margin-top:5px}
body.media-room .room-wall-header #wall-calendar:focus-visible {outline:3px solid #ffdc88;outline-offset:7px}
body.media-room .room-wall-header .room-clock-station {width:282px;height:205px;filter:drop-shadow(5px 11px 7px #000b)}
body.media-room .room-wall-header #room-clock-button {scale:1.62;transform-origin:top center}
body.media-room .room-wall-header .orcish-clock-title {margin-bottom:6px;padding:3px 18px;border:3px double #b89a57;background:linear-gradient(#463b25,#1b221b);font-size:14px;letter-spacing:.14em}
body.media-room #room-clock-button .clock-case {border:7px ridge #9b7850!important;background:radial-gradient(ellipse at 50% 28%,#667553 0,#314632 46%,#1b291f 85%)!important;box-shadow:inset 0 0 0 2px #c29b595c,inset 0 0 15px #030805,0 5px 2px #0a100d,0 8px 8px #000b!important}
body.media-room #room-clock-button .clock-crown {background:linear-gradient(100deg,#503929,#c49c5c 36%,#4b3e29 70%,#b68a51)!important;border:3px ridge #a98b57!important}
body.media-room #room-clock-button .clock-face {border:6px double #bf9e5e!important;box-shadow:0 0 0 2px #272519,0 0 0 5px #937b4e,inset 0 0 6px #000,0 5px 7px #000c!important}
body.media-room #room-clock-button em {border:2px ridge #b09355;background:#17251d;box-shadow:0 2px 4px #0009}
body.media-room #device-focus-stage .room-clock-station {border-color:#9a7c50;background:radial-gradient(ellipse at 32% 38%,#536e474d,transparent 48%),repeating-linear-gradient(100deg,#1e3024 0 13px,#1b2a20 14px 16px)}

/* A forged shop light: hammered copper and worn black iron around the working
   bulb. All dimensional parts are CSS so the existing switch still owns state. */
body.media-room #room-lamp-button .worklamp-foot {border:5px ridge #8d6946;background:radial-gradient(ellipse at 50% 12%,#b18853,#55472e 52%,#16251f 86%);box-shadow:inset 0 2px 4px #f0bd7777,inset 0 -7px 6px #05100ec9,0 8px 7px #000c}
body.media-room #room-lamp-button .worklamp-foot:after {content:'K  •  96';left:52px;bottom:4px;color:#ddba79;font:700 9px/1 monospace;letter-spacing:.1em}
body.media-room #room-lamp-button :is(.worklamp-lower,.worklamp-upper) {border-color:#b48755;background:linear-gradient(90deg,#14231f,#9d7042 35%,#392e25 53%,#b3864e 77%,#1a2925);box-shadow:inset 0 0 0 1px #d3ad68aa,4px 3px 5px #000b}
body.media-room #room-lamp-button :is(.worklamp-elbow,.worklamp-pivot,.worklamp-yoke) {border:6px ridge #a77c48;background:radial-gradient(circle at 36% 34%,#e9c38a,#715738 42%,#1a2822 75%);box-shadow:inset 0 0 0 2px #2d291d,2px 4px 5px #000c}
body.media-room #room-lamp-button .worklamp-housing {clip-path:polygon(16% 5%,66% 0,94% 18%,100% 78%,69% 100%,4% 87%,0 35%);background:repeating-linear-gradient(133deg,#593e2a 0 8px,#6c4c30 9px 11px,#9b7042 12px 18px,#433729 19px 23px);box-shadow:inset 0 5px 5px #e5bc7a66,inset 0 -10px 7px #141f1d}
body.media-room #room-lamp-button .worklamp-housing:after {left:19px;top:13px;width:66px;height:22px;border-top:2px dashed #e2b77788;border-bottom:2px solid #241f19;background:linear-gradient(90deg,transparent,#d8a86255,transparent);transform:rotate(4deg)}
body.media-room #room-lamp-button .worklamp-head:before {content:'';position:absolute;z-index:3;left:-8px;top:-13px;width:28px;height:39px;background:linear-gradient(115deg,#e3bd82,#6e573b 53%,#2c352b);clip-path:polygon(91% 0,100% 100%,16% 78%,65% 67%);filter:drop-shadow(1px 2px 1px #000b)}
body.media-room #room-lamp-button .worklamp-head:after {content:'';position:absolute;z-index:3;right:-8px;top:-18px;width:29px;height:43px;background:linear-gradient(255deg,#dfbd82,#765941 51%,#2c352b);clip-path:polygon(4% 0,69% 68%,95% 80%,0 100%);filter:drop-shadow(1px 2px 1px #000b)}
body.media-room #room-lamp-button .worklamp-rim {border:5px ridge #bc8d56;background:radial-gradient(ellipse,#ffe4a7 0 21%,#362b20 48%,#a27d4d 77%)}
body.media-room #room-lamp-button .worklamp-cable {border-color:#111b19;filter:drop-shadow(1px 1px 1px #af8a5677)}
body.media-room #room-lamp-switch {border-color:#ac8151;background:linear-gradient(#55422b,#1a231e);color:#f3dca8}

/* The shell's existing VHS mechanics remain intact; the original emblems are
   mounted in a small brass crest on the exposed cassette face. */
body.media-room .vhs-model .vhs-emboss {font-size:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.media-room .vhs-model .vhs-emboss small {display:none!important}
body.media-room .vhs-model .room-cassette-crest {position:absolute;z-index:9;left:50%;top:19px;width:72px;height:65px;translate:-50% 0;display:grid;place-items:center;border:4px double #bc9958;border-radius:43% 43% 48% 48%;background:radial-gradient(circle at 50% 38%,#354331,#131d19 67%,#694d2e 69%,#a98349 79%,#272b21 81%);box-shadow:0 0 0 2px #1b201a,0 3px 4px #000c,inset 0 0 8px #e6bd7166;pointer-events:none}
body.media-room .vhs-model .room-cassette-crest:before {content:'◆  ✦  ◆';position:absolute;left:-17px;right:-17px;top:-13px;color:#c5a465;font:10px Georgia,serif;text-align:center;letter-spacing:11px;text-shadow:0 1px #000}
body.media-room .vhs-model .room-cassette-crest:after {content:'✦  ◆  ✦';position:absolute;left:-17px;right:-17px;bottom:-11px;color:#c5a465;font:8px Georgia,serif;text-align:center;letter-spacing:11px;text-shadow:0 1px #000}
body.media-room .vhs-model .room-cassette-crest img {display:block;width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 2px 2px #000c)}
body.media-room #media-room #tape-stack .vhs-spine img {width:20px!important;height:20px!important}

/* A few incandescent pilot lamps communicate powered machinery without
   turning the room into a flashing control board. */
body.media-room #vcr-unit .vcr-display:before {content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;vertical-align:middle;background:#b98948;box-shadow:0 0 3px #d39a53}
body.media-room #media-room .computer-station[data-pc-power='on'] .pc-power-led {animation:room-pilot-breathe 4.8s ease-in-out infinite}
body.media-room #room-lamp-switch[aria-pressed='true']:after {content:'';position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;background:#e5bd71;box-shadow:0 0 5px #f4c675;animation:room-pilot-breathe 5.2s ease-in-out infinite}
@keyframes room-pilot-breathe {50%{opacity:.55;box-shadow:0 0 2px currentColor}}

/* The PC uses the same canonical studio day as the wall calendar and paper. */
body.media-room .pc-date-plaque {position:absolute;bottom:34px;right:9px;max-width:55%;padding:3px 6px;background:#e9dfb8;color:#23312c;border:2px outset #fff4d1;box-shadow:2px 3px 0 #071e1d69;font:700 10px/1.15 'Courier New',monospace;text-align:right;z-index:2}
body.media-room .pc-tray-datetime {display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font:700 9px/1.15 'Courier New',monospace}
body.media-room .pc-tray {min-width:65px;justify-content:space-between}

@media (max-width:1099px) {
  html.studio-1996 body.media-room.room-primary-layout.premiere-room .site-header.room-wall-header {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px 8px!important;padding:18px 10px 22px!important}
  html.studio-1996 body.media-room .room-wall-header .archive-brand {width:min(92vw,520px);min-height:120px;grid-area:1/1/2/3!important}
  body.media-room .room-wall-header #wall-calendar {grid-area:2/1!important;justify-self:center}
  body.media-room .room-wall-header .room-clock-station {grid-area:2/2!important;justify-self:center;width:240px;height:205px}
  body.media-room .room-wall-header #room-clock-button {scale:1.3}
  html.studio-1996 body.media-room.room-primary-layout.premiere-room .room-wall-header .utility-nav {grid-area:3/1/4/3!important;max-width:100%;flex-wrap:wrap}
}
@media (max-width:550px) {
  html.studio-1996 body.media-room .room-wall-header .archive-brand {min-height:107px;padding:10px 17px 20px!important}
  html.studio-1996 body.media-room .room-wall-header .archive-brand:after {font-size:7px;letter-spacing:.05em}
  body.media-room .room-wall-header #wall-calendar {width:116px!important;height:166px!important;min-height:166px!important}
  body.media-room .room-wall-header #wall-calendar .calendar-day {font-size:52px!important}
  body.media-room .room-wall-header .room-clock-station {width:min(48vw,205px);height:181px!important}
  body.media-room .room-wall-header #room-clock-button {scale:1.03}
  body.media-room .room-wall-header .orcish-clock-title {font-size:10px;letter-spacing:.05em;padding:3px 4px}
  body.media-room .pc-date-plaque {font-size:8px;max-width:62%}
}
@media (prefers-reduced-motion:reduce) {
  body.media-room :is(.pc-power-led,#room-lamp-switch):after {animation:none!important}
  body.media-room .computer-station[data-pc-power='on'] .pc-power-led {animation:none!important}
}
