#observerChamber{position:fixed;inset:0;z-index:2147483647;background:#090610;color:#f3e6ff;font-family:Georgia,'Times New Roman',serif;overflow:auto}#observerChamber[hidden]{display:none!important}.oc-background{position:fixed;inset:0;background-image:url('observer-chamber-bg.png');background-position:center center;background-size:cover;background-repeat:no-repeat}.oc-shade{position:fixed;inset:0;background:linear-gradient(90deg,rgba(8,4,16,.20),rgba(8,4,16,.32) 45%,rgba(8,4,16,.15)),linear-gradient(0deg,rgba(7,3,14,.68),transparent 30%)}.oc-scroll{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:18px 18px 40px}.oc-header{font-size:clamp(11px,1.3vw,15px);letter-spacing:.22em;color:#f4e5ff;text-align:center;text-shadow:0 2px 12px #000}.oc-header span{padding:0 12px;color:#c5a2f1}.oc-panel{width:min(670px,100%);margin:auto 0;padding:clamp(22px,3vw,38px);border:1px solid rgba(221,180,255,.8);border-radius:20px;text-align:center;background:linear-gradient(155deg,rgba(13,7,27,.91),rgba(22,10,38,.86));box-shadow:0 0 0 1px #5e377d55,0 14px 60px #06010caa,0 0 40px #ad64f833;backdrop-filter:blur(9px)}.oc-eye svg{height:44px;width:58px;filter:drop-shadow(0 0 9px #ba6afc);color:#d7b3ff}.oc-small,.oc-progress{font-size:11px;letter-spacing:.17em;color:#d9b5f4}.oc-panel h1{font-weight:400;letter-spacing:.08em;font-size:clamp(24px,3vw,37px);margin:13px 0}.oc-intro{line-height:1.55;color:#e3d0ef;font-size:clamp(14px,1.5vw,17px);margin:0}.oc-yourself{font-size:21px;font-style:italic;color:#f5dfff;margin:8px 0 22px;text-shadow:0 0 14px #b75fff}.oc-progress{border-top:1px solid #7e5d9a;padding-top:17px}.oc-question{font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.35;margin:14px 0 18px}.oc-choices{display:grid;gap:11px}.oc-choice{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;min-height:55px;text-align:left;color:#f4e7ff;font:clamp(14px,1.5vw,17px) Georgia,serif;border:1px solid #a87cc7;border-radius:11px;background:linear-gradient(90deg,#170b28e8,#28143fe8);box-shadow:inset 0 0 13px #ab64e11b;cursor:pointer;opacity:0;animation:ocAppear .65s ease forwards}.oc-choice:nth-child(2){animation-delay:.17s}.oc-choice:nth-child(3){animation-delay:.34s}.oc-choice svg{width:25px;height:25px;flex:none;color:#d5a8ff}.oc-choice.chosen,.oc-choice:hover{border-color:#f1d5ff;background:#4b2c68;box-shadow:0 0 19px #ad5ffb55}.oc-nav{display:flex;gap:14px;margin-top:20px}.oc-nav[hidden]{display:none}.oc-nav button,#ocExit{padding:12px 15px;border-radius:9px;border:1px solid #c7a3ed;background:#4a2a68;color:#fff;font:14px Georgia,serif;cursor:pointer}.oc-nav button{flex:1}.oc-nav button:disabled{opacity:.3;cursor:default}#ocExit{margin:20px 0 0;background:#150b25c9;font-size:12px;letter-spacing:.09em}.oc-finish{animation:ocAppear 1.1s ease both;padding:22px 0}.oc-finish h2{font-weight:400;letter-spacing:.1em}@keyframes ocAppear{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}#ocQuestion>.oc-progress,#ocQuestion>.oc-question{animation:ocAppear .8s ease both}#ocQuestion>.oc-question{animation-delay:.13s}@media(max-width:600px){.oc-background{background-position:50% center}.oc-scroll{padding:14px 12px 25px}.oc-panel{margin:22px 0 0;padding:20px 15px;border-radius:16px}.oc-panel h1{font-size:25px}.oc-intro{font-size:14px}.oc-choice{padding:12px;min-height:60px}.oc-header{letter-spacing:.09em}.oc-yourself{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.oc-choice,#ocQuestion>.oc-progress,#ocQuestion>.oc-question,.oc-finish{animation:none;opacity:1}}
/* V7.35 — keep the chamber visible instead of covering it with a centered questionnaire */
@media(min-width:801px){
 .oc-scroll{align-items:flex-end;justify-content:center;padding:32px clamp(24px,5vw,90px)}
 .oc-header{position:absolute;top:22px;left:0;right:0}
 .oc-panel{width:min(490px,43vw);margin:50px 0 0;padding:22px 24px;background:linear-gradient(145deg,rgba(12,6,25,.81),rgba(25,10,40,.76));backdrop-filter:blur(3px)}
 .oc-panel h1{font-size:clamp(22px,2.4vw,32px)}
 .oc-intro{font-size:14px}.oc-choice{min-height:48px;padding:10px 13px}
 #ocExit{align-self:flex-end;margin-right:100px}
}
@media(max-width:800px){
 #observerChamber{overflow-y:auto;overscroll-behavior:contain}
 .oc-background{background-position:50% 22%;background-size:auto 100%;}
 .oc-shade{background:linear-gradient(180deg,rgba(6,3,15,.15) 0%,rgba(6,3,15,.04) 30%,rgba(6,3,15,.12) 47%,rgba(6,3,15,.62) 70%,rgba(6,3,15,.78) 100%)}
 .oc-scroll{min-height:100svh;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:stretch;padding:43svh 12px 22px}
 .oc-header{position:absolute;top:13px;left:8px;right:8px;font-size:10px;letter-spacing:.08em}
 .oc-panel{width:100%;box-sizing:border-box;margin:0;padding:14px 14px 16px;border-radius:17px;background:linear-gradient(150deg,rgba(12,6,25,.79),rgba(25,10,41,.84));backdrop-filter:blur(3px);box-shadow:0 8px 35px #08020aaa}
 .oc-eye svg{height:24px;width:34px}.oc-small{font-size:9px;letter-spacing:.08em}
 .oc-panel h1{font-size:clamp(20px,5vw,26px);margin:7px 0}
 .oc-intro{font-size:12px;line-height:1.3}.oc-intro br{display:none}
 .oc-yourself{font-size:16px;margin:3px 0 9px}
 .oc-progress{padding-top:9px;font-size:9px}
 .oc-question{font-size:clamp(16px,4vw,20px);margin:8px 0 10px}
 .oc-choices{gap:7px}.oc-choice{min-height:43px;padding:8px 10px;font-size:13px;gap:9px;border-radius:9px}
 .oc-choice svg{width:19px;height:19px}
 .oc-nav{margin-top:10px;gap:9px}.oc-nav button{padding:10px 8px;font-size:12px}
 #ocExit{align-self:center;margin:10px 0 0;padding:9px 15px}
}

/* V7.36 — Observer identity: slate blue, midnight navy and silver */
#observerChamber{background:#07111f;color:#e9f2fc}
.oc-background{background-image:url('observer-chamber-bg.png');background-position:center center}
.oc-shade{background:linear-gradient(90deg,rgba(4,11,22,.04),rgba(5,13,25,.18) 52%,rgba(4,11,22,.08)),linear-gradient(0deg,rgba(4,10,19,.48),transparent 40%)}
.oc-panel{color:#eaf3fd;border-color:rgba(151,188,224,.75);background:linear-gradient(145deg,rgba(6,17,33,.81),rgba(13,30,50,.76));box-shadow:0 0 0 1px #6888aa44,0 14px 55px #020912bb,0 0 28px #6f9fd030;backdrop-filter:blur(4px)}
.oc-header,.oc-panel h1{color:#eaf3fd}.oc-header span,.oc-small,.oc-progress{color:#aac5df}
.oc-eye svg{color:#b6d4ef;filter:drop-shadow(0 0 9px #8bbde9)}
.oc-intro{color:#d0deed}.oc-yourself{color:#e0edfa;text-shadow:0 0 14px #6d9ed0}
.oc-progress{border-top-color:#65809c}
.oc-choice{color:#eaf3fd;border-color:#7395b7;background:linear-gradient(90deg,rgba(8,21,39,.92),rgba(22,45,68,.89));box-shadow:inset 0 0 13px #7ca7d022}
.oc-choice svg{color:#b2d0eb}
.oc-choice.chosen,.oc-choice:hover{border-color:#d7e9ff;background:#304e6c;box-shadow:0 0 18px #81b9ef66}
.oc-nav button,#ocExit{color:#edf6ff;border-color:#9cbad7;background:#25415e}
#ocExit{background:#091a2ddd}
@media(min-width:801px){.oc-panel{background:linear-gradient(145deg,rgba(6,17,33,.83),rgba(13,30,50,.78))}}
@media(max-width:800px){.oc-shade{background:linear-gradient(180deg,rgba(4,11,22,.05) 0%,rgba(4,11,22,.02) 33%,rgba(4,11,22,.13) 47%,rgba(4,11,22,.55) 70%,rgba(4,11,22,.72) 100%)}.oc-panel{background:linear-gradient(150deg,rgba(6,17,33,.82),rgba(13,30,50,.85))}}
/* Welcome text and trial appear in a staged sequence upon entering the room */
.oc-entrance .oc-eye{animation:ocAppear .8s ease .2s both}
.oc-entrance .oc-small{animation:ocAppear .8s ease .45s both}
.oc-entrance .oc-panel h1{animation:ocAppear 1s ease .75s both}
.oc-entrance .oc-intro{animation:ocAppear 1.1s ease 1.15s both}
.oc-entrance .oc-yourself{animation:ocAppear 1s ease 1.7s both}
.oc-entrance #ocQuestion{animation:ocAppear .9s ease 2.3s both}
.oc-entrance .oc-nav{animation:ocAppear .8s ease 2.7s both}
.oc-entrance .oc-choice:nth-child(1){animation-delay:2.6s}
.oc-entrance .oc-choice:nth-child(2){animation-delay:2.8s}
.oc-entrance .oc-choice:nth-child(3){animation-delay:3s}
@media(prefers-reduced-motion:reduce){.oc-entrance .oc-eye,.oc-entrance .oc-small,.oc-entrance .oc-panel h1,.oc-entrance .oc-intro,.oc-entrance .oc-yourself,.oc-entrance #ocQuestion,.oc-entrance .oc-nav{animation:none!important}}