/* THE INN — Shared masthead & homepage entertainment board, October 2026.
   inn-unified applies matching mastheads on other public pages; game logic untouched. */
.home-redesign {
  background:
    radial-gradient(ellipse at top center, rgba(147,84,36,.18), transparent 58%),
    linear-gradient(180deg,#1a0f09 0%,#21140d 44%,#100b08 100%);
}
:is(.home-redesign,.inn-unified) .home-site-header {
  min-height:70px;
  padding: .55rem clamp(1rem, 3vw, 3rem);
  background: linear-gradient(180deg,#27170e 0%,#110b07 100%);
  border-bottom: 2px solid #91602c;
  box-shadow:0 5px 20px #0009,inset 0 -1px 0 #d2a05377;
  gap: clamp(.65rem,2vw,1.75rem);
}
:is(.home-redesign,.inn-unified) .home-logo {
  flex: 0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
  color:#f4dfae;
  font-size:clamp(1.38rem,2.6vw,2.3rem);
  letter-spacing:.075em;
  text-shadow:0 2px 2px #000;
}
:is(.home-redesign,.inn-unified) .home-logo-line{display:block;white-space:nowrap;color:#f4dfae;}
:is(.home-redesign,.inn-unified) .home-logo-line em{font-style:normal;color:#e0b85f;}
:is(.home-redesign,.inn-unified) .home-logo small {font:700 .56rem/1.7 Georgia,serif;letter-spacing:.36em;color:#d3a76f;margin-top:.25rem;}
:is(.home-redesign,.inn-unified) .home-nav {display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(.5rem,1.9vw,1.9rem);flex-wrap:nowrap;}
:is(.home-redesign,.inn-unified) .home-nav>a, :is(.home-redesign,.inn-unified) .home-nav-more>summary {
  font:700 clamp(.65rem,.92vw,.85rem)/1.2 Georgia,serif;
  color:#f3e7cc;text-transform:uppercase;letter-spacing:.12em;
  white-space:nowrap;text-decoration:none;
}
:is(.home-redesign,.inn-unified) .home-nav>a:hover,:is(.home-redesign,.inn-unified) .home-nav-more>summary:hover,
:is(.home-redesign,.inn-unified) .home-nav>a:focus-visible,:is(.home-redesign,.inn-unified) .home-nav-more>summary:focus-visible {color:#ffdb83;outline-offset:5px;}
:is(.home-redesign,.inn-unified) .home-nav>a[aria-current="page"] {color:#ffe0a0;text-decoration:underline;text-underline-offset:9px;text-decoration-color:#be8f37;}
.home-nav-more {position:relative;}
.home-nav-more summary {cursor:pointer;list-style:none;}
.home-nav-more summary::-webkit-details-marker{display:none;}
.home-nav-more .home-more-links {position:absolute;top:calc(100% + 18px);right:0;z-index:80;min-width:235px;display:grid;gap:0;
 padding:.4rem;background:#21130b;border:2px solid #af7b3e;box-shadow:0 14px 35px #000c;}
.home-nav-more .home-more-links a {padding:.6rem .7rem;text-decoration:none;color:#f6dfb7;font-size:.87rem;line-height:1.35;}
.home-nav-more .home-more-links a:hover,.home-nav-more .home-more-links a:focus-visible{background:#65401f;color:#fff;}
.home-member-top {
  flex:0 0 auto;display:inline-flex;align-items:center;gap:.65rem;padding:.72rem 1rem;
  border:2px solid #d3ab5c;box-shadow:inset 0 0 0 2px #291606,0 2px 10px #0009;
  border-radius:3px;background:linear-gradient(#2e1c11,#170e09);color:#fce0a1;
  font:700 .78rem/1.1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;
}
.home-member-top:hover,.home-member-top:focus-visible{background:#513119;color:#fff3ca;}
.home-mobile-menu {display:none;}

/* The original photo, foregrounded rather than replaced by generated artwork. */
:is(.home-redesign,.inn-unified) .home-hero {
  min-height:clamp(530px,68vh,740px);
  display:flex;align-items:center;
  isolation:isolate;
}
:is(.home-redesign,.inn-unified) .home-hero .hero-media img {object-position:center 48%;filter:saturate(1.08) contrast(1.07);}
:is(.home-redesign,.inn-unified) .home-hero .hero-media::after {background:
  linear-gradient(90deg,rgba(12,6,4,.85) 0%,rgba(15,7,4,.47) 32%,transparent 72%),
  linear-gradient(180deg,rgba(12,7,4,.03) 25%,rgba(11,6,4,.48) 87%,rgba(11,6,4,.92) 100%);}
:is(.home-redesign,.inn-unified) .home-hero-copy{max-width:720px;padding:1.7rem clamp(1.3rem,7vw,7rem) 3.8rem;}
:is(.home-redesign,.inn-unified) .home-welcome {font-family:var(--font-sign);font-size:clamp(1.8rem,3.5vw,3.3rem);line-height:1.0;margin:.35rem 0 0;color:#ffeccc;text-shadow:0 4px 10px #000;}
:is(.home-redesign,.inn-unified) .home-hero h1 {font-size:clamp(4rem,7.8vw,7rem);margin:0 0 .6rem;color:#ffead0;text-shadow:0 4px 12px #000,0 1px 0 #82582f;}
:is(.home-redesign,.inn-unified) .home-hero h1 em {color:#ffd489;font-style:normal;}
:is(.home-redesign,.inn-unified) .home-hero .eyebrow{font-size:.69rem;letter-spacing:.16em;background:#1c100ba8;margin-bottom:.3rem;}
:is(.home-redesign,.inn-unified) .home-hero .welcome-line{font-size:clamp(.9rem,1.28vw,1rem);font-weight:600;color:#fff1d4;letter-spacing:.025em;margin:.1rem 0 .45rem;}
:is(.home-redesign,.inn-unified) .home-hero .tagline{max-width:48ch;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.3;margin:0;color:#f7e0b4;}

/* Richly framed attraction boards incorporating rendered art cropped from approved mock-up. */
.inn-entertainment {
  position:relative;z-index:5;
  width:min(1390px,calc(100% - 2.4rem));
  margin:-26px auto 0;
  padding:0 clamp(.65rem,1.25vw,1.15rem) 1.15rem;
  background:
    linear-gradient(90deg,rgba(255,212,139,.08),transparent 13%,transparent 87%,rgba(255,204,117,.08)),
    repeating-linear-gradient(91deg,#3e2212 0px,#502b17 8px,#25140e 15px,#4b2814 23px,#29170d 34px);
  border:5px solid #683b20;
  box-shadow:inset 0 0 0 2px #c08a4b,inset 0 0 0 6px #21100a,0 18px 44px #000b;
  border-radius:18px 18px 5px 5px;
}
.inn-entertainment::before {content:"";display:block;height:9px;border-bottom:1px solid #d3a258;border-top:1px solid #db9e51;margin:0 1px;}
.inn-entertainment-heading {display:flex;justify-content:center;align-items:center;gap:clamp(.6rem,4vw,2.3rem);min-height:66px;margin:.1rem auto .65rem;position:relative;text-align:center;}
.inn-entertainment-heading::before {content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #b58242;box-shadow:0 1px 4px #b77829;}
.inn-entertainment-heading h2 {font-family:var(--font-display);font-size:clamp(1.35rem,2.45vw,2.55rem);font-weight:700;text-transform:uppercase;letter-spacing:.125em;line-height:1.15;color:#ffdc91;margin:0;text-shadow:0 2px 4px #000,0 0 20px #ad652d;}
.ent-ornament{font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2.3rem);color:#cc904a;text-shadow:0 2px 3px #000;}
.inn-entertainment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1.15vw,1rem);}
.inn-game-card{
  min-width:0;display:flex;flex-direction:column;align-items:stretch;
  color:#f5dfb2;text-decoration:none;text-align:center;overflow:hidden;
  padding:clamp(.4rem,.7vw,.7rem);border-radius:5px;
  border:2px solid #ac7840;
  background:linear-gradient(#26160d,#140d09);
  box-shadow:inset 0 0 0 2px #2c170b,inset 0 0 0 3px #6e4321,0 4px 10px #0008;
  transition:transform .2s ease,box-shadow .25s ease;
  animation:inn-warm-light .45s ease both;
}
.inn-game-card:nth-child(2){animation-delay:.11s}
.inn-game-card:nth-child(3){animation-delay:.22s}
.inn-game-card:nth-child(4){animation-delay:.33s}
.inn-game-card:hover,.inn-game-card:focus-visible{transform:translateY(-4px);color:#fff1d0;box-shadow:inset 0 0 0 2px #694322,0 6px 14px #000a,0 0 18px #bb78397a;}
.inn-game-card:focus-visible{outline:3px solid #fff0ab;outline-offset:3px;}
.inn-game-card img {display:block;width:100%;height:auto;aspect-ratio:1.56;object-fit:cover;object-position:center top;border:1px solid #784723;background:#110c08;}
.inn-game-caption {display:flex;align-items:center;justify-content:center;flex:1;min-height:68px;
 font-family:Georgia,'Times New Roman',serif;font-size:clamp(.83rem,1.04vw,.98rem);
 line-height:1.37;letter-spacing:.018em;color:#ffe5b5;padding:.55rem .15rem;}
.inn-game-button {display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:40px;padding:.48rem .3rem;
 font:700 clamp(.7rem,.86vw,.83rem)/1.2 Georgia,serif;letter-spacing:.075em;text-transform:uppercase;
 color:#ffebba;border:1px solid #c28d42;border-radius:3px;
 background:linear-gradient(180deg,#5c251a,#39150f);
 box-shadow:inset 0 0 0 2px #28130c,0 3px 7px #0009;}
.inn-game-button span{font-size:1rem;}
.inn-game-ceefax .inn-game-button{background:linear-gradient(180deg,#174060,#0d243a);border-color:#b88842;}
.inn-game-quiz .inn-game-button{background:linear-gradient(180deg,#145340,#0c3026);}
.inn-game-fruit .inn-game-button{background:linear-gradient(180deg,#61271d,#3c130f);}
.inn-game-card:hover .inn-game-button,.inn-game-card:focus-visible .inn-game-button{filter:brightness(1.18);}
.inn-entertainment-foot{font:italic .85rem var(--font-sign);color:#d2b58d;text-align:center;margin:.9rem 0 .15rem;letter-spacing:.03em;}
@keyframes inn-warm-light{from{opacity:.45;filter:brightness(.4)}to{opacity:1;filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.inn-game-card{animation:none;transition:none;}}

/* Retain member sign-up, without covering the hero image. */
.home-member-access{display:flex;flex-wrap:wrap;gap:.2rem .8rem;align-items:center;justify-content:center;
 margin:1rem auto 0;max-width:1100px;padding:.6rem 1.25rem;color:#e9d6b7;font-size:.85rem;text-align:center;}
.home-member-access p{margin:0 .6rem 0 0;}
.home-member-access strong{color:#ebc980;}
.home-member-access a{white-space:nowrap;}
:is(.home-redesign,.inn-unified) .management-notice{margin-top:.6rem;}
:is(.home-redesign,.inn-unified) .inn-attractions {padding-top:2.25rem;}
:is(.home-redesign,.inn-unified) .inn-sign-grid {grid-template-columns:repeat(5,minmax(0,1fr));}
:is(.home-redesign,.inn-unified) .inn-sign {min-height:100px;padding:12px;}
:is(.home-redesign,.inn-unified) .inn-sign strong{font-size:.92rem;}

@media (max-width:1150px){
 :is(.home-redesign,.inn-unified) .home-nav{gap:.75rem;}
 :is(.home-redesign,.inn-unified) .home-nav>a,:is(.home-redesign,.inn-unified) .home-nav-more>summary{font-size:.7rem;letter-spacing:.06em;}
 .home-member-top{font-size:.67rem;padding:.65rem .75rem;}
}
@media (max-width:930px){
 :is(.home-redesign,.inn-unified) .home-site-header{min-height:64px;gap:.75rem;}
 :is(.home-redesign,.inn-unified) .home-nav{display:none;}
 :is(.home-redesign,.inn-unified) .home-logo{margin-right:auto;}
 :is(.home-redesign,.inn-unified) .home-logo{font-size:1.55rem;}
 .home-mobile-menu{display:block;position:relative;order:2;}
 .home-mobile-menu>summary{list-style:none;cursor:pointer;border:1px solid #a47a4a;padding:.58rem .7rem;color:#f2d59a;background:#2b1b10;font:700 .8rem Georgia,serif;text-transform:uppercase;white-space:nowrap;}
 .home-mobile-menu>summary::-webkit-details-marker{display:none;}
 .home-mobile-menu nav {position:absolute;right:0;top:calc(100% + 8px);z-index:80;display:grid;min-width:240px;max-height:min(80vh,570px);overflow-y:auto;padding:.4rem;border:2px solid #a47942;background:#20120b;box-shadow:0 10px 30px #000c;}
 .home-mobile-menu nav a {display:block;text-decoration:none;color:#f6e4c6;padding:.56rem .65rem;border-bottom:1px solid #54351b;font-size:.88rem;}
 .home-mobile-menu nav a:hover,.home-mobile-menu nav a:focus-visible{background:#513019;}
 .inn-entertainment-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .inn-game-caption{font-size:.95rem;}
 :is(.home-redesign,.inn-unified) .inn-sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:650px){
 :is(.home-redesign,.inn-unified) .home-member-top{font-size:.63rem;letter-spacing:0;padding:.6rem .55rem;}
 :is(.home-redesign,.inn-unified) .home-hero{min-height:clamp(440px,65svh,590px);}
 :is(.home-redesign,.inn-unified) .home-hero-copy{padding:1.2rem 1.2rem 3.4rem;}
 :is(.home-redesign,.inn-unified) .home-hero .hero-media img{object-position:52% center;}
 :is(.home-redesign,.inn-unified) .home-hero .hero-media::after{background:linear-gradient(90deg,#0e0906bd,transparent 98%),linear-gradient(0deg,#100907ee,transparent 70%);}
 :is(.home-redesign,.inn-unified) .home-hero h1{font-size:3.7rem;}
 :is(.home-redesign,.inn-unified) .home-welcome{font-size:2rem;}
 :is(.home-redesign,.inn-unified) .home-hero .eyebrow{font-size:.6rem;}
 :is(.home-redesign,.inn-unified) .home-hero .welcome-line{font-size:.87rem;}
 :is(.home-redesign,.inn-unified) .home-hero .tagline{font-size:.97rem;}
 .inn-entertainment{width:calc(100% - .7rem);margin-top:-14px;border-width:4px;padding:0 .45rem .65rem;border-radius:12px 12px 4px 4px;}
 .inn-entertainment-heading{min-height:53px;gap:.5rem;margin-bottom:.5rem;}
 .inn-entertainment-heading h2{font-size:clamp(1.08rem,4vw,1.4rem);letter-spacing:.035em;}
 .ent-ornament{font-size:1.2rem;}
 .inn-entertainment-grid{gap:.45rem;}
 .inn-game-card{padding:.32rem;border-width:1px;}
 .inn-game-caption{min-height:79px;font-size:clamp(.72rem,2.8vw,.9rem);line-height:1.34;padding:.5rem .12rem;}
 .inn-game-button{min-height:38px;font-size:.68rem;letter-spacing:.02em;gap:.25rem;}
 .inn-entertainment-foot{font-size:.76rem;padding:0 .35rem;}
 :is(.home-redesign,.inn-unified) .inn-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 :is(.home-redesign,.inn-unified) .section{padding-top:3rem;padding-bottom:3rem;}
}
@media (max-width:350px){
 :is(.home-redesign,.inn-unified) .home-member-top{display:none;}
 .home-mobile-menu>summary{font-size:.7rem;padding:.5rem .4rem;}
 .inn-entertainment-grid{grid-template-columns:1fr;}
 .inn-game-card img{max-height:150px;object-fit:contain;}
 .inn-game-caption{min-height:55px;}
}

/* =======================================================================
   THE INN — ELECTRIC & MECHANICAL POLISH · 2026-10-17
   Non-invasive finishing layer on the approved V2 cabinet and shared header.
   Designed to feel like a 1980s British pub amusement, not a modern app.
   No animations are required for navigation or gameplay.
   ======================================================================= */
:root { --inn-lamp: #ffd07a; --inn-lamp-bright: #fff0b8; --inn-glowing-brass: #dba866; }

/* Cabinet gets a barely perceptible warm breathing light, never a distracting chase. */
.inn-entertainment {
  isolation:isolate;
  transition:box-shadow .5s ease;
}
.inn-entertainment::after {
  content:"";position:absolute;inset:3px;border-radius:11px;pointer-events:none;
  border:1px solid rgba(241,184,105,.21);
  box-shadow:inset 0 0 19px rgba(255,179,81,.055),0 0 22px rgba(225,141,60,.025);
  animation:inn-cabinet-embers 13s ease-in-out infinite;
}
@keyframes inn-cabinet-embers {
  0%,100%{opacity:.55} 52%{opacity:1}
}

.inn-game-card {
  position:relative;isolation:isolate;overflow:visible;
  transform:translateZ(0);
  will-change:auto;
  transition:transform .27s cubic-bezier(.2,.85,.24,1.06),
             box-shadow .3s ease, border-color .3s ease, background .3s ease;
}
/* Two discrete amber pilot lamps, like the bulbs on an old amusement board. */
.inn-game-card::before {
  content:"";position:absolute;left:8px;right:8px;top:4px;height:7px;z-index:4;pointer-events:none;
  background:
    radial-gradient(circle at left center,#ffe3a0 0 1px,#d78b32 2px,#37200f 3px,transparent 4px),
    radial-gradient(circle at right center,#ffe3a0 0 1px,#d78b32 2px,#37200f 3px,transparent 4px);
  filter:drop-shadow(0 0 2px #ffb54f77);
  transition:filter .3s ease;
}
.inn-card-art {
  position:relative;display:block;width:100%;line-height:0;overflow:hidden;
  border:1px solid #86572b;background:#160d09;isolation:isolate;
}
.inn-card-art img {
  display:block;width:100%;height:auto;aspect-ratio:1.56;object-fit:cover;object-position:center top;
  border:0;border-radius:0;
  transition:filter .42s ease,transform .48s cubic-bezier(.2,.8,.2,1);
}
/* The glass catches the room's light; artwork never changes or gets replaced. */
.inn-card-glass {
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(125deg,transparent 9%,rgba(255,235,190,.08) 22%,transparent 35%,transparent 80%),
    linear-gradient(0deg,#12090555,transparent 42%);
  opacity:.38;transition:opacity .4s ease,background .4s ease;
}
.inn-card-art::after {
  content:"";position:absolute;inset:-30% auto -30% -70%;width:42%;z-index:3;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,221,151,.14),rgba(255,250,225,.055),transparent);
  transform:skewX(-18deg) translateX(0);opacity:0;
}

/* Tiny decorative black vinyl inset on the artwork; animation is conditional. */
.inn-juke-record {
  position:absolute;z-index:4;right:9px;bottom:9px;width:34px;height:34px;
  border-radius:50%;border:2px solid #bd8137;
  background:repeating-radial-gradient(circle at center,#24201b 0 2px,#080808 3px 4px,#312a24 5px 5.5px);
  box-shadow:0 2px 7px #000b,0 0 9px #e78f3970;
  display:grid;place-items:center;
}
.inn-juke-record span {width:11px;height:11px;border-radius:50%;border:2px solid #ecd184;background:#942a1b;box-shadow:0 0 4px #ffc66a;}
.inn-game-jukebox.is-playing .inn-juke-record {animation:inn-vinyl-spin 2.8s linear infinite;box-shadow:0 0 10px #ffbe6f9c;}
@keyframes inn-vinyl-spin{to{transform:rotate(360deg)}}

/* These are lightbulb brightening effects, not a flashing arcade UI. */
@media(hover:hover) and (pointer:fine){
  .inn-game-card:hover {
    z-index:8;transform:translateY(-7px) scale(1.018);
    border-color:#f5c980;
    color:#fff2d0;
    box-shadow:inset 0 0 0 2px #83552b,inset 0 0 0 3px #ecc183,
       0 17px 22px #000c,0 0 17px #ffba5e66,0 0 39px #bb762a38;
  }
  .inn-game-card:hover .inn-card-art img {filter:brightness(1.16) saturate(1.13) contrast(1.03);transform:scale(1.018);}
  .inn-game-card:hover .inn-card-glass{opacity:.8;}
  .inn-game-card:hover .inn-card-art::after{animation:inn-glass-sheen .85s ease-out 1;}
  .inn-game-card:hover::before{filter:drop-shadow(0 0 5px #ffc56f) brightness(1.3);}
  .inn-game-jukebox:hover .inn-juke-record {animation:inn-vinyl-spin 3.2s linear infinite;}
}
.inn-game-card:focus-visible {
  z-index:9;transform:translateY(-4px) scale(1.012);border-color:#ffde9d;
  outline:3px solid #ffe69b;outline-offset:4px;
  box-shadow:0 12px 24px #000b,0 0 22px #ffd28b69;
}
.inn-game-card:focus-visible .inn-card-art img{filter:brightness(1.13);}
.inn-game-card:focus-visible .inn-juke-record{animation:inn-vinyl-spin 3.2s linear infinite;}
@keyframes inn-glass-sheen{
  0%{left:-70%;opacity:0} 18%{opacity:.85} 82%{opacity:.55} 100%{left:142%;opacity:0}
}

/* CEEFAX phosphor, quiz amber, fruit bulbs: a distinct glow for each game. */
.inn-game-ceefax:hover .inn-card-art img,.inn-game-ceefax:focus-visible .inn-card-art img{
  filter:brightness(1.21) saturate(1.18) drop-shadow(0 0 4px #459ff759);
}
.inn-game-quiz:hover .inn-card-art img,.inn-game-quiz:focus-visible .inn-card-art img{filter:brightness(1.13) contrast(1.08);}
.inn-game-fruit:hover .inn-card-art img,.inn-game-fruit:focus-visible .inn-card-art img{filter:brightness(1.23) saturate(1.15);}

/* The control is a pressed-in physical button within its clickable card. */
.inn-game-button{
  position:relative;transform:translateY(0);
  border-top-color:#e8b96e;
  box-shadow:inset 0 1px 0 #f3c48651,inset 0 0 0 2px #28130c,0 4px 0 #180b07,0 6px 7px #000b;
  transition:transform .12s ease,filter .25s ease,box-shadow .12s ease,color .25s ease;
}
.inn-game-card:active {transform:translateY(1px) scale(.997);}
.inn-game-card:active .inn-game-button {
  transform:translateY(3px);
  box-shadow:inset 0 2px 7px #000b,inset 0 0 0 2px #28130c,0 1px 0 #180b07;
  filter:brightness(1.15);
}
.inn-game-card:hover .inn-game-button,.inn-game-card:focus-visible .inn-game-button{color:#fff1ce;filter:brightness(1.22);}

/* Live indicator appears ONLY if the NUC has reported a fresh playing record. */
.inn-game-juke-live{
  display:flex;align-items:center;justify-content:center;gap:.45rem;
  margin:.46rem .2rem -.15rem;color:#ffe6ae;
  font:800 clamp(.59rem,.71vw,.71rem)/1.2 'Source Sans 3',Arial,sans-serif;
  letter-spacing:.15em;text-shadow:0 0 7px #c67c37;
}
.inn-game-juke-live[hidden],.inn-now-playing[hidden]{display:none!important;}
.inn-live-bulb {display:inline-block;width:8px;height:8px;border:1px solid #fff3bb;border-radius:50%;background:#ffbd4c;
 box-shadow:0 0 5px #ffd27d,0 0 12px #ff9c3e;animation:inn-live-bulb 2.2s ease-in-out infinite;}
@keyframes inn-live-bulb{50%{opacity:.72;box-shadow:0 0 4px #ffbe57;}}
.inn-game-jukebox.is-playing {border-color:#ddaa59;box-shadow:inset 0 0 0 2px #59391c,0 0 15px #e89a4d33,0 5px 11px #0008;}

/* Same real status record populates an illuminated plaque BELOW the cabinet. */
.home-redesign .inn-now-playing{
  width:min(680px,calc(100% - 2rem));max-width:none;
  margin:1.1rem auto .65rem;padding:3px;
  text-align:left;color:#f7e4b9;
  border:3px ridge #a87840;border-radius:8px;
  background:linear-gradient(90deg,#6e421f,#bc8642 3%,#321b0f 8%,#31190d 91%,#bc8642 97%,#6e421f);
  box-shadow:0 12px 24px #0009,0 0 19px #edab5261;
}
.inn-live-panel{
  display:flex;align-items:center;gap:1rem;padding:.75rem clamp(.8rem,2vw,1.5rem);
  background:linear-gradient(135deg,#25150d,#100c09 55%,#21130c);border:1px solid #83562d;
  min-width:0;
}
.inn-live-record{flex:0 0 46px;display:grid;place-items:center;width:46px;height:46px;
 border:2px solid #c48a49;border-radius:50%;
 background:repeating-radial-gradient(circle,#20201d 0 3px,#080808 4px 5px,#302b25 6px 6.5px);
 box-shadow:0 0 11px #c3824190,0 3px 7px #000;
 animation:inn-vinyl-spin 2.8s linear infinite;
}
.inn-live-record-label{width:14px;height:14px;background:#b63323;border:3px solid #ecc478;border-radius:50%;}
.inn-live-details{min-width:0;}
.home-redesign .inn-now-playing-label{font:800 .67rem/1.3 'Source Sans 3',Arial,sans-serif;letter-spacing:.17em;color:#ffcc78;}
.home-redesign .inn-now-playing-title{margin:.12rem 0;font:700 clamp(.96rem,1.6vw,1.22rem)/1.3 Georgia,serif;color:#fff0cf;overflow-wrap:anywhere;}
.home-redesign .inn-now-playing-code{margin:0;font:700 .66rem/1.3 'Courier New',monospace;letter-spacing:.09em;color:#d7b677;}

/* Mechanical finishing pass on the navigation and site signposts only.
   Deliberately excludes the quiz, CEEFAX, bingo & fruit-machine game controls. */
:is(.home-redesign,.inn-unified) .home-member-top,
:is(.home-redesign,.inn-unified) .home-mobile-menu > summary,
:is(.home-redesign,.inn-unified) .inn-sign,
:is(.home-redesign,.inn-unified) .btn,
.home-redesign .inn-menu-more > summary {
  transition:transform .12s ease,box-shadow .14s ease,filter .2s ease,background-color .2s ease;
}
:is(.home-redesign,.inn-unified) .home-member-top:hover,
:is(.home-redesign,.inn-unified) .home-member-top:focus-visible {
  box-shadow:inset 0 0 0 2px #39200f,0 0 13px #dfa75765,0 3px 9px #000b;
  filter:brightness(1.12);
}
:is(.home-redesign,.inn-unified) .home-member-top:active,
:is(.home-redesign,.inn-unified) .home-mobile-menu > summary:active,
:is(.home-redesign,.inn-unified) .inn-sign:active,
:is(.home-redesign,.inn-unified) .btn:active,
.home-redesign .inn-menu-more > summary:active {transform:translateY(2px);filter:brightness(1.12);}
:is(.home-redesign,.inn-unified) .home-mobile-menu > summary:hover,
:is(.home-redesign,.inn-unified) .home-mobile-menu > summary:focus-visible {filter:brightness(1.25);}

/* On phones there is no hover; tap still depresses and the art stays luminous. */
@media(max-width:650px){
  .inn-card-art img{aspect-ratio:1.56;}
  .inn-game-card::before{top:3px;left:4px;right:4px;}
  .inn-juke-record{width:26px;height:26px;right:5px;bottom:5px;}
  .inn-juke-record span{width:9px;height:9px;}
  .inn-game-juke-live{letter-spacing:.045em;font-size:.58rem;}
  .inn-live-record{flex-basis:40px;width:40px;height:40px;}
}
/* Accessibility: honor reduced motion, no ambient breathing/spin/sheen/lift. */
@media(prefers-reduced-motion:reduce){
  .inn-entertainment::after,.inn-game-card,.inn-game-card:nth-child(n),
  .inn-card-art img,.inn-card-glass,.inn-card-art::after,.inn-juke-record,
  .inn-live-record,.inn-live-bulb,.inn-game-button,
  :is(.home-redesign,.inn-unified) .home-member-top,
  :is(.home-redesign,.inn-unified) .home-mobile-menu>summary,
  :is(.home-redesign,.inn-unified) .inn-sign,
  :is(.home-redesign,.inn-unified) .btn {animation:none!important;transition:none!important;}
  .inn-game-card:hover,.inn-game-card:focus-visible,.inn-game-card:active,
  .inn-game-card:active .inn-game-button{transform:none!important;}
}

/* Ship-A-Hoy addition: preserve the existing four-feature row. */


/* SHIP-A-HOY DELUXE SHOWCASE — full-width vintage attraction, real card artwork */
.ship-home-showcase{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:275px;margin:clamp(14px,2vw,23px) 0 0;
 color:#ffdf9e;text-decoration:none;border:3px solid #bc8c4d;border-radius:8px;
 background:#1c0e08;box-shadow:inset 0 0 0 3px #472310,0 4px 0 #100807,0 13px 28px #000b,0 0 18px #bf823525;
 transition:box-shadow .2s ease,transform .2s ease}
.ship-home-showcase:hover,.ship-home-showcase:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #693c1e,0 13px 35px #000c,0 0 24px #ffba5a63}
.ship-home-showcase:focus-visible{outline:3px solid #fff0a6;outline-offset:5px}
.ship-showcase-art,.ship-showcase-art img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ship-showcase-art img{object-fit:cover;object-position:center center}
.ship-showcase-copy{position:relative;z-index:1;min-height:275px;padding:clamp(21px,3vw,33px) clamp(20px,4vw,49px);width:min(66%,710px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-shadow:0 2px 4px #000}
.ship-showcase-kicker{font:700 clamp(.65rem,.95vw,.76rem)/1.3 Georgia,serif;letter-spacing:.16em;color:#ffe29d;text-transform:uppercase}
.ship-showcase-title{font:700 clamp(2.1rem,5.1vw,4.7rem)/1.04 Georgia,'Times New Roman',serif;letter-spacing:.035em;color:#ffdf93;margin:9px 0 7px;text-shadow:0 3px 0 #4a1c0e,0 4px 11px #000,0 0 25px #d78227a3}
.ship-showcase-subtitle{font:700 clamp(.95rem,1.65vw,1.33rem)/1.35 Georgia,serif;color:#f8e2ba;max-width:32rem}
.ship-showcase-line{font:600 clamp(.77rem,1.07vw,.95rem)/1.45 Georgia,serif;color:#dfc292;margin:9px 0 14px}
.ship-showcase-action{display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:11px 22px;border:2px solid #d1a05d;border-radius:5px;background:linear-gradient(180deg,#9e632c,#553011);font:700 clamp(.8rem,1vw,.95rem)/1.2 Georgia,serif;letter-spacing:.10em;text-transform:uppercase;box-shadow:inset 0 1px 0 #e7b570,0 3px 7px #0009;color:#fff1cd}
.ship-home-showcase:hover .ship-showcase-action{filter:brightness(1.17)}
@media(max-width:720px){
 .ship-home-showcase{margin:17px 3px 0;display:flex;flex-direction:column;min-height:0}
 .ship-showcase-art,.ship-showcase-art img{position:relative;height:160px;inset:auto}
 .ship-showcase-art img{object-fit:cover;object-position:75% 37%}
 .ship-showcase-copy{min-height:0;width:100%;align-items:center;text-align:center;padding:14px 14px 18px;background:linear-gradient(#2e190e,#150c08)}
 .ship-showcase-kicker{font-size:.63rem}
 .ship-showcase-title{font-size:clamp(2.2rem,9vw,3.3rem);margin:8px 0 4px}
 .ship-showcase-subtitle{font-size:.98rem}
 .ship-showcase-line{font-size:.76rem;margin:9px 0 12px}
 .ship-showcase-action{min-width:190px;padding:12px 22px}
}