/* V3.4 — Hidden Chamber visual upgrade, no changes to original landing page */
#chamber.chamber-screen{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#192b43 0%,#080d17 46%,#020306 88%)}
#chamber.chamber-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 13%,#a8d8ff05 13.2% 13.4%,transparent 14% 17%),radial-gradient(ellipse at 50% 100%,#b2d5ff19,transparent 52%);animation:chamberMist 9s ease-in-out infinite alternate;z-index:-1}
.cinematic-portals{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1vw,13px);width:min(100%,1050px);height:auto!important;margin:35px auto!important;align-items:end}
.cinematic-portals .portal{--glow:#9acfff;position:relative;min-width:0;height:clamp(160px,27vw,325px);overflow:hidden;border:1px solid color-mix(in srgb,var(--glow) 65%,transparent);border-radius:46% 46% 5px 5px;background:linear-gradient(0deg,#050910,#0b1728);box-shadow:inset 0 0 24px color-mix(in srgb,var(--glow) 20%,transparent),0 0 12px color-mix(in srgb,var(--glow) 15%,transparent);animation:portalBreathe 4s ease-in-out infinite alternate}
.portal-seeker,.portal-guardian{--glow:#f5b765!important}.portal-architect{--glow:#66e9ee!important}.portal-enigma{--glow:#a785ff!important}.portal-transformer{--glow:#ff809c!important}
.cinematic-portals .portal img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 23%;opacity:.82;filter:contrast(1.15) saturate(.9);mask-image:linear-gradient(#000 0 78%,transparent 100%);animation:portalFloat 6s ease-in-out infinite alternate}
.cinematic-portals .portal span{position:absolute;bottom:10px;left:0;right:0;font-size:clamp(6px,.9vw,11px);letter-spacing:.06em;color:#e9f2ff;text-shadow:0 1px 6px #000,0 0 12px var(--glow);z-index:2}
.cinematic-portals .portal-active{box-shadow:0 0 28px var(--glow),inset 0 0 22px var(--glow);border-width:2px}
.portal-glow{position:absolute;inset:15% 0 0;background:radial-gradient(ellipse at 50% 65%,var(--glow),transparent 65%);opacity:.13;animation:portalBreathe 3s infinite alternate}
#game.in-chamber{background:radial-gradient(ellipse at 50% 26%,#14263b,#030509 74%)}
#game.in-chamber .questionArea{margin-top:18px}
#game.in-chamber .questionArea h2{font-size:clamp(21px,3.5vw,30px);line-height:1.35;margin:18px auto 25px}
#game.in-chamber .glyph{font-size:40px;margin:5px auto;color:#b6dfff}
.chamber-visual{position:relative;width:min(100%,660px);height:clamp(120px,26vw,200px);margin:0 auto 15px;overflow:hidden;border-radius:50% 50% 12px 12px;border:1px solid #7595b04d;background:radial-gradient(ellipse at 50% 100%,#80c5ff4a,#0c1a2a 50%,#030509 85%);box-shadow:inset 0 0 35px #8bc8ff27,0 0 25px #9bcaff12}
.chamber-orb{position:absolute;left:50%;top:18%;width:85px;height:85px;transform:translateX(-50%);border-radius:50%;border:2px solid #c7eaffaa;box-shadow:0 0 25px #9bcfff,inset 0 0 32px #8ec9ff55;animation:orbHover 4s ease-in-out infinite}
.chamber-orb:after{content:'◇';position:absolute;inset:0;display:grid;place-items:center;font-size:46px;color:#dbedff;text-shadow:0 0 20px #b5dfff}
.chamber-portal-icons{position:absolute;bottom:8px;left:0;right:0;letter-spacing:clamp(3px,3vw,23px);font-size:16px;color:#9ac8f7aa}
.chamber-visual.orb-flash{box-shadow:0 0 55px #b4dfff,inset 0 0 55px #b4dfff}
#game.in-chamber #answers button{position:relative;border-radius:9px;border-color:#779ab0aa;background:linear-gradient(105deg,#10243bd9,#070d16f2);min-height:56px;transition:box-shadow .25s,border-color .25s,transform .25s}
#game.in-chamber #answers button.choice-selected{opacity:1!important;border-color:var(--choice-color)!important;box-shadow:0 0 25px var(--choice-color),inset 0 0 17px color-mix(in srgb,var(--choice-color) 32%,transparent);transform:scale(1.015)}
.choice-particles{position:relative;pointer-events:none;height:0;overflow:visible;z-index:4}
.flame-particle{position:absolute;width:7px;height:16px;border-radius:70% 15% 70% 35%;background:var(--c);box-shadow:0 0 9px 2px var(--c);animation:flameRise 1s ease-out forwards;opacity:0}
@keyframes flameRise{0%{opacity:0;transform:translate(0,15px) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}
@keyframes portalBreathe{from{filter:brightness(.8)}to{filter:brightness(1.18)}}
@keyframes portalFloat{from{transform:scale(1.03) translateY(4px)}to{transform:scale(1.08) translateY(-5px)}}
@keyframes orbHover{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
@keyframes chamberMist{from{opacity:.35;transform:translateX(-1%)}to{opacity:.8;transform:translateX(1%)}}
@media(max-width:650px){.cinematic-portals{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100%,430px)}.cinematic-portals .portal{height:clamp(170px,48vw,235px)}.cinematic-portals .portal span{font-size:9px}#chamber.chamber-screen{padding-left:16px;padding-right:16px}#game.in-chamber .questionArea{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.cinematic-portals .portal,.cinematic-portals .portal img,.portal-glow,.chamber-orb,#chamber.chamber-screen:before{animation:none!important}.flame-particle{display:none}}
