:root{--bg:#0b0b0f;--bg2:#101018;--ink:#d8d4c8;--dim:#8f8a7c;--gold:#c2a15c;
 --line:#26242e;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
 font-weight:300;line-height:1.75;font-size:17px;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(ellipse 80% 60% at 50% -10%,#1a1a2622,transparent),
 radial-gradient(ellipse at 50% 120%,#00000066,transparent);}
main{position:relative;z-index:1;min-height:60vh}
a{color:var(--gold);text-decoration:none}
a:hover{color:#e4c47e}

header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;
 padding:16px 32px;background:#0b0b0fe8;backdrop-filter:blur(10px);
 border-bottom:1px solid var(--line);}
.brand{font-family:var(--serif);font-size:1.5em;letter-spacing:2px;color:var(--ink);
 white-space:nowrap;}
.brand span{color:var(--dim);font-style:italic;font-size:.7em;letter-spacing:1px}
nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
nav a{color:var(--dim);font-size:.76em;letter-spacing:1.8px;text-transform:uppercase;
 padding:4px 0;border-bottom:1px solid transparent;transition:.2s}
nav a:hover{color:var(--ink)}
nav a.on{color:var(--gold);border-bottom-color:var(--gold)}
#menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);
 color:var(--ink);font-size:1.2em;padding:4px 12px;border-radius:4px;cursor:pointer}
@media(max-width:960px){
 #menu{display:block}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0d0d13f5;
  flex-direction:column;gap:0;padding:10px 32px 20px;border-bottom:1px solid var(--line)}
 nav.open{display:flex}
 nav a{padding:10px 0;border-bottom:1px solid #1a1922}}

.hero{position:relative;min-height:82vh;display:flex;align-items:center;
 justify-content:center;text-align:center;overflow:hidden;}
.hero img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 opacity:.45;filter:saturate(.7) contrast(1.05);}
.hero::after{content:'';position:absolute;inset:0;
 background:linear-gradient(#0b0b0f66 0%,#0b0b0f22 40%,var(--bg) 98%);}
.hero-inner{position:relative;z-index:2;padding:60px 24px;max-width:820px}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.6em,6vw,4.6em);
 letter-spacing:2px;margin:0 0 14px;color:#efeadb;text-shadow:0 2px 30px #000;}
.tagline{font-family:var(--serif);font-style:italic;font-size:1.35em;color:#bfb8a4;
 letter-spacing:1px;margin-bottom:38px;}
.btn{display:inline-block;padding:13px 34px;border:1px solid var(--gold);color:var(--gold);
 letter-spacing:3px;text-transform:uppercase;font-size:.78em;transition:.25s;background:#0b0b0f66}
.btn:hover{background:var(--gold);color:#0b0b0f}

.section{max-width:1100px;margin:0 auto;padding:80px 24px}
.section.narrow{max-width:760px}
h2{font-family:var(--serif);font-weight:600;font-size:2.2em;letter-spacing:1.5px;
 color:#e8e2d2;margin:0 0 10px}
.sub{color:var(--dim);font-style:italic;font-family:var(--serif);font-size:1.15em;
 margin-bottom:36px}
.rule{width:64px;height:1px;background:var(--gold);margin:18px 0 32px;opacity:.7}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.card{background:var(--bg2);border:1px solid var(--line);display:flex;
 flex-direction:column;transition:.25s;overflow:hidden}
.card:hover{border-color:#3d3a48;transform:translateY(-3px)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8)}
.card .pad{padding:22px 24px 26px}
.card h3{font-family:var(--serif);font-size:1.5em;font-weight:600;margin:0 0 6px;
 color:#e8e2d2;letter-spacing:.5px}
.card .meta{font-size:.72em;letter-spacing:2px;text-transform:uppercase;color:var(--dim);
 margin-bottom:12px}
.card p{margin:0 0 16px;color:#b5b0a2;font-size:.93em}
.card a.more{font-size:.78em;letter-spacing:2px;text-transform:uppercase}

.prose{max-width:720px;margin:0 auto}
.prose p{margin:0 0 1.4em;color:#c9c4b6}
.prose h2{font-size:1.7em;margin-top:2em}
.prose h3,.prose h4{font-family:var(--serif);color:#e0dac9;letter-spacing:1px;margin-top:2em}
.prose blockquote{border-left:2px solid var(--gold);margin:1.6em 0;padding:.2em 0 .2em 1.4em;
 font-family:var(--serif);font-style:italic;font-size:1.12em;color:#bfb8a4}
.prose img{max-width:100%}
.prose strong{color:#e4dfd0;font-weight:500}
.prose em{color:#cfc9b8}
.cover{width:100%;max-height:440px;object-fit:cover;margin-bottom:44px;
 filter:saturate(.8);border:1px solid var(--line)}
.byline{font-size:.75em;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);
 margin-bottom:8px}

.notice{border:1px dashed #4a4436;background:#14120c;padding:16px 22px;color:#a89e82;
 font-size:.88em;margin:2.5em 0}

form{display:grid;gap:18px;max-width:560px}
label{font-size:.75em;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}
input,textarea{width:100%;background:#101018;border:1px solid var(--line);color:var(--ink);
 padding:13px 16px;font-family:var(--sans);font-size:1em;border-radius:2px}
input:focus,textarea:focus{outline:none;border-color:var(--gold)}
button[type=submit]{justify-self:start;cursor:pointer;font-family:var(--sans)}

footer{border-top:1px solid var(--line);margin-top:60px;position:relative;z-index:1}
.foot-inner{max-width:1100px;margin:0 auto;padding:48px 24px;text-align:center}
.foot-brand{font-family:var(--serif);font-size:1.3em;letter-spacing:2px;color:#cfc9b8}
.foot-tag{font-family:var(--serif);font-style:italic;color:var(--dim);margin:6px 0 18px}
.foot-copy{font-size:.75em;letter-spacing:1.5px;color:#5d5950}

.coming{min-height:46vh;display:flex;flex-direction:column;align-items:center;
 justify-content:center;text-align:center;padding:60px 24px}
.coming h2{font-size:2.6em}
.coming p{color:var(--dim);max-width:480px}

/* ── From Mind & Machine: CTAs ── */
.cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:34px 0 6px}
.cta-row .btn{background:#0b0b0f66}
.cta-row .btn.solid{background:var(--gold);color:#0b0b0f}
.cta-row .btn.solid:hover{background:#e4c47e}

/* ── Submission form ── */
.subform{max-width:680px;margin:0 auto}
.subform .fields{display:grid;gap:20px}
.subform .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){.subform .row2{grid-template-columns:1fr}}
.subform label{display:block;font-size:.72em;letter-spacing:2px;text-transform:uppercase;
 color:var(--dim);margin-bottom:7px}
.subform label .req{color:var(--gold)}
.subform input,.subform textarea,.subform select{width:100%;background:#101018;
 border:1px solid var(--line);color:var(--ink);padding:12px 15px;font-family:var(--sans);
 font-size:1em;border-radius:2px}
.subform select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);
 background-position:calc(100% - 20px) center,calc(100% - 14px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}
.subform input:focus,.subform textarea:focus,.subform select:focus{outline:none;border-color:var(--gold)}
.subform input[type=file]{padding:11px 15px;cursor:pointer;font-size:.9em;color:var(--dim)}
.subform input[type=file]::file-selector-button{background:#1a1a24;border:1px solid var(--line);
 color:var(--ink);padding:8px 16px;margin-right:14px;border-radius:2px;cursor:pointer;font-family:var(--sans)}
.field-help{font-size:.8em;color:var(--dim);margin:7px 0 0;font-style:italic;font-family:var(--serif)}
fieldset.agree{border:1px solid var(--line);background:#0e0e14;border-radius:2px;
 padding:22px 24px;margin:8px 0 0}
fieldset.agree legend{font-family:var(--serif);font-style:italic;color:#cfc9b8;padding:0 10px;font-size:1.05em}
.check{display:flex;gap:12px;align-items:flex-start;margin:0 0 15px;color:#b5b0a2;font-size:.9em}
.check:last-child{margin-bottom:0}
.check input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:3px;accent-color:var(--gold);cursor:pointer}
.check label{text-transform:none;letter-spacing:0;font-size:1em;color:#b5b0a2;margin:0;cursor:pointer}
.subform .btn{margin-top:6px}
.rules-recap{border:1px dashed #4a4436;background:#14120c;padding:18px 22px;border-radius:2px;
 color:#a89e82;font-size:.86em;margin:0 0 34px}
.rules-recap strong{color:#d8cfa8}
.rules-recap ul{margin:10px 0 0;padding-left:20px}
.rules-recap li{margin:5px 0}

/* ── Magazine reader ── */
.issue-hero{text-align:center;margin-bottom:20px}
.toc{max-width:720px;margin:0 auto;list-style:none;padding:0}
.toc li{border-top:1px solid var(--line);padding:26px 4px}
.toc li:last-child{border-bottom:1px solid var(--line)}
.toc .t-genre{font-size:.68em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.toc h3{font-family:var(--serif);font-size:1.55em;font-weight:600;margin:0 0 4px;color:#e8e2d2}
.toc h3 a{color:#e8e2d2}
.toc h3 a:hover{color:var(--gold)}
.toc .t-author{font-family:var(--serif);font-style:italic;color:var(--dim);margin:0 0 10px}
.toc p{margin:0 0 12px;color:#b5b0a2;font-size:.92em}
.story-meta{text-align:center;margin-bottom:30px}
.story-meta .s-genre{font-size:.7em;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.story-meta .s-author{font-family:var(--serif);font-style:italic;font-size:1.25em;color:#bfb8a4;margin-top:8px}
.story-nav{display:flex;justify-content:space-between;gap:16px;margin:48px 0 0;
 border-top:1px solid var(--line);padding-top:24px;font-size:.78em;letter-spacing:2px;text-transform:uppercase}
.process-box{border:1px solid var(--line);background:#0e0e14;border-radius:2px;padding:26px 28px;margin:44px 0}
.process-box .pb-label{font-size:.7em;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.process-box p{color:#b5b0a2;font-size:.93em;margin:0 0 12px}
.author-bio{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--line);
 margin-top:40px;padding-top:28px}
.author-bio .ab-text h4{font-family:var(--serif);color:#e0dac9;margin:0 0 8px;font-size:1.2em}
.author-bio .ab-text p{color:#b5b0a2;font-size:.9em;margin:0}
.print-slot{border:1px solid var(--gold);background:#0b0b0f66;border-radius:2px;
 padding:26px 28px;margin:40px auto;max-width:720px;text-align:center}
.print-slot h4{font-family:var(--serif);color:#e8e2d2;font-size:1.35em;margin:0 0 8px}
.print-slot p{color:var(--dim);font-size:.9em;margin:0 0 16px}
.print-slot .btn.disabled{opacity:.5;pointer-events:none;border-style:dashed}

/* ── Shop grid (rows) ── */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:760px;margin:0 auto}
.shop-card{background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}
.shop-card:hover{border-color:#3d3a48;transform:translateY(-3px)}
.shop-cover{background:#0b0b0f;padding:26px 26px 20px;text-align:center}
.shop-cover img{max-height:300px;max-width:100%;box-shadow:0 10px 34px #000a}
.shop-card .pad{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.shop-card h3{font-family:var(--serif);font-size:1.4em;font-weight:600;margin:0 0 6px;color:#e8e2d2}
.shop-card .fmt{font-size:.72em;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.shop-card .price{font-family:var(--serif);font-size:1.6em;color:var(--gold);margin-bottom:2px}
.shop-card .price .free{display:block;font-family:var(--sans);font-size:.42em;letter-spacing:1.5px;text-transform:uppercase;color:#8fb87a;margin-top:5px}
.shop-card .desc{color:#b5b0a2;font-size:.92em;margin:12px 0 18px;flex:1}
.shop-card .btn{align-self:flex-start}
.shop-note{text-align:center;font-size:.8em;color:var(--dim);margin-top:30px;font-style:italic;font-family:var(--serif)}

/* ── Live Stream nav tab + light ── */
.live-link{white-space:nowrap}
.live-link .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c0392b;
  margin-left:5px;vertical-align:middle;box-shadow:0 0 4px #c0392b}
.live-link .live-dot.live{background:#4fd06a;box-shadow:0 0 8px 1px #4fd06a;animation:navpulse 1.6s infinite}
@keyframes navpulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── Flip reader (shared: book + script) ── */
.book-stage{padding:56px 12px 44px;display:flex;flex-direction:column;align-items:center;gap:18px}
.book-title{font-family:var(--serif);color:#e8e2d2;font-size:1.5em;letter-spacing:1px;text-align:center;margin:0}
.book-title small{display:block;color:var(--dim);font-size:.5em;letter-spacing:3px;text-transform:uppercase;margin-top:6px}
#book-wrap{width:100%;max-width:1060px;overflow:hidden}
#book{margin:0 auto;min-height:300px}
.page{background:#efe6d2;color:#2c2418;overflow:hidden}
.page-inner{position:absolute;inset:0;padding:44px 40px}
.page .folio{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:'EB Garamond',serif;font-size:12.5px;color:#8a7a5c;font-style:italic}
.page-cover{background:#160f09;overflow:hidden}
.page-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.page-cover.cover-plain{background:#e7ddc2;display:flex;align-items:center;justify-content:center}
.page-cover .cover-end{font-family:var(--serif);color:#6a5a38;font-style:italic;font-size:2em}
.rc-book{font-family:'EB Garamond',Georgia,serif;font-size:18px;line-height:1.6;color:#33291b}
.rc-book p{margin:0 0 .8em;text-align:justify;hyphens:auto}
.rc-book h2{font-family:'Cormorant Garamond',var(--serif);text-align:center;color:#6a4e1f;letter-spacing:3px;text-transform:uppercase;font-size:1.28em;margin:.2em 0 .1em}
.rc-book .chtitle{text-align:center;font-style:italic;color:#7a5a2a;margin:.1em 0 1em;font-size:1.12em}
.rc-book .chtitle+p::first-letter{font-family:var(--serif);float:left;font-size:3em;line-height:.8;padding:.02em .1em 0 0;color:#6a4e1f}
.rc-book .brk{text-align:center;color:#8a6a34;letter-spacing:6px;margin:1.1em 0}
.rc-script{font-family:'Courier Prime','Courier New',monospace;font-size:14.5px;line-height:1.5;color:#2a2620}
.rc-script p{margin:0 0 .62em;text-align:left}
.rc-script strong{font-weight:700;letter-spacing:1px}
.rc-script em{font-style:italic;color:#4a443a}
.rc-script h2{text-align:center;font-weight:700;letter-spacing:2px;margin:.4em 0;font-size:1.05em}
.book-controls{display:flex;align-items:center;gap:16px;color:var(--dim);flex-wrap:wrap;justify-content:center}
.book-controls button{background:#0b0b0f66;border:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:.72em;letter-spacing:2px;text-transform:uppercase;padding:9px 18px;border-radius:3px;cursor:pointer}
.book-controls button:hover{border-color:var(--gold);color:var(--gold)}
.book-controls .pageno{font-size:.78em;letter-spacing:1px;min-width:130px;text-align:center}
.book-controls input{width:66px;background:#101018;border:1px solid var(--line);color:var(--ink);padding:8px 9px;border-radius:3px;font-family:var(--sans)}
#measurer{position:fixed;left:-99999px;top:0;overflow:hidden}
.book-loading{color:var(--dim);font-family:var(--serif);font-style:italic;font-size:1.1em;padding:60px;text-align:center}

/* ── Writing shelf (cover gallery) ── */
.shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;max-width:1000px;margin:4px auto 0}
.shelf-item{width:320px;max-width:86vw;text-align:center}
.shelf-cover{display:inline-block;position:relative;cursor:pointer;border-radius:3px;overflow:hidden;
  box-shadow:0 18px 44px #000a;transition:transform .3s ease, box-shadow .3s ease}
.shelf-cover img{height:min(340px,40vh);width:auto;max-width:100%;display:block}
.shelf-cover:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 28px 66px #000c,0 0 42px #c8a24f22}
.shelf-cover::after{content:"Open ▸";position:absolute;left:0;right:0;bottom:0;padding:16px 0;
  background:linear-gradient(transparent,#000d);color:var(--gold);letter-spacing:3px;text-transform:uppercase;
  font-size:.72em;opacity:0;transition:opacity .3s}
.shelf-cover:hover::after{opacity:1}
.shelf-item h3{font-family:var(--serif);font-size:1.42em;color:#e8e2d2;margin:14px 0 4px}
.shelf-item .meta{font-size:.68em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
.shelf-item p{color:#b5b0a2;font-size:.88em;line-height:1.55;margin:0}
body.fading main{opacity:0;transition:opacity .36s ease}

/* ── Audiodivergent: VHS flip shelf ── */
.vhs-shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:52px;max-width:1040px;margin:8px auto 0}
.vhs{width:300px;max-width:84vw;text-align:center}
.vhs-flip{position:relative;width:100%;perspective:1500px;cursor:pointer}
.vhs-inner{position:relative;width:100%;aspect-ratio:1050/1498;transition:transform .7s cubic-bezier(.4,.15,.2,1);transform-style:preserve-3d}
.vhs.flipped .vhs-inner{transform:rotateY(180deg)}
.vhs-face{position:absolute;inset:0;border-radius:3px;overflow:hidden;box-shadow:0 18px 44px #000a;backface-visibility:hidden;background:#0a0d12}
.vhs-front img{width:100%;height:100%;object-fit:cover;display:block}
.vhs-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}
.vhs-back img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.vhs-flip::after{content:"Flip ⟳";position:absolute;top:10px;right:10px;background:#000000b0;color:var(--gold);font-size:.6em;letter-spacing:2px;text-transform:uppercase;padding:5px 9px;border-radius:3px;opacity:0;transition:.3s;z-index:3}
.vhs-flip:hover::after{opacity:1}
.vhs h3{font-family:var(--serif);font-size:1.4em;color:#e8e2d2;margin:16px 0 4px}
.vhs .meta{font-size:.65em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.vhs-btns{display:flex;gap:12px;justify-content:center}
.vhs-btns button{background:#0b0b0f66;border:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:.72em;letter-spacing:2px;text-transform:uppercase;padding:9px 16px;border-radius:3px;cursor:pointer}
.vhs-btns button:hover{border-color:var(--gold);color:var(--gold)}
.vhs-btns button.play{border-color:var(--gold);color:var(--gold)}
.vhs-btns button.play:hover{background:var(--gold);color:#0b0b0f}

/* ── Audiodivergent: 90s room + CRT TV + VCR ── */
.room{position:relative;min-height:calc(100vh - 60px);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 14px 40px}
.room .wall{position:absolute;left:0;right:0;top:0;height:66%;z-index:0;background:repeating-linear-gradient(90deg,#4a3623 0 44px,#3d2c1c 44px 46px,#553d28 46px 90px,#3d2c1c 90px 92px);box-shadow:inset 0 -60px 80px #00000066,inset 0 8px 0 #00000044}
.room .floor{position:absolute;left:0;right:0;bottom:0;top:66%;z-index:0;background:radial-gradient(ellipse 90% 130% at 50% -12%,#7a5a36,#382818 72%)}
.room .glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 55% 52% at 50% 46%,#ffd9a02e,transparent 62%)}
.room .frame{position:absolute;z-index:1;top:6%;left:7%;width:110px;height:140px;background:#241a12;border:7px solid #5a4026;box-shadow:0 10px 24px #0007;transform:rotate(-1.5deg)}
.room .frame::after{content:'';position:absolute;inset:7px;background:radial-gradient(#3a4a55,#161f26);opacity:.75}
.room .plant{position:absolute;z-index:1;right:6%;bottom:9%;width:70px;height:120px}
.room .plant .pot{position:absolute;bottom:0;left:14px;width:44px;height:42px;background:linear-gradient(#7a4a2a,#552f16);border-radius:5px 5px 9px 9px}
.room .plant .leaf{position:absolute;bottom:34px;left:31px;width:10px;height:74px;background:linear-gradient(#456a3c,#2c4a28);border-radius:50% 50% 40% 40%;transform-origin:bottom}
.room .plant .leaf:nth-child(2){transform:rotate(30deg)}
.room .plant .leaf:nth-child(3){transform:rotate(-30deg)}
.room .plant .leaf:nth-child(4){transform:rotate(13deg)}
.room .plant .leaf:nth-child(5){transform:rotate(-13deg)}
.console{position:relative;z-index:2;width:min(540px,94vw)}
.tv{background:linear-gradient(#2c2721,#191510);border-radius:22px;padding:20px 20px 14px;box-shadow:0 30px 62px #000a,inset 0 2px 0 #ffffff14;border:1px solid #3a342b}
.tv-screen{position:relative;aspect-ratio:4/3;background:#04060a;border-radius:16px/22px;overflow:hidden;box-shadow:inset 0 0 70px #000e,inset 0 0 0 4px #000}
.tv-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-scan{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000026 2px 3px)}
.tv-glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 55% 38% at 32% 18%,#ffffff14,transparent 58%)}
.tv-static{position:absolute;inset:0;z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0c0c0c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:vhsflick .18s steps(3) infinite}
@keyframes vhsflick{0%{background-position:0 0}50%{background-position:8px -6px}100%{background-position:-6px 5px}}
.tv-static .press{position:relative;z-index:2;color:#eee;font-family:var(--sans);letter-spacing:4px;font-size:1em;text-transform:uppercase;background:#000000bb;border:1px solid #ffffff44;padding:13px 22px;border-radius:4px;text-shadow:0 0 8px #000}
.tv-brand{text-align:center;color:#8a7f70;font-family:var(--sans);font-size:.58em;letter-spacing:4px;margin-top:8px}
.vcr{margin-top:14px;background:linear-gradient(#2a2621,#141210);border:1px solid #3a342b;border-radius:9px;padding:14px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 16px 34px #0009,inset 0 1px 0 #ffffff12}
.vcr .led{width:9px;height:9px;border-radius:50%;background:#e0432c;box-shadow:0 0 9px #e0432c;flex:none}
.vcr .clock{font-family:'Courier New',monospace;color:#5fd4e4;letter-spacing:3px;font-size:1.05em;text-shadow:0 0 8px #5fd4e4aa;animation:vcrblink 1.5s steps(2,end) infinite;flex:none}
.vcr .slot{flex:1;height:15px;background:#080808;border-radius:3px;box-shadow:inset 0 2px 6px #000,inset 0 -1px 0 #ffffff08}
.vcr .btns{display:flex;gap:6px;flex:none}
.vcr .btns i{width:18px;height:9px;background:#3c362d;border-radius:2px;box-shadow:inset 0 1px 0 #ffffff14;display:block}
@keyframes vcrblink{0%,55%{opacity:1}56%,100%{opacity:.2}}
.room-bar{position:relative;z-index:3;margin-top:24px;text-align:center}
.room-bar .t{font-family:var(--serif);color:#e8e2d2;font-size:1.3em;letter-spacing:1px}
.room-bar .t small{display:block;color:#c9b98f;font-size:.5em;letter-spacing:3px;text-transform:uppercase;margin-top:5px}
.room-back{position:absolute;z-index:6;top:14px;left:16px;font-size:.74em;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}

/* ── Audiodivergent room: generated scene image + video-on-screen ── */
.room2-wrap{text-align:center;padding:14px 8px 34px}
.room-img{position:relative;display:inline-block;max-width:100%;line-height:0}
.room-img .scene{display:block;max-width:100%;max-height:calc(100vh - 92px);width:auto;height:auto;border-radius:2px}
.room-img .screen{position:absolute;left:32.9%;top:35.4%;width:34.6%;height:32.2%;overflow:hidden;background:#000}
.room-img .screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}