/* Interactive lounge. Existing photographic smoke assets and brand lockup stay authoritative. */
.lounge-lab{--room-accent:#b4f280;--room-glow:rgba(96,170,98,.25);--room-border:rgba(179,243,161,.25);background:radial-gradient(ellipse at 50% 0%,var(--room-glow),transparent 65%),#09110e;color:#eef7e9}
html[data-lounge-theme="midnight"] .lounge-lab{--room-accent:#b7c8fa;--room-glow:rgba(85,110,190,.28);--room-border:rgba(182,201,251,.3)}
html[data-lounge-theme="halloween"] .lounge-lab{--room-accent:#ffbd74;--room-glow:rgba(194,88,35,.3);--room-border:rgba(255,189,116,.32)}
.lounge-lab .section-kicker{border-color:var(--room-border)}
.lounge-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:clamp(22px,5vw,60px);align-items:end;margin-bottom:clamp(25px,4vw,48px)}
.lounge-intro h2{font-size:clamp(53px,7vw,103px)}
.lounge-intro h2 em{color:var(--room-accent)}
.lounge-intro>p{max-width:405px;color:#becdbf;line-height:1.65;font-size:clamp(15px,1.5vw,18px)}
.lounge-eyebrow{font:700 11px/1.4 "DM Sans",sans-serif;letter-spacing:.16em;color:var(--room-accent);margin-bottom:18px}
.lounge-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px;align-items:stretch}
.lounge-room,.lounge-moods,.lounge-cheers{border:1px solid var(--room-border);border-radius:20px;overflow:hidden;background:#0e1b15}
.lounge-room{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:clamp(18px,3vw,32px);background:linear-gradient(160deg,#14231c,#07120d)}
.lounge-room::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 45% 15%,var(--room-glow),transparent 60%);pointer-events:none}
.lounge-room-heading,.lounge-room-footer,.lounge-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 11px/1.4 "DM Sans",sans-serif;letter-spacing:.12em}
.lounge-room-heading,.lounge-room-footer{color:#d7eddb}
.lounge-room-heading .lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--room-accent);box-shadow:0 0 18px var(--room-accent);margin-right:8px}
/* Picture-backed scene: absolute markers on wide screens, usable buttons below it on touch layouts. */
.lounge-scene{position:relative;min-width:0;aspect-ratio:1024/683;border:1px solid var(--room-border);border-radius:13px;overflow:hidden;margin:24px 0 12px;isolation:isolate;background:#112018}
.lounge-scene-photo{display:block;position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:brightness(.67) saturate(.95);opacity:0;transition:opacity .24s ease}
.lounge-scene-photo[data-photo-state="ready"]{opacity:1}
.lounge-scene[data-active-room="cinema"]{background:#1e1619}
.lounge-scene[data-active-room="profile"]{background:#111d25}
.lounge-scene[data-active-room="crew"]{background:#1c211a}
.lounge-photo-status{margin:0 0 12px;font:600 11px/1.5 "DM Sans",sans-serif;color:var(--room-accent)}
.lounge-photo-status[hidden]{display:none}
.lounge-doors{position:absolute;inset:0;z-index:2}
.lounge-hotspot{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:7px 10px 7px 7px;border:1px solid rgba(233,255,227,.56);border-radius:25px;color:#fff;background:rgba(8,19,14,.87);backdrop-filter:blur(7px);cursor:pointer;box-shadow:0 3px 15px rgba(0,0,0,.36);font:800 11px/1.1 "DM Sans",sans-serif;letter-spacing:.055em;transition:background .16s,border-color .16s,transform .16s;text-align:left}
.lounge-hotspot[aria-pressed="true"],.lounge-hotspot:hover{border-color:var(--room-accent);background:rgba(7,28,16,.96);color:var(--room-accent)}
.lounge-hotspot:focus-visible{outline:3px solid var(--room-accent);outline-offset:4px}
.lounge-hotspot-pin{flex:none;display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;color:#05100a;background:var(--room-accent);font-size:12px;box-shadow:0 0 13px var(--room-glow)}
.lounge-hotspot--arcade{top:26%;left:3%}
.lounge-hotspot--cinema{top:13%;left:37%}
.lounge-hotspot--profile{bottom:17%;left:22%}
.lounge-hotspot--crew{top:37%;right:3%}
.lounge-room-preview{display:flex;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:18px 0 14px;border-top:1px solid var(--room-border)}
.lounge-room-preview-copy{min-width:0}
.lounge-preview-eyebrow{font:800 9px/1.5 "DM Sans",sans-serif;letter-spacing:.15em;color:var(--room-accent)}
.lounge-room-preview h3{margin:4px 0 6px;font:800 clamp(25px,2.8vw,40px)/1 "Barlow Condensed",sans-serif;color:#fff}
.lounge-room-preview p{font:500 12px/1.55 "DM Sans",sans-serif;color:#ccddcc;max-width:360px}
.lounge-preview-link{flex-shrink:0;display:block;min-width:112px;padding:12px 13px;border-radius:9px;background:var(--room-accent);color:#09140c;text-decoration:none;text-align:center;font:800 10px/1.4 "DM Sans",sans-serif;letter-spacing:.045em}
.lounge-photo-credit{font:500 10px/1.5 "DM Sans",sans-serif;color:#abc0af;margin:0 0 14px}
.lounge-photo-credit a{color:var(--room-accent)}
.lounge-secret{font-size:23px;line-height:1;color:var(--room-accent);background:rgba(5,15,10,.8);border:1px solid var(--room-border);border-radius:50%;width:44px;height:44px;cursor:pointer}
.lounge-secret-message{font:600 12px/1.4 "DM Sans",sans-serif;color:var(--room-accent);min-height:16px;margin:7px 0 0}
.lounge-side{display:grid;grid-template-rows:auto 1fr;gap:20px;min-width:0}
.lounge-moods,.lounge-cheers{padding:clamp(19px,2.5vw,29px)}
.lounge-control-head{align-items:flex-start;flex-wrap:wrap;color:#e6f4e7;margin-bottom:23px}
.lounge-control-head h3{font:800 clamp(22px,2.35vw,33px)/1 "Barlow Condensed",sans-serif;letter-spacing:.03em}
.lounge-control-head span{font-size:9px;color:var(--room-accent);white-space:nowrap}
.lounge-mood-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lounge-mood-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:92px;padding:12px 7px;cursor:pointer;font:700 10px/1.35 "DM Sans",sans-serif;letter-spacing:.04em;color:#dbe8dc;background:#12251b;border:1px solid rgba(197,239,205,.19);border-radius:11px;text-align:center}
.lounge-mood-options button[aria-pressed="true"]{border-color:var(--room-accent);color:var(--room-accent);box-shadow:inset 0 0 0 1px var(--room-accent)}
.mood-dot{display:block;width:25px;height:25px;border-radius:50%;border:2px solid rgba(255,255,255,.33);box-shadow:0 4px 16px rgba(0,0,0,.4)}
.mood-lounge{background:radial-gradient(circle at 35% 25%,#d5f79b,#3b7351)}
.mood-midnight{background:radial-gradient(circle at 35% 25%,#8bb4ff,#22244d)}
.mood-halloween{background:radial-gradient(circle at 35% 25%,#ffd082,#793116)}
.lounge-fineprint{font:500 11px/1.6 "DM Sans",sans-serif;color:#b0c5b8;margin:13px 0 0}
.lounge-cheers{display:flex;flex-direction:column;background:linear-gradient(150deg,#142820,#09150f)}
.lounge-cheers-art{display:block;width:100%;height:auto;max-height:180px;object-fit:contain;align-self:center}
.lounge-cheers-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.lounge-cheers-stats>div{border:1px solid var(--room-border);border-radius:10px;padding:12px}
.lounge-cheers-stats small{display:block;font:700 10px/1.4 "DM Sans",sans-serif;letter-spacing:.1em;color:#b5c7bd}
.lounge-cheers-stats strong{display:block;font:800 32px/1.15 "Barlow Condensed",sans-serif;color:var(--room-accent);margin-top:5px}
.lounge-cheers-progress{width:100%;height:5px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.lounge-cheers-progress span{display:block;height:100%;width:0;background:var(--room-accent);transition:width .8s linear}
#lounge-cheers-status{font:500 13px/1.6 "DM Sans",sans-serif;color:#d1e0d4;min-height:40px;margin:14px 0}
.lounge-cheers-button,.lounge-signin{display:block;width:100%;background:var(--room-accent);color:#08130e;border:0;border-radius:10px;padding:15px;text-align:center;text-decoration:none;cursor:pointer;font:800 13px/1.4 "DM Sans",sans-serif;letter-spacing:.07em}
.lounge-cheers-button:disabled{cursor:not-allowed;opacity:.55}
.lounge-signin{margin-top:8px;background:transparent;border:1px solid var(--room-accent);color:var(--room-accent)}
.lounge-signin[hidden]{display:none}
@media(max-width:1100px){
 .lounge-scene{aspect-ratio:auto;overflow:visible;border:0;background:transparent}
 .lounge-scene-photo{position:relative;inset:auto;height:auto;width:100%;aspect-ratio:1024/683;border:1px solid var(--room-border);border-radius:11px;overflow:hidden}
 .lounge-doors{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}
 .lounge-hotspot{position:static;min-width:0;min-height:58px;border-radius:11px;padding:8px;box-shadow:none}
 .lounge-hotspot strong{overflow-wrap:anywhere}
}
@media(max-width:760px){
 .lounge-intro,.lounge-layout{grid-template-columns:1fr}
 .lounge-room{padding:20px}
 .lounge-side{grid-template-rows:auto auto}
 .lounge-room-preview{flex-wrap:wrap}
 .lounge-preview-link{min-height:44px}
}
@media(max-width:360px){.lounge-doors{grid-template-columns:1fr}.lounge-room-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lounge-hotspot,.lounge-cheers-progress span,.lounge-scene-photo{transition:none}}
html.fx-off .lounge-hotspot,html.fx-off .lounge-scene-photo{transition:none}

/* Atmospheres tint the full homepage. The real 420/CHEERS imagery never gets filters or cheap movement. */
html[data-lounge-theme="midnight"]{--leaf:#b7c8fa;--mint:#a1c4ec;--stroke:rgba(174,199,254,.24)}
html[data-lounge-theme="halloween"]{--leaf:#ffbd74;--mint:#f4ab88;--stroke:rgba(255,190,140,.25)}
html[data-lounge-theme="midnight"] .hero{background:radial-gradient(ellipse at 78% 32%,#283554,transparent 52%),linear-gradient(140deg,#131c2a,#090e1a 66%)}
html[data-lounge-theme="halloween"] .hero{background:radial-gradient(ellipse at 78% 32%,#55301d,transparent 52%),linear-gradient(140deg,#211913,#0e1010 66%)}
html[data-lounge-theme="midnight"] .experiences{background:linear-gradient(180deg,#111b2a,#131e32 65%,#0c1321)}
html[data-lounge-theme="halloween"] .experiences{background:linear-gradient(180deg,#241b16,#282018 65%,#151510)}