.legacy{--bg:#0b0b0f;--bg2:#101018;--ink:#d8d4c8;--dim:#8f8a7c;--gold:#c2a15c;--line:#26242e;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;
position:relative;z-index:1;min-height:70vh;padding-top:96px;color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.75;font-size:17px}
.legacy a{color:var(--gold)}.legacy a:hover{color:#e4c47e}
:where(.legacy) a{color:var(--gold);text-decoration:none}
:where(.legacy) a:hover{color:#e4c47e}
:where(.legacy) .hero{position:relative;min-height:82vh;display:flex;align-items:center;
 justify-content:center;text-align:center;overflow:hidden;}
:where(.legacy) .hero img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 opacity:.45;filter:saturate(.7) contrast(1.05);}
:where(.legacy) .hero::after{content:'';position:absolute;inset:0;
 background:linear-gradient(#0b0b0f66 0%,#0b0b0f22 40%,var(--bg) 98%);}
:where(.legacy) .hero-inner{position:relative;z-index:2;padding:60px 24px;max-width:820px}
:where(.legacy) 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;}
:where(.legacy) .tagline{font-family:var(--serif);font-style:italic;font-size:1.35em;color:#bfb8a4;
 letter-spacing:1px;margin-bottom:38px;}
:where(.legacy) .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}
:where(.legacy) .btn:hover{background:var(--gold);color:#0b0b0f}
:where(.legacy) .section{max-width:1100px;margin:0 auto;padding:80px 24px}
:where(.legacy) .section.narrow{max-width:760px}
:where(.legacy) h2{font-family:var(--serif);font-weight:600;font-size:2.2em;letter-spacing:1.5px;
 color:#e8e2d2;margin:0 0 10px}
:where(.legacy) .sub{color:var(--dim);font-style:italic;font-family:var(--serif);font-size:1.15em;
 margin-bottom:36px}
:where(.legacy) .rule{width:64px;height:1px;background:var(--gold);margin:18px 0 32px;opacity:.7}
:where(.legacy) .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
:where(.legacy) .card{background:var(--bg2);border:1px solid var(--line);display:flex;
 flex-direction:column;transition:.25s;overflow:hidden}
:where(.legacy) .card:hover{border-color:#3d3a48;transform:translateY(-3px)}
:where(.legacy) .card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8)}
:where(.legacy) .card .pad{padding:22px 24px 26px}
:where(.legacy) .card h3{font-family:var(--serif);font-size:1.5em;font-weight:600;margin:0 0 6px;
 color:#e8e2d2;letter-spacing:.5px}
:where(.legacy) .card .meta{font-size:.72em;letter-spacing:2px;text-transform:uppercase;color:var(--dim);
 margin-bottom:12px}
:where(.legacy) .card p{margin:0 0 16px;color:#b5b0a2;font-size:.93em}
:where(.legacy) .card a.more{font-size:.78em;letter-spacing:2px;text-transform:uppercase}
:where(.legacy) .prose{max-width:720px;margin:0 auto}
:where(.legacy) .prose p{margin:0 0 1.4em;color:#c9c4b6}
:where(.legacy) .prose h2{font-size:1.7em;margin-top:2em}
:where(.legacy) .prose h3,:where(.legacy) .prose h4{font-family:var(--serif);color:#e0dac9;letter-spacing:1px;margin-top:2em}
:where(.legacy) .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}
:where(.legacy) .prose img{max-width:100%}
:where(.legacy) .prose strong{color:#e4dfd0;font-weight:500}
:where(.legacy) .prose em{color:#cfc9b8}
:where(.legacy) .cover{width:100%;max-height:440px;object-fit:cover;margin-bottom:44px;
 filter:saturate(.8);border:1px solid var(--line)}
:where(.legacy) .byline{font-size:.75em;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim);
 margin-bottom:8px}
:where(.legacy) .notice{border:1px dashed #4a4436;background:#14120c;padding:16px 22px;color:#a89e82;
 font-size:.88em;margin:2.5em 0}
:where(.legacy) form{display:grid;gap:18px;max-width:560px}
:where(.legacy) label{font-size:.75em;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}
:where(.legacy) input,:where(.legacy) 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}
:where(.legacy) input:focus,:where(.legacy) textarea:focus{outline:none;border-color:var(--gold)}
:where(.legacy) button[type=submit]{justify-self:start;cursor:pointer;font-family:var(--sans)}
:where(.legacy) .coming{min-height:46vh;display:flex;flex-direction:column;align-items:center;
 justify-content:center;text-align:center;padding:60px 24px}
:where(.legacy) .coming h2{font-size:2.6em}
:where(.legacy) .coming p{color:var(--dim);max-width:480px}
:where(.legacy) .cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:34px 0 6px}
:where(.legacy) .cta-row .btn{background:#0b0b0f66}
:where(.legacy) .cta-row .btn.solid{background:var(--gold);color:#0b0b0f}
:where(.legacy) .cta-row .btn.solid:hover{background:#e4c47e}
:where(.legacy) .subform{max-width:680px;margin:0 auto}
:where(.legacy) .subform .fields{display:grid;gap:20px}
:where(.legacy) .subform .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){:where(.legacy) .subform .row2{grid-template-columns:1fr}}
:where(.legacy) .subform label{display:block;font-size:.72em;letter-spacing:2px;text-transform:uppercase;
 color:var(--dim);margin-bottom:7px}
:where(.legacy) .subform label .req{color:var(--gold)}
:where(.legacy) .subform input,:where(.legacy) .subform textarea,:where(.legacy) .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}
:where(.legacy) .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}
:where(.legacy) .subform input:focus,:where(.legacy) .subform textarea:focus,:where(.legacy) .subform select:focus{outline:none;border-color:var(--gold)}
:where(.legacy) .subform input[type=file]{padding:11px 15px;cursor:pointer;font-size:.9em;color:var(--dim)}
:where(.legacy) .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)}
:where(.legacy) .field-help{font-size:.8em;color:var(--dim);margin:7px 0 0;font-style:italic;font-family:var(--serif)}
:where(.legacy) fieldset.agree{border:1px solid var(--line);background:#0e0e14;border-radius:2px;
 padding:22px 24px;margin:8px 0 0}
:where(.legacy) fieldset.agree legend{font-family:var(--serif);font-style:italic;color:#cfc9b8;padding:0 10px;font-size:1.05em}
:where(.legacy) .check{display:flex;gap:12px;align-items:flex-start;margin:0 0 15px;color:#b5b0a2;font-size:.9em}
:where(.legacy) .check:last-child{margin-bottom:0}
:where(.legacy) .check input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:3px;accent-color:var(--gold);cursor:pointer}
:where(.legacy) .check label{text-transform:none;letter-spacing:0;font-size:1em;color:#b5b0a2;margin:0;cursor:pointer}
:where(.legacy) .subform .btn{margin-top:6px}
:where(.legacy) .rules-recap{border:1px dashed #4a4436;background:#14120c;padding:18px 22px;border-radius:2px;
 color:#a89e82;font-size:.86em;margin:0 0 34px}
:where(.legacy) .rules-recap strong{color:#d8cfa8}
:where(.legacy) .rules-recap ul{margin:10px 0 0;padding-left:20px}
:where(.legacy) .rules-recap li{margin:5px 0}
:where(.legacy) .issue-hero{text-align:center;margin-bottom:20px}
:where(.legacy) .toc{max-width:720px;margin:0 auto;list-style:none;padding:0}
:where(.legacy) .toc li{border-top:1px solid var(--line);padding:26px 4px}
:where(.legacy) .toc li:last-child{border-bottom:1px solid var(--line)}
:where(.legacy) .toc .t-genre{font-size:.68em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
:where(.legacy) .toc h3{font-family:var(--serif);font-size:1.55em;font-weight:600;margin:0 0 4px;color:#e8e2d2}
:where(.legacy) .toc h3 a{color:#e8e2d2}
:where(.legacy) .toc h3 a:hover{color:var(--gold)}
:where(.legacy) .toc .t-author{font-family:var(--serif);font-style:italic;color:var(--dim);margin:0 0 10px}
:where(.legacy) .toc p{margin:0 0 12px;color:#b5b0a2;font-size:.92em}
:where(.legacy) .story-meta{text-align:center;margin-bottom:30px}
:where(.legacy) .story-meta .s-genre{font-size:.7em;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
:where(.legacy) .story-meta .s-author{font-family:var(--serif);font-style:italic;font-size:1.25em;color:#bfb8a4;margin-top:8px}
:where(.legacy) .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}
:where(.legacy) .process-box{border:1px solid var(--line);background:#0e0e14;border-radius:2px;padding:26px 28px;margin:44px 0}
:where(.legacy) .process-box .pb-label{font-size:.7em;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
:where(.legacy) .process-box p{color:#b5b0a2;font-size:.93em;margin:0 0 12px}
:where(.legacy) .author-bio{display:flex;gap:20px;align-items:flex-start;border-top:1px solid var(--line);
 margin-top:40px;padding-top:28px}
:where(.legacy) .author-bio .ab-text h4{font-family:var(--serif);color:#e0dac9;margin:0 0 8px;font-size:1.2em}
:where(.legacy) .author-bio .ab-text p{color:#b5b0a2;font-size:.9em;margin:0}
:where(.legacy) .print-slot{border:1px solid var(--gold);background:#0b0b0f66;border-radius:2px;
 padding:26px 28px;margin:40px auto;max-width:720px;text-align:center}
:where(.legacy) .print-slot h4{font-family:var(--serif);color:#e8e2d2;font-size:1.35em;margin:0 0 8px}
:where(.legacy) .print-slot p{color:var(--dim);font-size:.9em;margin:0 0 16px}
:where(.legacy) .print-slot .btn.disabled{opacity:.5;pointer-events:none;border-style:dashed}
:where(.legacy) .shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:760px;margin:0 auto}
:where(.legacy) .shop-card{background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}
:where(.legacy) .shop-card:hover{border-color:#3d3a48;transform:translateY(-3px)}
:where(.legacy) .shop-cover{background:#0b0b0f;padding:26px 26px 20px;text-align:center}
:where(.legacy) .shop-cover img{max-height:300px;max-width:100%;box-shadow:0 10px 34px #000a}
:where(.legacy) .shop-card .pad{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
:where(.legacy) .shop-card h3{font-family:var(--serif);font-size:1.4em;font-weight:600;margin:0 0 6px;color:#e8e2d2}
:where(.legacy) .shop-card .fmt{font-size:.72em;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
:where(.legacy) .shop-card .price{font-family:var(--serif);font-size:1.6em;color:var(--gold);margin-bottom:2px}
:where(.legacy) .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}
:where(.legacy) .shop-card .desc{color:#b5b0a2;font-size:.92em;margin:12px 0 18px;flex:1}
:where(.legacy) .shop-card .btn{align-self:flex-start}
:where(.legacy) .shop-note{text-align:center;font-size:.8em;color:var(--dim);margin-top:30px;font-style:italic;font-family:var(--serif)}
@keyframes navpulse{0%,100%{opacity:1}50%{opacity:.5}}
:where(.legacy) .book-stage{padding:56px 12px 44px;display:flex;flex-direction:column;align-items:center;gap:18px}
:where(.legacy) .book-title{font-family:var(--serif);color:#e8e2d2;font-size:1.5em;letter-spacing:1px;text-align:center;margin:0}
:where(.legacy) .book-title small{display:block;color:var(--dim);font-size:.5em;letter-spacing:3px;text-transform:uppercase;margin-top:6px}
:where(.legacy) #book-wrap{width:100%;max-width:1060px;overflow:hidden}
:where(.legacy) #book{margin:0 auto;min-height:300px}
:where(.legacy) .page{background:#efe6d2;color:#2c2418;overflow:hidden}
:where(.legacy) .page-inner{position:absolute;inset:0;padding:44px 40px}
:where(.legacy) .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}
:where(.legacy) .page-cover{background:#160f09;overflow:hidden}
:where(.legacy) .page-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
:where(.legacy) .page-cover.cover-plain{background:#e7ddc2;display:flex;align-items:center;justify-content:center}
:where(.legacy) .page-cover .cover-end{font-family:var(--serif);color:#6a5a38;font-style:italic;font-size:2em}
:where(.legacy) .rc-book{font-family:'EB Garamond',Georgia,serif;font-size:18px;line-height:1.6;color:#33291b}
:where(.legacy) .rc-book p{margin:0 0 .8em;text-align:justify;hyphens:auto}
:where(.legacy) .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}
:where(.legacy) .rc-book .chtitle{text-align:center;font-style:italic;color:#7a5a2a;margin:.1em 0 1em;font-size:1.12em}
:where(.legacy) .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}
:where(.legacy) .rc-book .brk{text-align:center;color:#8a6a34;letter-spacing:6px;margin:1.1em 0}
:where(.legacy) .rc-script{font-family:'Courier Prime','Courier New',monospace;font-size:14.5px;line-height:1.5;color:#2a2620}
:where(.legacy) .rc-script p{margin:0 0 .62em;text-align:left}
:where(.legacy) .rc-script strong{font-weight:700;letter-spacing:1px}
:where(.legacy) .rc-script em{font-style:italic;color:#4a443a}
:where(.legacy) .rc-script h2{text-align:center;font-weight:700;letter-spacing:2px;margin:.4em 0;font-size:1.05em}
:where(.legacy) .book-controls{display:flex;align-items:center;gap:16px;color:var(--dim);flex-wrap:wrap;justify-content:center}
:where(.legacy) .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}
:where(.legacy) .book-controls button:hover{border-color:var(--gold);color:var(--gold)}
:where(.legacy) .book-controls .pageno{font-size:.78em;letter-spacing:1px;min-width:130px;text-align:center}
:where(.legacy) .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)}
:where(.legacy) #measurer{position:fixed;left:-99999px;top:0;overflow:hidden}
:where(.legacy) .book-loading{color:var(--dim);font-family:var(--serif);font-style:italic;font-size:1.1em;padding:60px;text-align:center}
:where(.legacy) .shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;max-width:1000px;margin:4px auto 0}
:where(.legacy) .shelf-item{width:320px;max-width:86vw;text-align:center}
:where(.legacy) .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}
:where(.legacy) .shelf-cover img{height:min(340px,40vh);width:auto;max-width:100%;display:block}
:where(.legacy) .shelf-cover:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 28px 66px #000c,0 0 42px #c8a24f22}
:where(.legacy) .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}
:where(.legacy) .shelf-cover:hover::after{opacity:1}
:where(.legacy) .shelf-item h3{font-family:var(--serif);font-size:1.42em;color:#e8e2d2;margin:14px 0 4px}
:where(.legacy) .shelf-item .meta{font-size:.68em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
:where(.legacy) .shelf-item p{color:#b5b0a2;font-size:.88em;line-height:1.55;margin:0}
:where(.legacy) .vhs-shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:52px;max-width:1040px;margin:8px auto 0}
:where(.legacy) .vhs{width:300px;max-width:84vw;text-align:center}
:where(.legacy) .vhs-flip{position:relative;width:100%;perspective:1500px;cursor:pointer}
:where(.legacy) .vhs-inner{position:relative;width:100%;aspect-ratio:1050/1498;transition:transform .7s cubic-bezier(.4,.15,.2,1);transform-style:preserve-3d}
:where(.legacy) .vhs.flipped .vhs-inner{transform:rotateY(180deg)}
:where(.legacy) .vhs-face{position:absolute;inset:0;border-radius:3px;overflow:hidden;box-shadow:0 18px 44px #000a;backface-visibility:hidden;background:#0a0d12}
:where(.legacy) .vhs-front img{width:100%;height:100%;object-fit:cover;display:block}
:where(.legacy) .vhs-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}
:where(.legacy) .vhs-back img{max-width:100%;max-height:100%;object-fit:contain;display:block}
:where(.legacy) .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}
:where(.legacy) .vhs-flip:hover::after{opacity:1}
:where(.legacy) .vhs h3{font-family:var(--serif);font-size:1.4em;color:#e8e2d2;margin:16px 0 4px}
:where(.legacy) .vhs .meta{font-size:.65em;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
:where(.legacy) .vhs-btns{display:flex;gap:12px;justify-content:center}
:where(.legacy) .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}
:where(.legacy) .vhs-btns button:hover{border-color:var(--gold);color:var(--gold)}
:where(.legacy) .vhs-btns button.play{border-color:var(--gold);color:var(--gold)}
:where(.legacy) .vhs-btns button.play:hover{background:var(--gold);color:#0b0b0f}
:where(.legacy) .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}
:where(.legacy) .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}
:where(.legacy) .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%)}
:where(.legacy) .room .glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 55% 52% at 50% 46%,#ffd9a02e,transparent 62%)}
:where(.legacy) .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)}
:where(.legacy) .room .frame::after{content:'';position:absolute;inset:7px;background:radial-gradient(#3a4a55,#161f26);opacity:.75}
:where(.legacy) .room .plant{position:absolute;z-index:1;right:6%;bottom:9%;width:70px;height:120px}
:where(.legacy) .room .plant .pot{position:absolute;bottom:0;left:14px;width:44px;height:42px;background:linear-gradient(#7a4a2a,#552f16);border-radius:5px 5px 9px 9px}
:where(.legacy) .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}
:where(.legacy) .room .plant .leaf:nth-child(2){transform:rotate(30deg)}
:where(.legacy) .room .plant .leaf:nth-child(3){transform:rotate(-30deg)}
:where(.legacy) .room .plant .leaf:nth-child(4){transform:rotate(13deg)}
:where(.legacy) .room .plant .leaf:nth-child(5){transform:rotate(-13deg)}
:where(.legacy) .console{position:relative;z-index:2;width:min(540px,94vw)}
:where(.legacy) .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}
:where(.legacy) .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}
:where(.legacy) .tv-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:where(.legacy) .tv-scan{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000026 2px 3px)}
:where(.legacy) .tv-glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 55% 38% at 32% 18%,#ffffff14,transparent 58%)}
:where(.legacy) .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}}
:where(.legacy) .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}
:where(.legacy) .tv-brand{text-align:center;color:#8a7f70;font-family:var(--sans);font-size:.58em;letter-spacing:4px;margin-top:8px}
:where(.legacy) .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}
:where(.legacy) .vcr .led{width:9px;height:9px;border-radius:50%;background:#e0432c;box-shadow:0 0 9px #e0432c;flex:none}
:where(.legacy) .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}
:where(.legacy) .vcr .slot{flex:1;height:15px;background:#080808;border-radius:3px;box-shadow:inset 0 2px 6px #000,inset 0 -1px 0 #ffffff08}
:where(.legacy) .vcr .btns{display:flex;gap:6px;flex:none}
:where(.legacy) .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}}
:where(.legacy) .room-bar{position:relative;z-index:3;margin-top:24px;text-align:center}
:where(.legacy) .room-bar .t{font-family:var(--serif);color:#e8e2d2;font-size:1.3em;letter-spacing:1px}
:where(.legacy) .room-bar .t small{display:block;color:#c9b98f;font-size:.5em;letter-spacing:3px;text-transform:uppercase;margin-top:5px}
:where(.legacy) .room2-wrap{text-align:center;padding:14px 8px 34px}
:where(.legacy) .room-img{position:relative;display:inline-block;max-width:100%;line-height:0}
:where(.legacy) .room-img .scene{display:block;max-width:100%;max-height:calc(100vh - 92px);width:auto;height:auto;border-radius:2px}
:where(.legacy) .room-img .screen{position:absolute;left:32.9%;top:35.4%;width:34.6%;height:32.2%;overflow:hidden;background:#000}
:where(.legacy) .room-img .screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:where(.legacy) .comments{max-width:720px;margin:64px auto 0;padding-top:34px;border-top:1px solid var(--line)}
:where(.legacy) .cm-title{font-family:var(--serif);color:var(--gold);letter-spacing:4px;text-transform:uppercase;
  font-size:.86em;margin:0 0 26px;font-weight:400}
:where(.legacy) .cm-list{margin-bottom:38px}
:where(.legacy) .cm-empty{color:var(--dim);font-style:italic;font-family:var(--serif)}
:where(.legacy) .cm-item{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
:where(.legacy) .cm-item:last-child{border-bottom:0;margin-bottom:0}
:where(.legacy) .cm-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;flex-wrap:wrap}
:where(.legacy) .cm-name{color:#e0dac9;font-family:var(--serif);font-size:1.02em;letter-spacing:.5px}
:where(.legacy) .cm-when{color:var(--dim);font-size:.72em;letter-spacing:1.5px;text-transform:uppercase}
:where(.legacy) .cm-body p{margin:0 0 .8em;color:#c9c4b6;line-height:1.62}
:where(.legacy) .cm-body p:last-child{margin-bottom:0}
:where(.legacy) .cm-form{display:flex;flex-direction:column;gap:12px}
:where(.legacy) .cm-input{background:#0d0d12;border:1px solid var(--line);color:var(--ink);border-radius:3px;
  padding:11px 13px;font-family:var(--sans);font-size:.92em;width:100%;box-sizing:border-box}
:where(.legacy) .cm-input:focus{outline:none;border-color:var(--gold)}
:where(.legacy) .cm-area{resize:vertical;min-height:110px;line-height:1.6}
:where(.legacy) .cm-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
:where(.legacy) .cm-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
:where(.legacy) .cm-btn{background:#0b0b0f66;border:1px solid var(--line);color:var(--ink);font-family:var(--sans);
  font-size:.72em;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;border-radius:3px;cursor:pointer}
:where(.legacy) .cm-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
:where(.legacy) .cm-btn:disabled{opacity:.55;cursor:default}
:where(.legacy) .cm-note{color:var(--dim);font-size:.74em;letter-spacing:.6px}
:where(.legacy) .cm-msg{font-size:.84em;min-height:1em}
:where(.legacy) .cm-good{color:var(--gold)}
:where(.legacy) .cm-bad{color:#c98b84}
:where(.legacy) .bm-bar{position:relative;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:10px auto 0;max-width:760px}
:where(.legacy) .bm-btn{font-family:inherit;font-size:.68rem;letter-spacing:1.6px;text-transform:uppercase;
  background:transparent;color:var(--dim,#9a8f80);border:1px solid #ffffff1f;border-radius:2px;
  padding:7px 12px;cursor:pointer;transition:color .18s,border-color .18s,background .18s}
:where(.legacy) .bm-btn:hover:not(:disabled){color:var(--gold,#c9a44c);border-color:#c9a44c66}
:where(.legacy) .bm-btn:disabled{opacity:.32;cursor:default}
:where(.legacy) .bm-btn.on{color:#e8ddc6;border-color:#8c1f1a;background:#8c1f1a22}
:where(.legacy) .bm-panel{flex-basis:100%;max-width:620px;margin:2px auto 0;background:#0e0a0bd9;border:1px solid #ffffff14;
  border-radius:3px;padding:10px;max-height:280px;overflow:auto}
:where(.legacy) .bm-empty{color:var(--dim,#9a8f80);font-size:.78rem;text-align:center;padding:10px 4px;letter-spacing:.4px}
:where(.legacy) .bm-empty em{color:var(--gold,#c9a44c);font-style:normal}
:where(.legacy) .bm-row{display:flex;align-items:stretch;gap:6px;margin-bottom:5px}
:where(.legacy) .bm-jump{flex:1;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;
  border:1px solid #ffffff10;border-radius:2px;padding:7px 10px;cursor:pointer;color:#cfc4b2;font-family:inherit}
:where(.legacy) .bm-jump:hover{border-color:#c9a44c55;background:#c9a44c0d}
:where(.legacy) .bm-pg{font-size:.66rem;letter-spacing:1.4px;color:var(--gold,#c9a44c);min-width:46px;text-transform:uppercase}
:where(.legacy) .bm-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}
:where(.legacy) .bm-meta b{font-size:.72rem;letter-spacing:1.3px;text-transform:uppercase;color:#d8cdb8;font-weight:500}
:where(.legacy) .bm-meta i{font-size:.72rem;font-style:italic;color:#8e836f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.legacy) .bm-stale{align-self:center;font-size:.58rem;letter-spacing:1.2px;text-transform:uppercase;color:#8c6a2a;border:1px solid #8c6a2a55;padding:2px 5px;border-radius:2px}
:where(.legacy) .bm-del{background:transparent;border:1px solid #ffffff10;border-radius:2px;color:#7d7266;cursor:pointer;padding:0 10px;font-size:1rem}
:where(.legacy) .bm-del:hover{color:#c1362f;border-color:#8c1f1a66}
:where(.legacy) .bm-toast{flex-basis:100%;text-align:center;font-size:.74rem;letter-spacing:.6px;color:#cbbfa9;
  background:#8c1f1a1f;border:1px solid #8c1f1a4d;border-radius:2px;padding:8px 12px;margin:2px auto 0;max-width:560px}
:where(.legacy) .bm-undo{background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--gold,#c9a44c);
  cursor:pointer;font-family:inherit;font-size:inherit;margin-left:8px;padding:0}
:where(.legacy) .bm-btn.bm-resume{color:#efe4cd;border-color:#c9a44c;background:#c9a44c1a}
:where(.legacy) .bm-btn.bm-resume:hover{background:#c9a44c2e;color:#fff5e2}
:where(.legacy) .bm-btn.bm-x{padding:7px 11px;line-height:1;color:#9a8f80}
:where(.legacy) .bm-btn.bm-x:hover{color:#d94b41;border-color:#8c1f1a99;background:#8c1f1a1a}
:where(.legacy) .bm-styles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
:where(.legacy) .bm-swatch{width:104px;background:transparent;border:1px solid #ffffff14;border-radius:3px;padding:8px 6px 7px;
  cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font-family:inherit}
:where(.legacy) .bm-swatch:hover{border-color:#c9a44c55}
:where(.legacy) .bm-swatch.on{border-color:#c9a44c;background:#c9a44c0f}
:where(.legacy) .bm-name{font-size:.62rem;letter-spacing:1.2px;text-transform:uppercase;color:#a4998a}
:where(.legacy) .bm-swatch.on .bm-name{color:var(--gold,#c9a44c)}
:where(.legacy) .bm-prev{position:relative;display:block;width:56px;height:46px;background:#e7dcbd;border-radius:1px;
  box-shadow:inset 0 0 10px #b7a67d55}
:where(.legacy) .bm-mark.bm-ribbon{position:absolute;top:0;right:26px;width:23px;height:118px;z-index:6;
  background:linear-gradient(90deg,#6d1512 0%,#a72520 26%,#c23b33 40%,#8c1f1a 62%,#5e1310 100%);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);
  box-shadow:2px 2px 6px #00000059;filter:saturate(1.05)}
:where(.legacy) .bm-prev-ribbon::after{content:'';position:absolute;top:0;right:11px;width:11px;height:32px;
  background:linear-gradient(90deg,#6d1512,#c23b33 40%,#5e1310);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
:where(.legacy) .bm-mark.bm-dogear{position:absolute;top:0;right:0;width:48px;height:48px;z-index:6;
  background:linear-gradient(225deg,#d7cbaa 0%,#c3b28c 42%,#a89468 78%,#8f7c53 100%);
  clip-path:polygon(100% 0,0 0,100% 100%);
  box-shadow:-3px 3px 7px #00000055;border-bottom-left-radius:2px}
:where(.legacy) .bm-mark.bm-dogear::before{content:'';position:absolute;top:0;right:0;width:48px;height:48px;
  background:linear-gradient(225deg,transparent 46%,#0000001f 47%,transparent 49%);
  clip-path:polygon(100% 0,0 0,100% 100%)}
:where(.legacy) .bm-prev-dogear::after{content:'';position:absolute;top:0;right:0;width:22px;height:22px;
  background:linear-gradient(225deg,#d7cbaa,#a89468);clip-path:polygon(100% 0,0 0,100% 100%);
  box-shadow:-2px 2px 4px #00000055}
:where(.legacy) .bm-mark.bm-seal{position:absolute;top:40px;right:20px;width:38px;height:38px;border-radius:49% 51% 52% 48%/50% 48% 52% 50%;
  z-index:6;background:radial-gradient(circle at 33% 28%,#c0392f 0%,#96231d 46%,#6b1613 100%);
  background:radial-gradient(circle at 33% 28%,#c0392f 0%,#96231d 46%,#6b1613 100%);
  box-shadow:0 3px 6px #00000073, inset 0 0 8px #00000066, inset 0 2px 3px #ffffff1a;
  transform:rotate(-7deg);display:flex;align-items:center;justify-content:center}
:where(.legacy) .bm-mark.bm-seal span{font-family:'EB Garamond',Georgia,serif;font-size:21px;line-height:1;
  color:#e8c979;text-shadow:0 1px 2px #00000099;opacity:.92}
:where(.legacy) .bm-prev-seal::after{content:'';position:absolute;top:11px;right:9px;width:22px;height:22px;
  border-radius:49% 51% 52% 48%/50% 48% 52% 50%;
  background:radial-gradient(circle at 33% 28%,#c0392f,#96231d 50%,#6b1613);box-shadow:0 2px 4px #0007}
:where(.legacy) .bm-prev-seal em{position:absolute;top:14px;right:14px;font-size:13px;font-style:normal;color:#e8c979;z-index:2;font-family:'EB Garamond',serif}
:where(.legacy) .bm-mark.bm-hook{position:absolute;top:0;right:30px;width:24px;height:104px;z-index:6}
:where(.legacy) .bm-mark.bm-hook .bm-chain{position:absolute;top:0;left:9px;width:5px;height:62px;border-radius:2px;
  background:repeating-linear-gradient(180deg,#cdc5b7 0 2px,#8a8172 2px 5px,#4c463c 5px 8px);
  box-shadow:1px 0 2px #00000066}
:where(.legacy) .bm-mark.bm-hook .bm-barb{position:absolute;top:56px;left:0;width:23px;height:30px;
  border:4px solid #b8b0a1;border-top:0;border-right:0;border-radius:0 0 0 22px;
  transform:rotate(-10deg);box-shadow:-2px 2px 4px #00000059;
  border-left-color:#d3ccbe;border-bottom-color:#948b7c}
:where(.legacy) .bm-prev-hook::after{content:'';position:absolute;top:0;right:15px;width:3px;height:24px;border-radius:2px;
  background:repeating-linear-gradient(180deg,#cdc5b7 0 2px,#4c463c 2px 4px)}
:where(.legacy) .bm-prev-hook::before{content:'';position:absolute;top:21px;right:9px;width:12px;height:15px;z-index:2;
  border:3px solid #b8b0a1;border-top:0;border-right:0;border-radius:0 0 0 12px;transform:rotate(-10deg)}
:where(.legacy) .bm-mark.bm-pin{position:absolute;top:40px;right:16px;width:44px;height:52px;z-index:6;transform:rotate(28deg)}
:where(.legacy) .bm-mark.bm-pin i{position:absolute;top:6px;left:20px;width:3px;height:42px;border-radius:0 0 2px 2px;
  background:linear-gradient(180deg,#f2e2b4 0%,#cfae5c 45%,#8a6c2c 100%);box-shadow:1px 0 2px #00000066}
:where(.legacy) .bm-mark.bm-pin::after{content:'';position:absolute;top:0;left:14px;width:15px;height:15px;border-radius:50%;
  background:radial-gradient(circle at 33% 28%,#fbf0cd 0%,#dcbb69 40%,#c9a44c 62%,#7d6128 100%);
  background:radial-gradient(circle at 33% 28%,#fbf0cd 0%,#dcbb69 40%,#c9a44c 62%,#7d6128 100%);
  box-shadow:0 2px 4px #00000073, inset 0 -1px 2px #00000040}
:where(.legacy) .bm-prev-pin::after{content:'';position:absolute;top:10px;right:22px;width:3px;height:26px;transform:rotate(28deg);
  background:linear-gradient(180deg,#f2e2b4,#cfae5c 45%,#8a6c2c)}
:where(.legacy) .bm-prev-pin::before{content:'';position:absolute;top:6px;right:17px;width:11px;height:11px;border-radius:50%;z-index:2;
  background:radial-gradient(circle at 33% 28%,#fbf0cd,#c9a44c 60%,#7d6128);box-shadow:0 1px 3px #0007}
@media (max-width:640px){:where(.legacy) .bm-btn{font-size:.62rem;padding:6px 9px}
:where(.legacy) .bm-swatch{width:88px}}
