/* Jade Valley Release Room · v6.39 · approved room artwork integration */
:root{--jv-ink:#203c2a;--jv-forest:#294b35;--jv-gold:#9c7132;--jv-paper:#efe0b8;--jv-paper-deep:#dfc995}
html,body{margin:0;min-height:100%;background:#1d3325}
body.release-room-page{overflow-x:hidden;color:var(--jv-ink);font-family:Georgia,"Times New Roman",serif}
.release-room{min-height:100dvh;background:radial-gradient(circle at 50% 35%,#4f6545 0,#233b2a 62%,#14251b 100%)}
.release-room-stage{position:relative;width:min(100vw,calc(100dvh * 1.777896));aspect-ratio:1672/941;margin:0 auto;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.38);isolation:isolate}
.release-room-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}

/* Exact cover placed onto the illustrated wooden stand. */
.release-book-live{position:absolute;z-index:3;left:24.3%;top:36.2%;width:14.9%;margin:0;transform:rotate(-.7deg) skewY(-.4deg);transform-origin:50% 100%;filter:drop-shadow(0 8px 8px rgba(36,24,12,.34));clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.release-book-live img{display:block;width:100%;height:auto;border-radius:1px}

.release-title-plaque{position:absolute;z-index:4;left:29.0%;top:5.7%;width:37.2%;height:15.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#2c5137;text-shadow:0 1px rgba(255,255,255,.42);pointer-events:none}
.release-title-kicker{margin:0 0 .24em;font:700 clamp(7px,.62vw,12px)/1.1 Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#8a6c42}
.release-title-plaque h1{margin:0;font-size:clamp(18px,2.45vw,46px);font-weight:500;line-height:.9;letter-spacing:.015em}
.release-title-book{max-width:86%;margin:.48em 0 0;font-size:clamp(8px,.92vw,17px);font-style:italic;line-height:1.1;color:#53664e}

.release-status-board{position:absolute;z-index:4;left:82.0%;top:25.8%;width:12.0%;height:27.4%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1.1%;box-sizing:border-box;color:#3d4f38;text-shadow:0 1px rgba(255,255,255,.45)}
.status-eyebrow{margin:0 0 .6em;font:700 clamp(6px,.5vw,10px)/1.1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8b6b40}
.status-main{margin:0;font-size:clamp(10px,1.15vw,21px);font-weight:700;line-height:1.05;color:#2d5338}
.status-rule{display:block;width:56%;height:1px;margin:.65em auto;background:linear-gradient(90deg,transparent,#9f7c49,transparent);opacity:.78}
.status-date{margin:0;font:600 clamp(6px,.58vw,11px)/1.25 Arial,sans-serif;letter-spacing:.04em;color:#665b49}
.status-note{max-width:94%;margin:.9em auto 0;font-size:clamp(7px,.66vw,12px);line-height:1.38;color:#625a4a}

.status-note strong{font-weight:700;color:#365940}
.release-room-actions{position:absolute;z-index:6;inset:0;pointer-events:none}
.release-plaque{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#31523a;text-shadow:0 1px rgba(255,255,255,.45);pointer-events:auto;transition:transform .18s ease,color .18s ease,filter .18s ease}
.release-plaque span{font:700 clamp(7px,.58vw,11px)/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a6b40}
.release-plaque strong{margin-top:.28em;font-size:clamp(11px,1.06vw,19px);font-weight:600;line-height:1}
.release-plaque-preview{left:11.3%;top:77.9%;width:17.1%;height:10.4%}
.release-plaque-follow{left:31.1%;top:76.9%;width:17.7%;height:11.2%}
.release-plaque-notice{left:50.3%;top:77.1%;width:17.4%;height:11.0%}
.release-plaque:hover,.release-plaque:focus-visible{transform:translateY(-2px) scale(1.018);filter:brightness(1.04);color:#173a26;outline:none}
.release-plaque:focus-visible::after{content:"";position:absolute;inset:8%;border:2px solid rgba(46,81,55,.64);border-radius:4px}
.release-room-truth{position:absolute;z-index:4;left:69.3%;bottom:4.1%;margin:0;max-width:22%;font:600 clamp(6px,.55vw,10px)/1.3 Arial,sans-serif;letter-spacing:.04em;color:rgba(247,235,205,.94);text-shadow:0 1px 3px rgba(25,30,20,.75);text-align:right}

.release-room-mobile{display:none}

@media (min-width:721px) and (max-aspect-ratio:16/10){
  .release-room{display:grid;place-items:center;min-height:100dvh;padding:0;background:linear-gradient(#1d3325,#233c2a)}
}

@media (max-width:720px){
  .release-room{min-height:100dvh;background:#efe1bd}
  .release-room-stage{width:100vw;aspect-ratio:1672/941;margin:0;box-shadow:none}
  .release-title-plaque{left:29%;top:5.6%;width:37%;height:15%}
  .release-title-kicker,.release-title-book,.release-status-board,.release-room-actions,.release-room-truth,.release-book-live{display:none}
  .release-title-plaque h1{font-size:clamp(16px,5vw,26px)}
  .release-room-mobile{display:block;position:relative;z-index:2;margin:-1px 0 0;padding:24px 20px calc(94px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#efe1bd 0,#f6ecd2 38%,#e8d5aa 100%);border-top:1px solid rgba(108,77,38,.35);box-shadow:inset 0 10px 26px rgba(104,75,36,.08)}
  .mobile-book-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:start;max-width:560px;margin:0 auto}
  .mobile-book-row img{width:112px;height:auto;box-shadow:0 10px 24px rgba(61,43,24,.2)}
  .mobile-eyebrow{margin:1px 0 7px;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8c6e43}
  .mobile-book-row h2{margin:0;color:#294b35;font-size:clamp(28px,8vw,42px);font-weight:500;line-height:.94}
  .mobile-book-row p:not(.mobile-eyebrow){margin:10px 0 0;color:#4e5147;font-size:14px;line-height:1.46}
  .mobile-status{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:560px;margin:22px auto 0;padding:11px 0;border-top:1px solid rgba(145,107,56,.42);border-bottom:1px solid rgba(145,107,56,.42)}
  .mobile-status strong{color:#2e5339;font-size:15px}.mobile-status span{color:#70634f;font:12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
  .mobile-actions{max-width:560px;margin:16px auto 0;display:grid;grid-template-columns:1fr;gap:8px}
  .mobile-actions a{display:block;padding:13px 15px;border:1px solid rgba(126,93,46,.55);background:rgba(255,249,232,.58);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);color:#294b35;text-decoration:none;text-align:center;font-size:15px;font-weight:700;letter-spacing:.035em}
  .mobile-actions a:first-child{background:#294b35;color:#fff2ce;border-color:#a58045}
  .mobile-note{max-width:560px;margin:16px auto 0;text-align:center;color:#70634f;font:11px/1.45 Arial,sans-serif}
}

@media (prefers-reduced-motion:reduce){.release-plaque{transition:none}}