/* THE INN V18 · HOMEPAGE ENTERTAINMENT AND NOW PLAYING ONLY
   One clean authoritative style; independent working links; no flattened poster.
   All games, management and recording code remain unchanged. */
body.home-redesign .v18-entertainment {
  position:relative;z-index:4;isolation:isolate;
  width:min(1390px,calc(100% - 36px));max-width:none;
  margin:-29px auto 0;padding:10px clamp(12px,1.8vw,25px) 14px;
  border:8px ridge #a77940;border-radius:19px;
  background:
    radial-gradient(ellipse at 50% 0%,#8b50292b,transparent 55%),
    repeating-linear-gradient(94deg,#28140b 0px,#4a2716 25px,#32180e 48px,#54321b 64px,#28140d 82px);
  box-shadow:inset 0 0 0 2px #dfb66e,inset 0 0 0 7px #2c170c,0 20px 42px #000c,0 0 0 2px #301408;
}
.v18-entertainment::before{content:none!important}
.v18-entertainment .v18-title-beam{text-align:center;color:#e8bc7c;letter-spacing:.28em;font:700 11px/1.5 Georgia,serif;
 text-shadow:0 1px 6px #000;padding:2px 0 0}
.v18-entertainment .inn-entertainment-heading {min-height:56px;margin:0 0 11px;padding:0 8px 9px;gap:18px;border-bottom:2px solid #aa753c}
.v18-entertainment .inn-entertainment-heading::before{display:none}
.v18-entertainment .inn-entertainment-heading h2{
 color:#ffe6b3;font:700 clamp(1.35rem,3.15vw,2.75rem)/1.18 'Playfair Display',Georgia,serif;
 letter-spacing:.095em;text-shadow:0 3px 2px #321508,0 0 18px #dda65e66;white-space:normal}
.v18-flourish{color:#dbaf6b;font:2rem Georgia,serif;text-shadow:0 1px 7px #000}
.v18-entertainment .v18-cabinet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.4vw,19px)}
.v18-entertainment .v18-cabinet{
 position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;
 padding:8px 9px 10px;color:#f8ddaa;text-decoration:none;text-align:center;overflow:visible;
 border:4px ridge #ad8248;border-radius:11px 11px 5px 5px;
 background:radial-gradient(ellipse at 50% 12%,#78402265,transparent 70%),linear-gradient(130deg,#422615,#170d08 56%,#372014);
 box-shadow:inset 0 0 0 2px #3e210e,inset 0 0 0 4px #b27b40,0 9px 13px #000b,0 0 15px #bf81362e;
 transition:transform .22s cubic-bezier(.19,.75,.38,1.12),box-shadow .22s ease,filter .22s ease;
 transform:translateZ(0);animation:none}
.v18-cabinet::before{content:"";position:absolute;inset:5px 6px auto;height:8px;border-radius:50%;
 background:linear-gradient(90deg,transparent,#f3c07a,#a87435,#f0c783,transparent);box-shadow:0 0 12px #d5a15c5e;pointer-events:none}
.v18-cabinet .v18-cabinet-arch{margin:5px auto 0;color:#ae753b;font:10px Georgia,serif}
.v18-cabinet .v18-cabinet-title{color:#ffdfa0;text-shadow:0 2px #291006,0 0 15px #c89445;
 font:700 clamp(1.1rem,1.65vw,1.7rem)/1.15 'Playfair Display',Georgia,serif;letter-spacing:.035em;
 padding:1px 1px 8px;white-space:nowrap}
.v18-cabinet .v18-cabinet-art{display:block;flex:0 0 auto;height:clamp(115px,13.2vw,174px);overflow:hidden;
 border:3px ridge #a8793d;background:linear-gradient(#080705,#24180f);border-radius:2px;
 box-shadow:0 4px 9px #000b,inset 0 0 15px #000}
.v18-cabinet .v18-cabinet-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 border:0!important;aspect-ratio:auto!important;filter:saturate(1.11) contrast(1.035)}
.v18-cabinet .v18-cabinet-description{display:flex;flex:1;justify-content:center;align-items:center;
 min-height:44px;padding:9px 5px 7px;color:#e8cda4;font:600 clamp(.7rem,.95vw,.89rem)/1.3 Georgia,serif}
.v18-cabinet .v18-cabinet-cta{display:block;padding:8px 4px 7px;margin:0 2px;
 border:2px ridge #ddb776;border-radius:4px;color:#ffe5ae;text-transform:uppercase;
 font:800 clamp(.72rem,1vw,.9rem)/1.2 Georgia,serif;letter-spacing:.07em;
 background:linear-gradient(180deg,#80502c,#352012 67%,#231309);box-shadow:inset 0 1px 0 #f3ca8588,0 3px 0 #120902}
.v18-cabinet.v18-ceefax .v18-cabinet-cta{background:linear-gradient(#3b5467,#142b3c)}
.v18-cabinet.v18-quiz .v18-cabinet-cta{background:linear-gradient(#376b50,#143b2d)}
.v18-cabinet.v18-fruit .v18-cabinet-cta{background:linear-gradient(#774229,#3a160f)}
.v18-cabinet .inn-game-juke-live{position:absolute;left:8px;right:8px;bottom:46px;z-index:1;background:#28190fc9;font-size:.6rem;pointer-events:none}
.v18-cabinet .inn-game-juke-live[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){
 .v18-entertainment .v18-cabinet:hover{z-index:9;transform:translateY(-10px) scale(1.027);filter:brightness(1.075);
 box-shadow:inset 0 0 0 2px #3e210e,inset 0 0 0 4px #c79c5e,0 20px 28px #000c,0 0 22px #e8ab5070}
 .v18-entertainment .v18-cabinet:hover .v18-cabinet-cta{filter:brightness(1.1)}
}
.v18-cabinet:focus-visible,.v18-ship:focus-visible{outline:3px solid #ffe69e!important;outline-offset:5px}
/* Large pirate feature: independent real playing card assets, responsive copy and CTA. */
.v18-entertainment .v18-ship{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);
 margin:19px 0 0;min-height:305px;color:#f2deaf;text-decoration:none;
 border:5px ridge #bd975c;border-radius:10px;background:#1d1009;overflow:hidden;
 box-shadow:inset 0 0 0 3px #3d2411,0 10px 20px #000c;
 transition:box-shadow .24s ease,filter .24s ease,transform .24s ease}
.v18-ship-board-side{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;
 min-width:0;padding:15px 18px 8px;overflow:hidden;border-right:3px solid #bd8d54;
 background:radial-gradient(ellipse at 50% 45%,#9f6b3d4d,transparent 63%),
 linear-gradient(90deg,#140a06ab,#0001 16%,#0001 84%,#160c08bd),
 url('../ship-a-hoy/player/assets/tavern-planks.webp') center/cover}
.v18-ship-board-side::before,.v18-ship-board-side::after{content:'⚓';position:absolute;color:#e0a95471;font:3.5rem Georgia,serif;text-shadow:0 2px 7px #000c;z-index:0}
.v18-ship-board-side::before{left:17px;top:10px;transform:rotate(-23deg)}
.v18-ship-board-side::after{right:17px;bottom:5px;transform:rotate(22deg)}
.v18-board-sconce{position:absolute;width:27px;height:47px;top:32px;z-index:1;pointer-events:none;
 background:radial-gradient(ellipse at 50% 40%,#fff2b1 0,#ffc972 22%,#a65a26 42%,transparent 64%);filter:blur(2px);opacity:.8}
.v18-board-sconce-left{left:8px}.v18-board-sconce-right{right:8px}
.v18-card-stage{position:relative;z-index:2;width:min(100%,290px);padding:8px;border:4px ridge #b48a50;border-radius:5px;
 transform:rotate(-1deg);background:linear-gradient(#312014dd,#19110ce9);box-shadow:0 9px 20px #000b,0 0 25px #ca873e6e}
.v18-card-mat{padding:8px;background:linear-gradient(140deg,#59341d,#251407 65%,#422610);border:2px solid #986b41}
.v18-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.v18-card{position:relative;display:block;aspect-ratio:330/462;min-width:0;background:#f5e6cc;border-radius:2px;
 box-shadow:0 3px 3px #0009;overflow:visible}
.v18-card>img:first-child{width:100%;height:100%;object-fit:fill;display:block;border-radius:2px}
.v18-card .v18-bottle-cap{position:absolute;left:50%;top:50%;width:58%;height:auto;transform:translate(-50%,-50%) rotate(5deg);
 filter:drop-shadow(1px 3px 2px #170903a9)}
.v18-board-ledger{z-index:2;margin-top:7px;font:700 clamp(.55rem,.78vw,.73rem)/1.2 Georgia,serif;
 color:#f3cf85;text-shadow:0 1px 4px #000;letter-spacing:.1em;text-align:center}
.v18-ship-message{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 padding:15px clamp(16px,2.2vw,33px);overflow:hidden;
 background:radial-gradient(ellipse at 50% 6%,#b7803c5b,transparent 60%),
 linear-gradient(115deg,#523017,#291709 63%,#462715)}
.v18-ship-message::before{content:'☠';position:absolute;right:20px;top:8px;color:#a56e363d;font:5rem Georgia,serif;pointer-events:none}
.v18-ship-topline{color:#edc37c;font:700 clamp(.6rem,.93vw,.82rem)/1.4 Georgia,serif;letter-spacing:.13em;z-index:1}
.v18-ship-message h3{z-index:1;margin:6px 0 1px;color:#ffe3a1;font:700 clamp(2.5rem,4.4vw,4.65rem)/.98 'Playfair Display',Georgia,serif;
 text-shadow:0 3px 0 #481e0e,0 5px 7px #000,0 0 18px #d59f515c;letter-spacing:.03em}
.v18-ship-subtitle{z-index:1;color:#f2d9ac;font:italic 600 clamp(.96rem,1.5vw,1.4rem)/1.24 Georgia,serif}
.v18-ship-message p{z-index:1;margin:11px 0 9px;font:500 clamp(.82rem,1.18vw,1.05rem)/1.45 Georgia,serif;color:#f4e3c8}
.v18-ship-message p strong{color:#ffe0a2}
.v18-ship-modes{z-index:1;font:700 clamp(.56rem,.85vw,.8rem)/1.4 Georgia,serif;color:#efca8b;letter-spacing:.05em}
.v18-ship-modes span{color:#daa65a;padding:0 .22rem}
.v18-ship-button{z-index:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:15px;
 margin-top:12px;padding:9px 24px;border:3px ridge #f5cb7c;border-radius:5px;
 background:linear-gradient(#b87939,#78421c 62%,#46220f);box-shadow:inset 0 1px 0 #fff0b5,0 5px 0 #1c0c05,0 9px 14px #0008;
 font:800 clamp(.85rem,1.2vw,1.05rem)/1.18 Georgia,serif;letter-spacing:.065em;color:#ffebbc}
.v18-ship-footer{z-index:1;margin-top:13px;color:#b48d61;font:700 .62rem Georgia,serif;letter-spacing:.16em}
@media(hover:hover) and (pointer:fine){
 .v18-entertainment .v18-ship:hover{filter:brightness(1.065);box-shadow:inset 0 0 0 3px #3d2411,0 15px 27px #000c,0 0 18px #e2ab5650}
 .v18-entertainment .v18-ship:hover .v18-ship-button{filter:brightness(1.12)}
}
.v18-entertainment .inn-entertainment-foot{margin:12px 0 0;color:#efcb8f;font:.9rem Georgia,serif;text-align:center}
/* Real live jukebox information is INSIDE #inn-now-playing; decorative equaliser is a sibling,
   so js/now-playing.js can refresh track metadata without ever destroying its animation. */
body.home-redesign .v18-now-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:8px;
 width:min(1390px,calc(100% - 36px));max-width:none;margin:16px auto 25px;padding:28px 10px 10px;
 border:7px ridge #b88748;border-radius:14px;isolation:isolate;
 background:radial-gradient(ellipse at 50% 0,#b8874838,transparent 60%),linear-gradient(100deg,#502d18,#22130b 50%,#412613);
 box-shadow:inset 0 0 0 3px #3f2415,0 12px 25px #000b,0 0 17px #dda2583a}
.v18-now-heading{position:absolute;left:0;right:0;top:5px;text-align:center;color:#f7d89e;font:700 .73rem Georgia,serif;letter-spacing:.2em}
body.home-redesign .v18-now-shell #inn-now-playing{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 border:1px solid #997144!important;border-radius:5px!important;background:#100d0b!important;box-shadow:none!important;min-width:0!important}
body.home-redesign .v18-now-shell #inn-now-playing .inn-live-panel{height:100%;min-height:120px;display:flex;align-items:center;
 gap:clamp(13px,1.7vw,26px);padding:12px clamp(12px,2vw,30px);border:0;
 background:linear-gradient(105deg,#30190b,#171009 62%,#271707);min-width:0}
body.home-redesign .v18-now-shell .inn-live-record{width:clamp(74px,9vw,108px);height:clamp(74px,9vw,108px);
 flex:0 0 clamp(74px,9vw,108px);border:4px solid #c49a58;background:repeating-radial-gradient(circle,#292723 0 4px,#0d0e0b 5px 7px,#332e25 8px 9px);
 box-shadow:0 0 0 3px #351b0e,0 0 17px #c38a4e68}
body.home-redesign .v18-now-shell .inn-live-record-label{width:28%;height:28%;border:5px solid #e9c784}
body.home-redesign .v18-now-shell .inn-live-details{flex:1;min-width:0}
body.home-redesign .v18-now-shell .inn-now-playing-label{font:700 clamp(.7rem,1vw,.93rem) Georgia,serif;letter-spacing:.1em;color:#ebc27e}
body.home-redesign .v18-now-shell .inn-now-playing-title{font:700 clamp(1.35rem,2.5vw,2.4rem)/1.13 'Playfair Display',Georgia,serif;color:#fff1cf;
 text-shadow:0 2px 4px #000;overflow-wrap:anywhere;margin:5px 0}
body.home-redesign .v18-now-shell .inn-now-playing-code{font:700 clamp(.66rem,.95vw,.85rem)/1.35 Georgia,serif;color:#d2ab69;letter-spacing:.08em}
.v18-equalizer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;padding:10px 15px 8px;
 border:1px solid #977343;border-radius:5px;background:linear-gradient(#180f08,#070807);box-shadow:inset 0 0 17px #000}
.v18-eq-frame{height:80px;display:flex;align-items:end;padding:7px 2px 2px;border:1px solid #504021;background:#0a130f;
 box-shadow:inset 0 0 13px #000,0 0 14px #b27d3733}
.v18-eq-bars{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:3px}
.v18-eq-bar{display:block;flex:1 1 2px;max-width:13px;min-width:3px;height:var(--a);
 border-radius:1px;background:repeating-linear-gradient(to top,transparent 0 3px,#050b0799 3px 5px),linear-gradient(to top,#609044 0 38%,#b5bf50 38% 57%,#e6b04c 57% 76%,#cf7233 76% 88%,#b74329 88%);
 box-shadow:0 0 6px #d0a24743;animation:v18eq var(--t) ease-in-out var(--d) infinite alternate}
.v18-eq-label{color:#bca169;text-align:center;margin-top:7px;font:700 clamp(.52rem,.77vw,.69rem)/1.1 Georgia,serif;letter-spacing:.13em}
@keyframes v18eq{0%{height:var(--a)}47%{height:var(--b)}100%{height:var(--c)}}
@media(max-width:1020px){
 .v18-entertainment .v18-cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v18-entertainment .v18-cabinet-art{height:clamp(154px,23vw,220px)}
 .v18-entertainment .v18-cabinet-description{font-size:.9rem}
 .v18-entertainment .v18-ship{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
 .v18-entertainment .v18-ship-message h3{font-size:clamp(2.7rem,6vw,4rem)}
}
@media(max-width:675px){
 body.home-redesign .v18-entertainment{width:calc(100% - 12px);margin-top:-16px;padding:6px 9px 11px;border-width:5px}
 .v18-entertainment .inn-entertainment-heading{min-height:48px;margin-bottom:10px;gap:5px}
 .v18-entertainment .inn-entertainment-heading h2{font-size:clamp(1rem,4.65vw,1.52rem);letter-spacing:.02em}
 .v18-flourish{font-size:1rem}
 .v18-entertainment .v18-cabinet-grid{gap:9px}
 .v18-entertainment .v18-cabinet{padding:6px;min-width:0;border-width:3px}
 .v18-entertainment .v18-cabinet-title{font-size:clamp(.9rem,4vw,1.25rem)}
 .v18-entertainment .v18-cabinet-art{height:clamp(98px,27vw,175px)}
 .v18-entertainment .v18-cabinet-description{min-height:53px;font-size:clamp(.65rem,2.5vw,.82rem)}
 .v18-entertainment .v18-cabinet-cta{font-size:clamp(.6rem,2.6vw,.77rem);padding:8px 3px}
 .v18-entertainment .v18-ship{display:flex;flex-direction:column;margin-top:15px}
 .v18-ship-board-side{min-height:330px;padding:15px 8px 8px;border-right:0;border-bottom:3px solid #a57840}
 .v18-card-stage{width:min(100%,270px)}
 .v18-ship-message{padding:23px 13px}
 .v18-ship-message h3{font-size:clamp(2.55rem,10vw,4rem)}
 .v18-ship-topline{font-size:.68rem}
 .v18-ship-modes{font-size:.64rem}
 body.home-redesign .v18-now-shell{width:calc(100% - 12px);grid-template-columns:1fr;padding:25px 7px 7px;gap:7px;border-width:5px}
 body.home-redesign .v18-now-shell #inn-now-playing .inn-live-panel{min-height:111px}
 body.home-redesign .v18-now-shell .inn-now-playing-title{font-size:clamp(1.4rem,5.5vw,1.95rem)}
 .v18-eq-frame{height:65px}
}
@media(max-width:360px){.v18-entertainment .v18-cabinet-grid{grid-template-columns:1fr}.v18-entertainment .v18-cabinet-art{height:190px}}
@media(hover:none){.v18-entertainment .v18-cabinet:hover,.v18-entertainment .v18-ship:hover{transform:none!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){.v18-entertainment .v18-cabinet,.v18-entertainment .v18-ship,.v18-eq-bar{animation:none!important;transition:none!important}}
