/* Club facade hotspots; outer layout belongs to the shared location shell. */
#clubIntro { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); place-items:center; flex:1; width:100%; height:100%; min-height:0; gap:0; container-type:size; }
#clubIntro[hidden] { display:none; }
#club[hidden] { display:none!important; }
#club:has(#clubIntro:not([hidden]))>.section-head { display:none; }
.club-entrance-scene { position:relative; width:min(100cqw,150cqh); height:auto; aspect-ratio:3/2; overflow:hidden; border:1px solid #554151; border-radius:8px; isolation:isolate; box-shadow:0 0 30px #0004; }
.club-entrance-scene>img { display:block; width:100%; height:100%; object-fit:contain; }
.club-entrance-door,.club-entrance-sign { position:absolute; border:0; border-radius:5px; padding:0; background:transparent; box-shadow:none; cursor:pointer; transition:background .2s,box-shadow .2s; }
.club-entrance-door { left:42%; top:40.5%; width:15.5%; height:25%; }
.club-entrance-sign { left:27%; top:15%; width:50%; height:16%; }
#clubIntro .club-entrance-scene button,
#clubIntro .club-entrance-scene button:is(:hover,:focus,:focus-visible,:active) { background:transparent; border:0; outline:0; box-shadow:none; transform:none; z-index:2; }
.club-entrance-scene::before,.club-entrance-scene::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:url('assets/club-enter/maramyga-club.png') center/100% 100%; mix-blend-mode:screen; opacity:0; filter:brightness(1.2) saturate(1.3); transition:opacity .25s ease; }
.club-entrance-scene::before { mask-image:radial-gradient(ellipse 13% 23% at 50% 54%,#000 8%,transparent 100%); }
.club-entrance-scene::after { mask-image:radial-gradient(ellipse 32% 14% at 51% 23%,#000 12%,transparent 100%); }
.club-entrance-scene:has(.club-entrance-door:is(:hover,:focus-visible):not(:disabled))::before { opacity:.55; }
.club-entrance-scene:has(.club-entrance-sign:is(:hover,:focus-visible))::after { opacity:.55; }
.club-entrance-door:disabled { cursor:not-allowed; }
@media(prefers-reduced-motion:reduce) { .club-entrance-door,.club-entrance-sign,.club-entrance-scene::before,.club-entrance-scene::after { transition:none; } }