/* Shared construction, from the room fittings to the smallest reading pane.
   Genuine game media keeps its own rendering and color. */
:root {
  --archive-stone: url("../img/archive/stone-frame.webp");
  --archive-iron: url("../img/archive/iron-frame.webp");
  --archive-icons: url("../img/archive/icon-atlas.webp");
  --slate: #252b2f;
  --slate-light: #56616a;
  --iron: #151b1e;
  --silver: #b9c2c4;
  --vellum: #ded0af;
  --vellum-ink: #302a22;
  --bronze: #b39a68;
  --cut-shadow: #050809;
  --win-blue: #354856;
  --win-teal: #182831;
  --win-grey: #2a3135;
  --pc-beige: #363e42;
  --pc-light: #657079;
  --pc-shadow: #0b1012;
}
body.room-primary-layout { color: #e5e1d4; }
body.room-primary-layout .site-header {
  padding: 18px 20px !important;
  margin-top: 16px !important;
  border: 10px solid #2c3235 !important;
  border-image: var(--archive-stone) 15% fill / 22px / 0 stretch !important;
  background: #20272b !important;
  box-shadow: 0 8px 24px #000b, inset 0 1px #849098 !important;
}
body.room-primary-layout .archive-brand img { filter: none; }
body.room-primary-layout .archive-brand strong { color: #e1e4de !important; text-shadow: 0 2px #000, 0 -1px #ffffff36; }
body.room-primary-layout .archive-brand em { color: #b8b19e !important; }
body.room-primary-layout .utility-nav { gap: 7px !important; }
body.room-primary-layout .utility-nav :is(a,button) {
  padding: 9px 11px !important; min-height: 40px !important;
  border: 1px solid !important; border-color: #6a7476 #14191b #0a0f11 #495257 !important;
  background: linear-gradient(110deg,#465054,#252c30 52%,#1b2225) !important;
  color: #e3dbc7 !important; border-radius: 1px !important;
  box-shadow: inset 0 1px #a7afb52e, 0 2px 3px #0008 !important;
  text-transform: none !important; letter-spacing: .01em !important;
}
body.room-primary-layout :is(button,a,input,textarea,select):focus-visible {
  outline: 2px solid #e8c87d !important; outline-offset: 3px !important;
}
body.room-primary-layout .utility-nav :is(a,button):hover { color: #fff6da !important; border-top-color: #b5b9b0 !important; }
body.room-primary-layout .tv-cabinet {
  border: 12px solid #30383d !important;
  border-image: var(--archive-stone) 15% fill / 27px / 0 stretch !important;
  background: #30383e !important; border-radius: 2px !important;
  padding: 12px !important;
  box-shadow: 0 2px 0 #778086, 0 7px 0 #101516, 0 25px 35px #000b !important;
}
body.room-primary-layout .screen-bezel {
  border: 4px solid !important; border-color: #0c1216 #4a5255 #6b7272 #1a2328 !important;
  background: #090f12 !important; padding: 6px !important; border-radius: 2px !important;
}
body.room-primary-layout .tv-control-panel { color: #d1c4a3 !important; }
body.room-primary-layout .tv-maker { color: #e0d4b4 !important; text-shadow: 0 1px #000; }
body.room-primary-layout .tv-knob { border-color: #6d797b #141a1d #070b0e #445055 !important; }
body.room-primary-layout .hero-zone .vcr-unit {
  border: 6px solid #2b3438 !important;
  border-image: var(--archive-iron) 15% fill / 15px / 0 stretch !important;
  background: #20292e !important; border-radius: 1px !important;
  box-shadow: 0 4px 0 #050809, 0 12px 22px #000c !important;
}
body.room-primary-layout .vcr-button {
  background: linear-gradient(120deg,#48535a,#2a3237 60%,#181f24) !important;
  border-color: #879095 #20292d #080c10 #505c60 !important;
  color: #e2e6df !important; text-shadow: 0 1px #000;
}
body.room-primary-layout #play-button { background: linear-gradient(#5b3030,#362020) !important; border-color: #af7560 #421b19 #180b0a #804c3f !important; color: #f6e3be !important; }
body.room-primary-layout .vcr-button:disabled { opacity: .65 !important; }
body.room-primary-layout .vcr-button:active { box-shadow: inset 0 2px 4px #000 !important; }
body.room-primary-layout .hero-zone .tape-library {
  border: 10px solid #31383b !important;
  border-image: var(--archive-stone) 15% fill / 23px / 0 stretch !important;
  background: #151b1e !important; padding: 0 5px 12px !important;
  box-shadow: 0 8px 25px #000c !important;
}
body.room-primary-layout .library-header {
  background: #111b20 !important;
  border: 1px solid !important; border-color: #5c6870 #10181c #080e11 #3b464b !important;
  box-shadow: inset 0 -4px 8px #0008 !important;
}
body.room-primary-layout .library-header h2 { color: #e1e4dc !important; text-shadow: 0 2px #000; }
body.room-primary-layout .vhs-tape { filter: none !important; }
body.room-primary-layout .vhs-tape .tape-meta { background: linear-gradient(100deg,#c6b593,#e3d9bd 60%,#c6b996) !important; color: #292721 !important; box-shadow: inset 0 0 0 1px #f9e8bd55 !important; }
body.room-primary-layout .vhs-tape .tape-title { color: #262923 !important; }
body.room-primary-layout .vhs-tape:focus-visible { outline-offset: 5px !important; }
body.room-primary-layout .tape-section-divider { color: #cdd2cc !important; border-color: #526068 !important; }
body.room-primary-layout .guided-instruction {
  background: #30383c !important;
  border: 5px solid #30383c !important;
  border-image: var(--archive-stone) 15% fill / 12px / 0 stretch !important;
  color: #eee6d0 !important;
}
body.room-primary-layout .guided-instruction small { color: #c5c9c0 !important; }
body.room-primary-layout .screening-caption { color: #c6c2b4; text-shadow: 0 2px 3px #000; }
/* Full pages are fitted folios, with calm broad faces inside the carved edge. */
body.room-primary-layout #game-detail-content .game-editorial {
  border: 12px solid #2c3439 !important;
  border-image: var(--archive-stone) 15% fill / 25px / 0 stretch !important;
  background: #252c30 !important; color: #e4e0d4 !important;
}
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program {
  --screen: #252c30; --screen-ink: #e7e0cf; --screen-muted: #b4bcb9;
  background: #252c30 !important; color: #e7e0cf !important;
}
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program .program-intro-card {
  background: linear-gradient(120deg,#38434a,#202a30 68%,#172024) !important;
  border: 1px solid !important; border-color: #6c777b #10191c #070e11 #46535a !important;
  box-shadow: inset 0 1px #b5bec22a, 0 5px 8px #0005;
}
body.room-primary-layout :is(#screen-content,#game-detail-content) .program-title {
  font-family: Georgia,'Times New Roman',serif !important;
  font-weight: 400 !important; color: #eae7db !important;
  text-shadow: 0 2px 1px #03080b !important;
}
body.room-primary-layout :is(#screen-content,#game-detail-content) :is(.program-kicker,.section-eyebrow,.tool-offer-kicker) { color: #d1b982 !important; }
body.room-primary-layout :is(#screen-content,#game-detail-content) :is(.program-copy,.program-tagline,.game-feature p) { color: #ced0c6 !important; }
body.room-primary-layout .game-feature {
  border-top: 3px ridge #626d71 !important;
  padding-top: 18px !important;
}
body.room-primary-layout .game-feature h3 { color: #e7dfcc !important; }
body.room-primary-layout :is(.gallery-section,.demo-download-section,.game-release-panel,.related-library,.studio-principles,.career-openings,.atheria-search-section,.atheria-map-section,.tools-engagement-panel,.tools-suite-note) {
  background: #1b2429 !important;
  border-color: #56626a !important;
  box-shadow: inset 0 2px 6px #060d10a3;
}
body.room-primary-layout :is(.game-release-panel,.demo-download-section,.tools-engagement-panel) { border-top: 4px ridge #697477 !important; }
body.room-primary-layout :is(.game-release-panel,.demo-download-section) :is(h3,p) { color: #e0dece !important; }
body.room-primary-layout :is(.game-feature,.tool-offer-copy,.career-role,.studio-principle,.atheria-inspector) p { line-height: 1.7 !important; }
body.room-primary-layout :is(.program-action,.demo-download-primary,.demo-choose-os-link,.demo-release-page-link,.tools-contact-actions a,.career-apply,.bubbles-actions a,.studio-action,.dialog-action,.chat-send-button,.chat-join-button,.game-demo-os-button,.playable-demo-download) {
  background: linear-gradient(115deg,#566066,#303a40 66%,#1b252b) !important;
  color: #f2e9d4 !important; border: 2px solid !important;
  border-color: #9b9e94 #243038 #0b1217 #737c7a !important;
  border-radius: 1px !important; box-shadow: inset 0 1px #cfd4cc30,0 3px 5px #0008 !important;
  font-family: Arial,Helvetica,sans-serif !important; min-height: 44px;
}
body.room-primary-layout :is(.program-action,.demo-download-primary,.dialog-action):active { box-shadow: inset 0 2px 4px #000 !important; }
body.room-primary-layout :is(.gallery-thumb,.related-library button,.tools-index-button,.atheria-result,.atheria-filters button) {
  border-radius: 1px !important; background: #263239 !important;
  border: 1px solid !important; border-color: #69767c #162025 #11191e #495960 !important;
  color: #e3dfd0 !important; box-shadow: inset 0 1px #c2ccd11a,0 2px 3px #0005;
}
body.room-primary-layout :is(.gallery-thumb,.tools-index-button,.atheria-result,.atheria-filters button)[aria-current="true"],
body.room-primary-layout .atheria-filters button[aria-pressed="true"] {
  border-left: 4px solid #d6b67a !important; background: #35424a !important;
}
body.room-primary-layout :is(.tool-offer-card,.career-role,.studio-principle,.studio-profile-card,.atheria-inspector,.career-learning,.career-week,.career-application-box,.career-investors,.bubbles-cost-note,.bubbles-profit-note) {
  border: 6px solid #30393e !important;
  border-image: var(--archive-iron) 15% fill / 13px / 0 stretch !important;
  background: #202b31 !important; border-radius: 1px !important;
  color: #dbddcf !important; box-shadow: 0 5px 9px #0007;
}
body.room-primary-layout :is(.tool-offer-copy h3,.tool-offer-copy h4,.career-role h3,.studio-principle h3,.atheria-inspector h3) { color: #ece2cb !important; }
body.room-primary-layout :is(.tool-offer-summary,.tool-offer-copy li,.career-role p,.career-role li,.atheria-inspector p) { color: #cad0c9 !important; }
body.room-primary-layout :is(.tool-availability,.tool-audience,.tool-offer-meta b,.studio-member-role,.atheria-record-status) { background: #111b20 !important; color: #c7bd9d !important; border-color: #586267 !important; border-radius: 1px !important; }
body.room-primary-layout :is(.tools-hero-panel,.careers-hero,.studio-hero,.atheria-map) { border: 3px ridge #738080 !important; background: #161f24 !important; }
body.room-primary-layout .atheria-map { box-shadow: inset 0 0 12px #000c; }
body.room-primary-layout :is(.career-clarity,.atheria-boundary,.tools-suite-note p,.program-colophon) { color: #b7c1bd !important; }
/* Device housings share materials; the screen remains a separate luminous well. */
body.room-primary-layout .background-zone {
  opacity: 1 !important; filter: none !important;
  border-top: 5px ridge #47545b !important;
  background: linear-gradient(#10191a80,#0a0e10aa) !important;
  padding: 45px 18px 35px !important;
}
body.room-primary-layout .background-zone :is(.background-bay,.computer-station,.phone-station,.side-tv-station,.environment-station,.room-intercom) { opacity: 1 !important; filter: none !important; }
body.room-primary-layout :is(.pc-monitor-shell,.pc-tower,.side-tv-cabinet,.phone-body,.room-intercom,.service-panel,.clock-case,.room-service-panel) {
  border: 7px solid #323b3d !important;
  border-image: var(--archive-iron) 15% fill / 19px / 0 stretch !important;
  background: #2d363c !important; color: #d0c8b1 !important;
  box-shadow: 0 5px 0 #090f12,0 18px 25px #000b !important; border-radius: 2px !important;
}
body.room-primary-layout :is(.pc-monitor-ridge,.pc-monitor-controls,.pc-monitor-brand,.side-control-panel,.side-tv-label-strip,.pc-tower-logo,.phone-nameplate) { background: #293238 !important; color: #d0c9b6 !important; border-color: #5c6a70 !important; }
body.room-primary-layout :is(.pc-screen-bezel,.side-screen-bezel) { background: #0c1519 !important; border-color: #111a1f #59656b #707c80 #27343b !important; box-shadow: inset 0 3px 8px #000 !important; }
body.room-primary-layout :is(.pc-keyboard,.pc-mouse,.pc-drive) { background: linear-gradient(120deg,#526067,#29353b) !important; border-color: #75848a #1b292e #0d181d #50636b !important; color: #e0e5de !important; }
body.room-primary-layout :is(.pc-key-row button,.pc-small-button,.pc-tower-switch,.side-tv-button-row button,.phone-controls button,.room-intercom button,.environment-controls button) {
  background: linear-gradient(#46565e,#26353c) !important;
  color: #e4dcc8 !important; border-color: #7d898a #16242c #0b151b #465c67 !important;
  box-shadow: inset 0 1px #e4eddb25,0 2px 2px #000a !important; border-radius: 1px !important;
}
body.room-primary-layout :is(.phone-number-window,.phone-transcript,.intercom-display) { background: #0b1418 !important; color: #c0cba9 !important; border-color: #070b0e #58676b #78827c #13242b !important; }
body.room-primary-layout :is(.wall-calendar,.internet-sticky-note,.phonebook-pages) {
  background: linear-gradient(110deg,#beaa7f,#ded0af 35%,#cbbd9b) !important;
  color: #302a22 !important; border-color: #e7d8b9 #554a35 #332d24 #ac9972 !important;
  text-shadow: none !important;
}
body.room-primary-layout .phonebook-cover { background: #302921 !important; border: 6px solid #514539 !important; border-image: var(--archive-iron) 15% fill / 17px / 0 stretch !important; color: #d9c6a2 !important; }
body.room-primary-layout :is(.phonebook-header,.phonebook-search-row,.phonebook-summary) { background: #c5b58e !important; color: #382e20 !important; border-color: #887451 !important; }
body.room-primary-layout .phonebook-entry { border-bottom: 1px solid #8a795b !important; }
body.room-primary-layout .phonebook-name { color: #302b24 !important; }
body.room-primary-layout .phonebook-number { background: #ded1ae !important; color: #443020 !important; border-color: #897450 !important; text-decoration: underline; }
body.room-primary-layout .device-focus-overlay { background: #050a0d !important; }
/* Inert prevents interaction; hide the shelf paint as well during close-up. */
body.device-focus-open .tape-library,
body.device-focus-open .tape-library * { visibility: hidden !important; }
body.room-primary-layout .device-focus-frame {
  border: 9px solid #30393f !important;
  border-image: var(--archive-stone) 15% fill / 23px / 0 stretch !important;
  background: #101a20 !important; box-shadow: 0 20px 70px #000;
}
body.room-primary-layout .device-focus-header { background: #293840 !important; border-bottom: 3px ridge #65737a !important; }
body.room-primary-layout .device-focus-header b { color: #e3ddc9 !important; font: 16px Georgia,serif !important; letter-spacing: .02em !important; }
body.room-primary-layout .device-focus-header button { background: #19272f !important; color: #e2d7b9 !important; border-color: #82908e #14222a #0a141b #4e646d !important; font-size: 13px !important; }
body.room-primary-layout .device-focus-stage { background: radial-gradient(ellipse at 45% 0,#35464e66,transparent 60%),#0b1419 !important; }
/* Kadabra 95: the industrial member of the family, with inset folios. */
body.room-primary-layout .pc-desktop { background: radial-gradient(ellipse at 35% 20%,#344956,#0c1c27 90%) !important; }
body.room-primary-layout .pc-wallpaper-mark { color: #83909c18 !important; font-family: Georgia,serif !important; text-shadow: 0 3px #0005; }
body.room-primary-layout .pc-icon { color: #e5dfce !important; text-shadow: 0 2px #000; border-radius: 1px !important; }
body.room-primary-layout .pc-icon:hover { background: #64738155 !important; border-color: #b19d6b !important; }
body.room-primary-layout :is(.pc-taskbar,.pc-start-menu,.win95-window) {
  background: #27363f !important; color: #e1d9c2 !important;
  border-color: #7e8b91 #0d1921 #061017 #4b616f !important;
  box-shadow: inset 0 1px #b0bec733,0 4px 9px #000a !important;
}
body.room-primary-layout :is(.pc-start-button,.pc-task-button,.pc-tray,.win95-button,.win95-title-controls button,.pc-start-items button,.win95-menu-popup button,.pc-app-button) {
  background: linear-gradient(120deg,#435663,#23343f) !important; color: #e3e2d6 !important;
  border-color: #7c909a #182832 #0a1923 #546975 !important;
  text-shadow: 0 1px #000; border-radius: 1px !important;
}
body.room-primary-layout :is(.pc-start-button b,.pc-start-items span) { color: #d6bc86 !important; }
body.room-primary-layout .pc-start-rail { background: #10222f !important; }
body.room-primary-layout .win95-titlebar { background: #303d43 !important; color: #b2bbb9 !important; border-bottom: 1px solid #0a151d; }
body.room-primary-layout .win95-window.is-active .win95-titlebar { background: linear-gradient(90deg,#344f62,#1c303d) !important; color: #f0e2bf !important; box-shadow: inset 0 1px #a7b9b638; }
body.room-primary-layout :is(.win95-menubar,.win95-statusbar,.win95-menu-popup,.web96-toolbar,.web96-addressbar,.web96-statusbar) { background: #263842 !important; color: #ccd3cd !important; border-color: #50626a !important; }
body.room-primary-layout :is(.win95-menubar button,.win95-menu-popup button) { color: #dddaca !important; }
body.room-primary-layout :is(.win95-menu-popup button,.pc-start-items button):hover { background: #526571 !important; }
body.room-primary-layout :is(.win95-body,.pc-notepad,.pc-message-box,.pc-mail-reader,.pc-file-list,.pc-folder-grid,.pc-game-grid,.pc-control-grid,.pc-control-options) { background: #d8ccae !important; color: #2c2b26 !important; }
body.room-primary-layout :is(.pc-folder-item,.pc-game-grid button,.pc-control-options button,.pc-mail-list button) { background: #c1b799 !important; color: #302c23 !important; border-color: #f0e3c2 #80715a #504a3d #a99979 !important; }
body.room-primary-layout .pc-folder-item b { background: #293c47 !important; color: #d6c498 !important; border-color: #758992 #142934 #07171f #3a5968 !important; }
body.room-primary-layout .pc-mail-list { background: #a89d80 !important; border-color: #5a5041 !important; }
body.room-primary-layout .pc-mail-list button.is-active { background: #354b57 !important; color: #eee2c7 !important; }
body.room-primary-layout :is(.pc-terminal,.pc-bbs,.pc-nightline,.signal-console) { background: #06141d !important; color: #b9cbb4 !important; }
body.room-primary-layout :is(.pc-notepad,input,textarea,select) { caret-color: currentColor; }
/* All local Navigator pages share a readable material system, including errors. */
body.room-primary-layout :is(.web96-page,.web96-offline,.web96-viewport) {
  --web-bg: #d7caa9 !important; --web-color: #302b22 !important; --web-link: #653527 !important;
  background: #d7caa9 !important; color: #302b22 !important;
  font-family: Georgia,'Times New Roman',serif !important;
}
body.room-primary-layout .web96-page { padding: 18px !important; box-shadow: inset 3px 0 8px #63533230; }
body.room-primary-layout .web96-page :is(h1,h2,h3) { color: #382d24 !important; font-family: Georgia,serif !important; text-shadow: none !important; letter-spacing: 0 !important; }
body.room-primary-layout .web96-page h1 { border-bottom: 3px double #897656; padding-bottom: 10px; }
body.room-primary-layout .web96-page :is(a,button.web96-link) { color: #653527 !important; }
body.room-primary-layout :is(.web96-badge,.web96-counter,.web96-webring,.web96-sidebar,.web96-search-box,.web96-directory,.web96-under-construction,.web96-guestbook,.web96-code) {
  background: #c2b38f !important; color: #383023 !important;
  border: 1px solid !important; border-color: #f2e4bd #8b7857 #64543d #b6a17b !important;
  box-shadow: inset 0 1px #ede1c2;
  text-shadow: none !important; font-family: Georgia,serif !important;
}
body.room-primary-layout :is(.web96-blink,.web96-marquee) { animation: none !important; color: #74392e !important; }
body.room-primary-layout .web96-secret { background: #17232a !important; color: #d3c7a7 !important; }
body.room-primary-layout .web96-secret :is(h1,h2,h3) { color: #d5bc84 !important; }
body.room-primary-layout .web96-secret :is(a,button.web96-link) { color: #d4b97e !important; }
body.room-primary-layout :is(.web96-toolbar button,.web96-addressbar button,.web96-offline button) { background: #354b58 !important; color: #e4ddcb !important; border-color: #80939b #20323e #0c202c #536b7a !important; }
body.room-primary-layout :is(.web96-addressbar input,.phonebook-search,.chat-join-label input,.chat-input-wrap input,.atheria-search input,.signal-code-label input,.pc-run-row input) { background: #e0d5b8 !important; color: #302d25 !important; border-color: #1c292d #85948f #acb2a3 #465860 !important; border-radius: 1px !important; box-shadow: inset 0 2px 4px #171a1933; }
/* Dialogs, the party line, lower rails, and empty states are part of the room. */
body.room-primary-layout :is(.archive-dialog,.game-demo-dialog-panel,.playable-demos-panel,.studio-chatroom,.hiring-ribbon,.noscript-library) {
  border: 10px solid #303a40 !important;
  border-image: var(--archive-stone) 15% fill / 23px / 0 stretch !important;
  background: #263238 !important; color: #e1dfce !important; border-radius: 1px !important;
  box-shadow: 0 18px 55px #000c !important;
}
body.room-primary-layout .archive-dialog { padding: 28px !important; }
body.room-primary-layout .archive-dialog::backdrop { background: #030a0de8 !important; backdrop-filter: blur(5px); }
body.room-primary-layout .archive-dialog :is(h2,h3) { font-family: Georgia,serif !important; color: #e6ddc6 !important; }
body.room-primary-layout .archive-dialog :is(p,li,label) { color: #d3d6cb !important; font-size: 16px !important; line-height: 1.65 !important; }
body.room-primary-layout :is(.dialog-close,.game-demo-dialog-close,.chat-report-button,.chat-join-cancel) { background: #16262f !important; color: #d9c89f !important; border-color: #6f8085 #172833 #081822 #475f6a !important; border-radius: 1px !important; }
body.room-primary-layout :is(.chatroom-header,.chatroom-footer,.chatroom-roster) { background: #192a33 !important; border-color: #4c626d !important; color: #bfccca !important; }
body.room-primary-layout .chatroom-header h2 { color: #e4d7bb !important; }
body.room-primary-layout .chatroom-feed { background: #111e26 !important; }
body.room-primary-layout .chat-message { color: #d7d9cf !important; border-color: #354954 !important; }
body.room-primary-layout :is(.chat-avatar,.chat-roster-persona) { border-radius: 1px !important; border-color: #657178 !important; background-color: #1b2932 !important; }
body.room-primary-layout :is(.playable-demo-row,.demo-platform-summary,.game-demo-os-button) { border-color: #66746f !important; background: #263a43 !important; color: #e3dbc6 !important; }
body.room-primary-layout .site-footer { border-top: 4px ridge #53616a !important; color: #b5c1bf !important; background: #111d24d9; padding: 22px 14px !important; }
body.room-primary-layout .site-footer a { color: #d6c69e !important; }
.archive-not-found { min-height: 100svh; margin: 0; display: grid; place-items: center; padding: 24px; background: #080f13; color: #e7ddc6; font: 18px/1.65 Arial,sans-serif; box-sizing: border-box; }
.archive-not-found main { max-width: 620px; padding: 40px; background: #263239; border: 14px solid #30383e; border-image: var(--archive-stone) 15% fill / 28px / 0 stretch; box-shadow: 0 20px 70px #000; }
.archive-not-found h1 { font: 42px/1.1 Georgia,serif; }
.archive-not-found a { color: #ebce8d; }
/* A small inventory of original sculpted objects, reused at consistent scale. */
body .archive-object,
body.room-primary-layout .pc-icon-art {
  display: inline-block; width: 40px; height: 40px; flex-shrink: 0;
  background-image: var(--archive-icons) !important;
  background-size: 400% 400% !important;
  background-position: var(--object-x,0%) var(--object-y,0%) !important;
  background-color: #17242b !important;
  color: transparent !important; text-shadow: none !important;
  box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
body.room-primary-layout .pc-icon-art { width: 32px; height: 32px; }
body.room-primary-layout [data-pc-app="computer"] { --object-x: 0%; --object-y: 33.3333%; }
body.room-primary-layout [data-pc-app="inbox"] { --object-x: 0%; --object-y: 66.6667%; }
body.room-primary-layout [data-pc-app="notepad"] { --object-x: 100%; --object-y: 100%; }
body.room-primary-layout [data-pc-app="signal"] { --object-x: 0%; --object-y: 100%; }
body.room-primary-layout [data-pc-app="dialup"] { --object-x: 100%; --object-y: 0%; }
body.room-primary-layout [data-pc-app="browser"] { --object-x: 0%; --object-y: 0%; }
body.room-primary-layout [data-pc-app="games"] { --object-x: 66.6667%; --object-y: 66.6667%; }
body.room-primary-layout [data-pc-app="terminal"] { --object-x: 0%; --object-y: 33.3333%; }
body.room-primary-layout [data-pc-app="paint"] { --object-x: 66.6667%; --object-y: 0%; }
body.room-primary-layout [data-pc-app="recycle"] { --object-x: 33.3333%; --object-y: 33.3333%; }
body.room-primary-layout [data-pc-app="nightline"] { --object-x: 100%; --object-y: 66.6667%; }
body.room-primary-layout [data-pc-app="corgi"] { --object-x: 66.6667%; --object-y: 100%; }
body.room-primary-layout .pc-desktop-icons { row-gap: 6px; }
body.room-primary-layout .pc-icon { min-height: 54px; }
body.room-primary-layout .chat-avatar { border: 5px solid #353d41 !important; border-image: var(--archive-iron) 15% fill / 7px / 0 stretch !important; font-family: Georgia,serif !important; color: #e7d5a9 !important; }
body.room-primary-layout :is(.side-channel,.extended-card,.channel-guide) {
  background: radial-gradient(ellipse at 35% 5%,#3d5360,#142632 68%,#07141e) !important;
  color: #ded8c6 !important; text-shadow: 0 1px 2px #000;
}
body.room-primary-layout :is(.channel-bug,.channel-caption,.channel-ticker) { background: #091720e8 !important; color: #d6c99f !important; border-color: #647a80 !important; font-family: Georgia,serif !important; }
body.room-primary-layout .channel-emblem {
  position: absolute; width: 43%; height: auto; aspect-ratio: 1;
  left: 50%; top: 44%; transform: translate(-50%,-50%);
  background-color: #17242b !important;
}
body.room-primary-layout .side-channel :is(.movie-room,.movie-window,.movie-figure,.news-anchor,.news-desk,.shopping-object,.kitchen-counter,.kitchen-pot,.kitchen-steam,.wildlife-trees,.wildlife-deer,.platform-wall,.platform-train,.platform-light,.corgi-sun,.corgi-hero,.game-door,.game-host,.fishing-moon,.fishing-boat,.fishing-line,.call-host,.call-phone) { display: none !important; }
body.room-primary-layout :is(.movie-title,.news-headline,.shopping-price,.music-title) { color: #e6ddc5 !important; background: #142630dd !important; font-family: Georgia,serif !important; text-shadow: 0 2px #000 !important; }
body.room-primary-layout .extended-card { background: transparent !important; z-index: 1; }
body.room-primary-layout .ch-extended .channel-emblem { width: 28%; left: 80%; top: 38%; opacity: .35; }
body.room-primary-layout .extended-card :is(h3,p,small) { color: #ddd8c4 !important; font-family: Georgia,serif !important; position: relative; z-index: 1; }
body.room-primary-layout .extended-card p { max-width: 78%; }
body.room-primary-layout .extended-number { color: #bdcbd026 !important; }
body.room-primary-layout .channel-guide { border: 7px solid #303b41 !important; border-image: var(--archive-iron) 15% fill / 14px / 0 stretch !important; }
body.room-primary-layout .channel-guide-grid button { background: #2c414d !important; color: #e3dbc6 !important; border-color: #879a9f #1a303e #0b1b25 #5b737d !important; border-radius: 1px !important; }
body.room-primary-layout :is(.teletext-head,.teletext-row,.call-route-card,.warning-banner,.warning-detail) { background: #112732 !important; color: #e0d5b8 !important; border-color: #71838a !important; }
body.room-primary-layout .warning-banner { border-left: 4px solid #c87b60 !important; }
body.room-primary-layout .background-zone::before { color: #d0c5a5 !important; font: 12px/1.4 Arial,sans-serif !important; top: -25px !important; }
body.room-primary-layout .shop-item { display: none !important; }
body.room-primary-layout :is(.shop-price,.shop-copy) { background: #162731 !important; color: #e2cfa5 !important; border-color: #8c7550 !important; font-family: Georgia,serif !important; }
body.room-primary-layout .music-bars i { background: linear-gradient(#b5d5d4,#567782 55%,#263f51) !important; filter: none !important; }
body.room-primary-layout :is(.room-signal-console,.room-gadget-shelf) { background: #192832 !important; border: 6px solid #303a40 !important; border-image: var(--archive-iron) 15% fill / 13px / 0 stretch !important; }
body.room-primary-layout :is(.utility-inspect-row button,.room-signal-console>button) { background: linear-gradient(#445762,#20343f) !important; color: #e7d9b9 !important; border-color: #6d838b #172c38 #0b1c27 #49626d !important; }
body.room-primary-layout .archive-footer { opacity: 1 !important; filter: none !important; color: #b3c1c1 !important; border-top: 4px ridge #53616a !important; background: #111d24dc !important; padding: 22px 14px !important; font-size: 13px !important; }
body.room-primary-layout .archive-footer a { color: #d6c69e !important; font-size: 13px !important; }
body.room-primary-layout .web96-phone-list { background: #d5c5a0 !important; color: #302c23 !important; border-color: #8c7754 !important; }
body.room-primary-layout .web96-phone-list tr:nth-child(even) { background: #c6b690 !important; }
body.room-primary-layout .web96-page font[color] { color: inherit !important; }
body.room-primary-layout :is(.pc-notepad textarea,.web96-search-box input,.pc-control-options select) { background: #e3d7b9 !important; color: #302d26 !important; border: 2px inset #8e927f !important; }
body.room-primary-layout .web96-search-box button { background: #3a4d57 !important; color: #e8dfc8 !important; border: 2px outset #7b8b8f !important; border-radius: 1px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-window { width: min(90%,690px) !important; height: 80%; max-height: calc(100% - 12px) !important; min-height: 160px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-body { max-height: none !important; font: 14px/1.5 Arial,sans-serif !important; padding: 10px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-titlebar { min-height: 28px !important; height: auto !important; padding: 4px 5px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-titlebar strong { font: 14px Georgia,serif !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-title-controls button { width: 26px !important; height: 25px !important; font-size: 14px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-menubar { height: 29px !important; flex-shrink: 0; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-menubar button { height: 25px !important; font-size: 13px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] :is(.win95-button,.pc-app-button,.pc-folder-item,.pc-mail-list button) { font-size: 14px !important; min-height: 34px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] :is(.pc-message-box,.pc-notepad textarea,.pc-mail-reader,.pc-file-list,.pc-control-options,.web96-page) { font-size: 14px !important; line-height: 1.5 !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] :is(.web96-toolbar button,.web96-addressbar button,.web96-addressbar input) { font-size: 12px !important; min-height: 28px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-menu-popup { top: 66px; }
/* The standalone game's surrounding page shares the archive; the scene does not. */
body.archive-demo { background: #0c161c; --page:#d8ccae; --panel:#d8ccae; --panel-soft:#c5b590; --ink:#302b24; --ink-soft:#514637; --line:#8b795b; --line-dark:#586872; }
.archive-demo :is(.site-bar,.page,.os-download-dialog) { border: 10px solid #3a4144; border-image: var(--archive-stone) 15% fill / 24px / 0 stretch; box-shadow: 0 10px 30px #0009; }
.archive-demo .site-bar { margin: 20px auto; padding: 16px 20px; color: #e8ddc3; }
.archive-demo .page { border-image: var(--archive-stone) 15% / 24px / 0 stretch; }
.archive-demo :is(.download-card,.info-card,.access-box,.demo-notes) { background: #c4b593; border-radius: 1px; border: 2px ridge #8a795d; }
.archive-demo :is(.primary-button,.secondary-button,.small-button,.choose-os-link) { border: 2px solid; border-color: #9ba49e #27353c #0d1c25 #657a83; background: linear-gradient(#435962,#243944); color: #f0e3c7; border-radius: 1px; box-shadow: inset 0 1px #c7d4c430,0 2px 3px #0006; }
.archive-demo :is(.media-box,.game-frame) { border: 7px solid #28363d; border-image: var(--archive-iron) 15% / 15px / 0 stretch; border-radius: 1px; }
.archive-demo .os-download-dialog { background: #23343e; color: #e4dcc7; }
.archive-demo .footer { color: #b9c4bf; }
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program :is(.bubbles-profit-note strong,.program-status-badge) { font: 13px/1.5 Arial,sans-serif !important; }
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program .program-caption { font: 14px/1.6 Arial,sans-serif !important; }
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program .demo-download-section.is-playable { background: #24343e !important; border: 3px ridge #7c898b !important; }
body.room-primary-layout :is(#screen-content,#game-detail-content) .game-program .demo-web-pre-demo { background: linear-gradient(#425b68,#213c4c) !important; color: #ede3c8 !important; border: 2px solid !important; border-color: #879da3 #183040 #0a1c2b #536f7e !important; border-radius: 1px !important; }
@media(max-width:600px) {
 body.room-primary-layout :is(.studio-work,.studio-people,.studio-needs,.career-openings,.career-week)>header { display: block !important; }
 body.room-primary-layout :is(.studio-work,.studio-people)>header>p { margin-bottom: 12px !important; }
}
body.room-primary-layout #game-detail-content .game-editorial { border-image-slice: 15% !important; background: #232b30 !important; }
body.room-primary-layout :is(.studio-purpose article,.studio-people>div>article,.studio-work,.studio-media-grid figure,.studio-bubbles,.studio-needs,.atheria-intro) {
  background: #202d34 !important; color: #d9ddcf !important;
  border: 6px solid #354047 !important; border-image: var(--archive-iron) 15% / 13px / 0 stretch !important;
  box-shadow: inset 0 1px #9cabb12a,0 5px 10px #0005;
}
body.room-primary-layout :is(.studio-people,.studio-purpose,.studio-work,.studio-needs) { background-color: #18272f !important; }
body.room-primary-layout :is(.studio-program-nav,.atheria-program-nav) { background: #14232c !important; border: 3px ridge #677982 !important; }
body.room-primary-layout :is(.studio-program-nav,.atheria-program-nav) button { background: linear-gradient(#435962,#263b47) !important; color: #e5dac0 !important; border-color: #86989d #203542 #0b1d2a #536d7a !important; border-radius: 1px !important; }
body.room-primary-layout :is(.studio-program-nav,.atheria-program-nav) button[aria-current="true"] { border-bottom: 3px solid #d9b779 !important; background: #354d5c !important; }
body.room-primary-layout .tool-audience span { border-radius: 1px !important; border: 1px inset #627176 !important; background: #162a35 !important; color: #cabf9d !important; }
body.room-primary-layout .studio-person-id { border: 5px solid #30393e !important; border-image: var(--archive-iron) 15% fill / 8px / 0 stretch !important; background: #1d2d36 !important; border-radius: 1px !important; color: #e1c88d !important; }
body.room-primary-layout #game-detail-content .studio-people article :is(small,.studio-person-role) { font: 13px/1.5 Arial,sans-serif !important; color: #d5bd86 !important; }
body.room-primary-layout #game-detail-content .studio-people article>b { font: 13px/1.5 Arial,sans-serif !important; color: #d5bd86 !important; }
body.room-primary-layout .studio-people article>img { border-radius: 1px !important; border: 3px ridge #819095 !important; }
body.room-primary-layout :is(.studio-needs-actions,.bubbles-actions,.tools-contact-actions) :is(button,a) { background: linear-gradient(#435962,#263b47) !important; color: #e9ddc3 !important; border: 2px solid !important; border-color: #829598 #223844 #0b1d28 #546c75 !important; border-radius: 1px !important; min-height: 44px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-screen { border-radius: 12px !important; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-start-button { flex-basis: 80px !important; min-width: 80px !important; white-space: nowrap; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-start-button b { margin-right: 5px; }
body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-taskbar { padding-inline: 10px !important; }
body.room-primary-layout :is(.archive-object,.pc-icon-art) { clip-path: inset(4%); }
body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] .side-crt-screen { border-radius: 8px !important; }
body.room-primary-layout .device-in-focus .channel-bug { top: 16px !important; left: 16px !important; font: 13px/1.4 Arial,sans-serif !important; padding: 4px 7px !important; }
body.room-primary-layout .device-in-focus .channel-caption { bottom: 0 !important; font: 14px/1.45 Georgia,serif !important; padding: 12px 16px !important; text-transform: none !important; }
body.room-primary-layout .device-in-focus :is(.shop-copy,.channel-ticker,.numbers-sub,.warning-detail) { font: 14px/1.4 Arial,sans-serif !important; }
body.room-primary-layout .device-in-focus :is(.shop-price,.news-headline,.music-title,.movie-title,.warning-banner) { font-size: 24px !important; line-height: 1.25 !important; }
body.room-primary-layout .device-in-focus .shop-copy { left: 12% !important; right: 12% !important; bottom: 24% !important; }
body.room-primary-layout .device-in-focus .shop-price { top: 24% !important; }
body.room-primary-layout .device-in-focus .channel-guide-grid button { font-size: 14px !important; line-height: 1.35 !important; min-height: 36px !important; }
body.room-primary-layout .device-in-focus .channel-guide h3 { font: 24px Georgia,serif !important; color: #e5d5ad !important; }
body.room-primary-layout .device-in-focus .extended-card :is(small,p) { font-size: 14px !important; line-height: 1.4 !important; }
body.room-primary-layout .device-in-focus .extended-card h3 { font-size: 28px !important; line-height: 1.2 !important; }
body.room-primary-layout .device-in-focus :is(.call-route-card small,.call-route-card span) { font-size: 14px !important; line-height: 1.4 !important; }
body.room-primary-layout .device-in-focus .call-route-card strong { font-size: 26px !important; }
body.room-primary-layout .device-in-focus :is(.cal-code,.ch-computer-club,.ch-vcr-monitor,.teletext-head,.teletext-row) { font: 14px/1.5 'Courier New',monospace !important; }
body.room-primary-layout .device-in-focus .security-cam::after { font-size: 13px !important; }
body.room-primary-layout .device-in-focus .numbers-code { font-size: 28px !important; top: 43% !important; }
body.room-primary-layout .device-in-focus .numbers-sub { top: 58% !important; bottom: auto !important; padding: 0 10px; color: #d4d4bb !important; }
body.room-primary-layout .device-in-focus .shop-copy { width: auto !important; }
body.room-primary-layout .device-in-focus .channel-ticker { height: 30px !important; line-height: 30px !important; }
body.room-primary-layout .device-in-focus .side-scanlines { opacity: .055 !important; }
body.room-primary-layout .device-in-focus .ch-teletext { padding-top: 54px !important; }
body.room-primary-layout .device-in-focus .ch-vcr-monitor .channel-emblem { display: none !important; }
@media(max-width:600px) {
 body.room-primary-layout .device-in-focus :is(.shop-price,.news-headline,.music-title,.movie-title,.warning-banner,.extended-card h3) { font-size: 18px !important; }
 body.room-primary-layout .device-in-focus .channel-caption { font-size: 13px !important; padding: 7px 9px !important; }
 body.room-primary-layout .device-in-focus .channel-bug { font-size: 12px !important; top: 6px !important; left: 6px !important; }
 body.room-primary-layout .device-in-focus .channel-emblem { width: 34%; top: 39%; }
 body.room-primary-layout .device-in-focus .shop-copy { bottom: 23% !important; font-size: 12px !important; }
 body.room-primary-layout .device-in-focus .extended-card p { font-size: 13px !important; }
 body.room-primary-layout .device-in-focus .channel-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:600px) {
 body.room-primary-layout .device-focus-frame { width: calc(100% - 8px) !important; max-width: calc(100% - 8px) !important; border-width: 6px !important; }
 body.room-primary-layout .device-focus-header { width: 100% !important; margin-inline: 0 !important; padding: 8px !important; gap: 8px !important; }
 body.room-primary-layout .device-focus-header>span { flex: 1; min-width: 0; }
 body.room-primary-layout .device-focus-header button { flex: 0 0 auto; font-size: 12px !important; padding: 8px !important; }
 body.room-primary-layout .device-focus-stage { align-content: start !important; justify-items: stretch !important; padding: 14px 4px !important; overflow-x: hidden !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-monitor-shell { padding: 5px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-screen-bezel { padding: 4px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-screen { height: 58dvh !important; min-height: 390px !important; aspect-ratio: auto !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-window { left: 2px !important; top: 2px !important; width: calc(100% - 4px) !important; height: calc(100% - 8px) !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .win95-body { padding: 5px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-desktop-icons { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px 3px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-icon { width: 100% !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .web96-browser { min-height: 0 !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .web96-viewport { min-height: 90px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .web96-toolbar { flex-wrap: wrap; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-desk { display: block !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-tower { width: 90px; margin: 12px auto; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-keyboard { overflow-x: auto !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="computer"] .pc-key-row { width: max-content; min-width: 100%; }
 body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] { width: 100% !important; max-width: 100% !important; padding: 6px 0 !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] .side-tv-cabinet { padding: 8px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] .side-tv-face { grid-template-columns: minmax(0,1fr) 42px !important; gap: 6px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] .side-screen-bezel { padding: 4px !important; }
 body.room-primary-layout .device-in-focus[data-focus-kind="side-tv"] .side-crt-screen { height: 320px !important; aspect-ratio: auto !important; }
 body.room-primary-layout .device-in-focus .channel-emblem { top: 42%; width: 54%; }
 body.room-primary-layout .device-in-focus .shop-copy { top: 16% !important; bottom: auto !important; left: 10px !important; right: 10px !important; max-width: none !important; }
 body.room-primary-layout .device-in-focus .shop-price { top: 61% !important; right: 12px !important; }
 body.room-primary-layout .device-in-focus .channel-caption { font-size: 13px !important; }
}
@media(max-width:1100px) { body.room-primary-layout .site-header { padding: 14px !important; } }
@media(max-width:870px) {
  body.room-primary-layout .site-header { border-width: 6px !important; padding: 10px !important; }
  body.room-primary-layout .utility-nav :is(a,button) { font-size: 14px !important; padding: 9px !important; }
  body.room-primary-layout .tv-cabinet { border-width: 6px !important; padding: 4px !important; border-image-width: 16px !important; }
  body.room-primary-layout .screen-bezel { border-width: 2px !important; padding: 3px !important; }
  body.room-primary-layout #game-detail-content .game-editorial { border-width: 7px !important; border-image-width: 17px !important; }
  body.room-primary-layout .background-zone { padding: 28px 6px !important; }
  body.room-primary-layout .archive-dialog { padding: 18px !important; }
  body.room-primary-layout .device-focus-header b { font-size: 14px !important; }
}
@media(prefers-reduced-motion:reduce) { body.room-primary-layout :is(.web96-blink,.web96-marquee) { animation: none !important; } }

/* Release controls need the same readable scale as the game pages. */
body.room-primary-layout .demo-install-help { margin: 16px 0; padding: 14px; border: 1px solid #7e969d; color: #e3e0d2; font: 400 15px/1.55 var(--ui); }
body.room-primary-layout .demo-install-help summary { cursor: pointer; min-height: 32px; font-weight: 600; }
body.room-primary-layout .demo-install-help p { margin: 10px 0; font: inherit; color: inherit; }
body.room-primary-layout .demo-install-help pre { max-width: 100%; padding: 10px; background: #152027; white-space: pre-wrap; overflow-wrap: anywhere; }
body.room-primary-layout .demo-install-help code { font: 400 13px/1.55 ui-monospace,monospace; overflow-wrap: anywhere; }
body.room-primary-layout :is([data-demo-downloads-for],[data-game-download],[data-demo-chooser-open],.game-release-actions) [hidden],
body.room-primary-layout :is([data-game-download],[data-demo-chooser-open])[hidden] { display: none !important; }
body.room-primary-layout :is(.playable-demos-dialog,.game-demo-download-dialog) { width: min(780px,calc(100% - 24px)); max-height: calc(100svh - 32px); overflow-y: auto; }
body.room-primary-layout :is(.playable-demos-panel,.game-demo-dialog-panel) { padding: 24px !important; }
body.room-primary-layout :is(.playable-demos-panel,.game-demo-dialog-panel) header h2 { font: 400 28px/1.15 Georgia,serif !important; text-transform: none; }
body.room-primary-layout :is(.playable-demos-panel,.game-demo-dialog-panel) header p { font: 600 12px/1.5 var(--ui) !important; letter-spacing: .08em; color: #c4c9ba !important; }
body.room-primary-layout :is(.playable-demos-intro,.game-demo-dialog-game,.game-demo-dialog-note) { font: 400 16px/1.55 var(--ui) !important; color: #d6d9cf !important; }
body.room-primary-layout .playable-demos-intro { padding: 18px 0; }
body.room-primary-layout .playable-demos-list { gap: 14px; }
body.room-primary-layout .playable-demo-row { grid-template-columns: 1fr; gap: 16px; padding: 18px; }
body.room-primary-layout .playable-demo-row > div:first-child > span { font: 600 12px/1.4 var(--ui) !important; letter-spacing: .08em; color: #d1c795 !important; }
body.room-primary-layout .playable-demo-row h3 { font: 400 24px/1.2 Georgia,serif !important; margin-top: 8px; text-transform: none; }
body.room-primary-layout .playable-demo-row p { font: 400 14px/1.5 var(--ui) !important; color: #c3c9be !important; margin-top: 7px; }
body.room-primary-layout .playable-demo-actions { justify-content: start; gap: 8px; }
body.room-primary-layout :is(.playable-demo-actions a,.playable-demo-actions button,.game-demo-release-page) { font: 600 14px/1.4 var(--ui) !important; min-height: 44px; padding: 12px 14px; letter-spacing: 0; text-transform: none; }
body.room-primary-layout .playable-demo-actions :is(a,button) { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
body.room-primary-layout .game-demo-os-button span { font: 600 18px/1.4 var(--ui) !important; }
body.room-primary-layout .game-demo-os-button small { font: 400 14px/1.5 var(--ui) !important; color: #d1d4c8 !important; }
body.room-primary-layout :is(.playable-demos-panel,.game-demo-dialog-panel) header button { min-width: 44px; min-height: 44px; flex-shrink: 0; }
body.room-primary-layout .game-release-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; align-items: center; }
body.room-primary-layout .game-release-actions :is(button,a) { margin-top: 0; min-height: 48px; padding: 13px 18px; font: 600 16px/1.4 var(--ui); border: 1px solid #7e969d; background: #314a56; color: #efe1bc; text-decoration: none; cursor: pointer; }
body.room-primary-layout .game-release-actions [data-game-download] { background: #c5b17b; color: #111e26; border-color: #ded0aa; }
body.room-primary-layout .game-demo-release-page { display: inline-block; color: #e0cca0; }
body.room-primary-layout .archive-footer nav button { font: inherit; color: inherit; background: transparent; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
body.room-primary-layout .demo-download-section.is-pending { padding: 18px !important; }
body.room-primary-layout .demo-download-section.is-pending .demo-download-heading { flex-direction: column; align-items: flex-start; gap: 8px; }
body.room-primary-layout .demo-download-section.is-pending .demo-download-heading h3 { font-size: 24px !important; }
body.room-primary-layout .demo-download-section.is-pending .demo-download-status { margin: 10px 0 0; }
@media(max-width:520px) {
 body.room-primary-layout :is(.playable-demos-panel,.game-demo-dialog-panel) { padding: 16px !important; }
 body.room-primary-layout .playable-demo-row { padding: 14px; }
 body.room-primary-layout .game-release-actions :is(button,a) { width: 100%; text-align: center; }
}