/* THE OTHER SELF — standalone cinematic layer, no edits to existing chapter styling */
#otherSelf.hidden,#osReward.hidden{display:none!important}
.other-self{position:relative;isolation:isolate;min-height:1100px;overflow:hidden;background:#030610;color:#e6eeff;padding:0 22px 75px;font-family:Georgia,'Times New Roman',serif}
.os-world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 48% 28%,#19205c 0%,#080d26 29%,#030611 73%)}
.os-hall{position:absolute;inset:0;background:url('hidden-chamber-scene.png') center top/cover no-repeat;opacity:.42;filter:hue-rotate(30deg) saturate(1.2) brightness(.65)}
.os-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,13,.68),transparent 22%,transparent 78%,rgba(2,4,13,.7)),linear-gradient(180deg,rgba(2,3,12,.4),transparent 22%,rgba(2,3,12,.78) 79%,#030610)}
.os-portal{position:absolute;top:125px;left:50%;transform:translateX(-50%);width:min(45vw,420px);height:min(63vw,570px);border-radius:50% 50% 45% 45%/40% 40% 48% 48%;border:7px ridge #8eacde;box-shadow:0 0 8px 3px #e0f4ff,0 0 36px #526fff,0 0 80px #852fff,inset 0 0 38px #bfcaff;animation:osPortalBreath 4s ease-in-out infinite;filter:drop-shadow(0 0 12px #8563ff)}
.os-portal:before{content:'';position:absolute;inset:-20px;border:2px solid rgba(204,194,255,.8);border-radius:inherit;box-shadow:inset 0 0 25px #655aff,0 0 30px #a364ff;animation:osRing 8s linear infinite}
.os-portal:after{content:'✧    ◈    ✧';position:absolute;top:-30px;left:0;right:0;text-align:center;color:#d6c5ff;font-size:31px;text-shadow:0 0 18px #ae8aff}
.os-portal-void{position:absolute;inset:3px;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 48% 35%,rgba(203,224,255,.42),transparent 24%),conic-gradient(from 15deg at 52% 58%,#060b20,#35317b,#151a55,#7568bd,#080d2a,#243f83,#060b20);animation:osVoid 12s linear infinite}
.os-portal-void:before,.os-portal-void:after{content:'';position:absolute;inset:-40%;border-radius:45%;background:conic-gradient(transparent,#b9a7ff55,transparent,#5a7cfe77,transparent);filter:blur(25px);animation:osSwirl 8s linear infinite}
.os-portal-void:after{animation-duration:13s;animation-direction:reverse;opacity:.65}
.os-phantom{position:absolute;left:34%;top:27%;width:32%;height:53%;border-radius:48% 48% 22% 22%;background:radial-gradient(ellipse at 50% 14%,#020515 0 18%,transparent 19%),linear-gradient(85deg,transparent 5%,#01030e 29%,#020516 70%,transparent 94%);filter:blur(10px);opacity:.78;animation:osPhantom 7s ease-in-out infinite alternate;z-index:2}
.os-veil{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 70%,transparent 0 16px,rgba(193,196,255,.11) 18px,transparent 22px);animation:osVeil 9s linear infinite;z-index:3}
.os-crown{position:absolute;left:50%;top:-58px;transform:translateX(-50%);font-size:70px;color:#e5d7ff;text-shadow:0 0 9px #fff,0 0 29px #bc5aff,0 0 60px #8129ff;animation:osDiamond 2s ease-in-out infinite}
.os-diamond{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);font-size:66px;color:#d6efff;text-shadow:0 0 10px #fff,0 0 28px #558dff,0 0 70px #b48aff;animation:osDiamond 1.6s ease-in-out infinite}
.os-floor{position:absolute;left:0;right:0;top:680px;height:250px;background:radial-gradient(ellipse at 50% 0,#c9b8ff77,transparent 57%);filter:blur(18px);animation:osFloor 4s ease-in-out infinite}
.os-embers{position:absolute;inset:0;background-image:radial-gradient(circle,#9c8cff 1px,transparent 2px),radial-gradient(circle,#fff 1px,transparent 2px);background-size:83px 113px,141px 157px;opacity:.35;animation:osEmbers 15s linear infinite}
.os-content{position:relative;max-width:1060px;margin:auto;text-align:center;padding-top:18px}
.os-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font:12px/1.5 Arial,sans-serif;letter-spacing:2px;color:#cbd8ff}
.os-back{border:1px solid #8d9ec2;border-radius:22px;padding:12px 19px;background:#030817d9;color:#e2eaff;cursor:pointer}
.os-progress{height:3px;background:#7c7fa855;margin:18px 0 35px;box-shadow:0 0 14px #5964e4}
#osBar{height:100%;width:0;background:linear-gradient(90deg,#6ad4ff,#d5aaff);box-shadow:0 0 14px #c2a4ff;transition:width .7s}
.os-chapter{font-size:13px;letter-spacing:5px;color:#c5b5ff;text-shadow:0 0 10px #9477ff}
.os-title{font-size:clamp(32px,5vw,68px);font-weight:400;letter-spacing:7px;margin:12px 0;color:#e9efff;text-shadow:0 0 12px #8d9eff,0 0 32px #483cbd}
.os-tagline{font-size:14px;letter-spacing:3px;color:#e2dafa;margin:0 auto 325px;max-width:480px;text-shadow:0 0 10px #4b2d98}
.os-identity-echo{margin:0 auto 12px;padding:12px;color:#c8b7f6;letter-spacing:2px;font:11px/1.6 Arial,sans-serif;background:#050717c4;border:1px solid #a68de366;max-width:740px}
.os-question-wrap{max-width:850px;margin:0 auto 23px;padding:23px 35px 27px;background:linear-gradient(125deg,#060b1bf0,#0b1024e9,#08091be8);border:1px solid #a9b9f5;box-shadow:0 0 0 4px #040919,0 0 23px #8177e277,inset 0 0 30px #423b8055;clip-path:polygon(3% 0,97% 0,100% 13%,100% 87%,97% 100%,3% 100%,0 87%,0 13%)}
.os-question-label{font:12px Arial,sans-serif;letter-spacing:4px;color:#b5a8ff}
#osQuestion{font-size:clamp(19px,2.3vw,30px);line-height:1.4;font-weight:400;margin:15px auto 0;max-width:750px;text-shadow:0 0 9px #536bca}
.os-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin:30px auto;max-width:1000px}
.os-answer{--os-color:#59baff;--os-rgb:69,165,255;position:relative;display:flex;align-items:center;gap:16px;min-height:94px;padding:13px 29px 13px 18px;border:2px solid var(--os-color);border-radius:25px;background:radial-gradient(ellipse at 0% 80%,rgba(var(--os-rgb),.23),transparent 58%),linear-gradient(115deg,#07142de8,#040715f5);color:#f1f4ff;text-align:left;font:18px/1.35 Georgia,serif;cursor:pointer;box-shadow:0 0 8px var(--os-color),0 0 23px rgba(var(--os-rgb),.5),inset 0 0 25px rgba(var(--os-rgb),.16);animation:osButtonPulse 2.5s ease-in-out infinite;transition:transform .2s,filter .2s}
.os-answer:nth-child(2){--os-color:#ffb647;--os-rgb:255,154,36;animation-delay:.45s}.os-answer:nth-child(3){--os-color:#ba58ff;--os-rgb:173,54,255;animation-delay:.9s}.os-answer:nth-child(4){--os-color:#e0e9ff;--os-rgb:201,215,255;animation-delay:1.35s}
.os-answer:before{content:'✧';position:absolute;top:-15px;left:45%;color:var(--os-color);font-size:27px;text-shadow:0 0 14px var(--os-color)}
.os-answer:after{content:'';position:absolute;inset:-9px;border:1px solid rgba(var(--os-rgb),.6);border-radius:29px;box-shadow:0 0 17px rgba(var(--os-rgb),.5);pointer-events:none;animation:osBorderFlicker 2s ease-in-out infinite alternate}
.os-relic{flex:0 0 58px;height:58px;display:grid;place-items:center;font-size:42px;color:#f2f5ff;text-shadow:0 0 5px #fff,0 0 13px var(--os-color),0 0 27px var(--os-color);border:1px solid rgba(var(--os-rgb),.7);border-radius:50%;box-shadow:0 0 18px rgba(var(--os-rgb),.7),inset 0 0 19px rgba(var(--os-rgb),.35);animation:osDiamond 2.1s ease-in-out infinite}
.os-answer:nth-child(3) .os-relic{font-size:52px;animation:osSpiral 6s linear infinite}.os-letter{font-size:24px;color:var(--os-color)}.os-answer-text{flex:1}.os-arrow{color:#fff;text-shadow:0 0 12px var(--os-color)}
.os-flame{position:absolute;inset:auto 7% -14px 7%;height:27px;background:radial-gradient(ellipse,rgba(var(--os-rgb),.85),transparent 67%);filter:blur(12px);animation:osFlame 1.6s ease-in-out infinite alternate;pointer-events:none}
.os-answer:hover:not(:disabled),.os-answer:focus-visible{transform:translateY(-4px) scale(1.01);filter:brightness(1.4)}.os-answer:disabled{cursor:default;opacity:.58}.os-answer.os-selected:disabled{opacity:1;filter:brightness(1.4)}
.os-choice-echo{max-width:800px;margin:20px auto;padding:23px;border:1px solid #a18ef9;color:#f1e9ff;background:#100d27e8;box-shadow:0 0 30px #7446e866;font-size:19px;line-height:1.5}
.os-next,.os-unlock{display:block;margin:22px auto;padding:17px 30px;border:2px solid #c5c8ff;border-radius:16px;background:linear-gradient(115deg,#080d20,#302a61,#080d20);color:#f2f2ff;font:14px Arial,sans-serif;letter-spacing:2px;cursor:pointer;box-shadow:0 0 14px #aba5ff,0 0 31px #6653e377,inset 0 0 18px #7e78c355;animation:osButtonPulse 2s ease-in-out infinite}
.os-footer{margin-top:45px;font:12px Arial,sans-serif;letter-spacing:4px;color:#a8a5ce}
.os-reward{min-height:90vh;background:radial-gradient(ellipse at 50% 45%,#31275c,#030610 70%);display:grid;place-items:center;text-align:center;padding:35px;color:#eae8ff}.os-reward-panel{max-width:750px;border:2px solid #c0b1ff;box-shadow:0 0 65px #a66dff66,inset 0 0 70px #6c55cc44;padding:50px 30px;background:#080b20e8}.os-reward-panel h2{font:clamp(32px,6vw,64px) Georgia,serif;letter-spacing:5px}.os-reward-panel p{line-height:1.8;letter-spacing:1px}.os-reward-sigil{font-size:110px;color:#d5bdff;text-shadow:0 0 20px #b46dff,0 0 60px #9b66ff;animation:osDiamond 2s infinite}
@keyframes osPortalBreath{50%{box-shadow:0 0 17px 8px #e0f4ff,0 0 75px #526fff,0 0 140px #852fff,inset 0 0 70px #bfcaff}}@keyframes osRing{50%{filter:brightness(1.8)}}@keyframes osVoid{50%{filter:hue-rotate(25deg) brightness(1.2)}}@keyframes osSwirl{to{transform:rotate(360deg)}}@keyframes osPhantom{to{transform:translateY(-12px) scale(1.06);opacity:.55}}@keyframes osVeil{to{transform:translateY(35px)}}@keyframes osDiamond{50%{filter:brightness(2.1);text-shadow:0 0 12px #fff,0 0 36px currentColor,0 0 70px currentColor}}@keyframes osFloor{50%{opacity:.5;transform:scaleX(1.2)}}@keyframes osEmbers{to{background-position:0 -260px,0 -340px}}@keyframes osButtonPulse{50%{box-shadow:0 0 16px var(--os-color,#b7aaff),0 0 42px rgba(var(--os-rgb,160,150,255),.75),inset 0 0 33px rgba(var(--os-rgb,160,150,255),.3)}}@keyframes osBorderFlicker{to{opacity:.4;filter:blur(2px)}}@keyframes osFlame{to{opacity:.4;transform:translateY(-11px)}}@keyframes osSpiral{to{transform:rotate(360deg)}}@keyframes osReact{50%{filter:brightness(2.7) drop-shadow(0 0 36px #d5a6ff);transform:translateX(-50%) scale(1.055)}}.os-portal.os-react{animation:osReact 1.1s ease-in-out}
@media(max-width:750px){.other-self{padding:0 14px 50px;min-height:1000px}.os-top{font-size:9px;letter-spacing:1px}.os-back{padding:9px}.os-title{letter-spacing:3px}.os-tagline{margin-bottom:285px;font-size:12px;letter-spacing:1px}.os-portal{top:155px;width:min(70vw,330px);height:min(92vw,450px)}.os-answers{grid-template-columns:1fr;gap:23px;margin:24px 10px}.os-answer{min-height:85px;font-size:16px;padding:11px 17px;gap:12px}.os-relic{flex-basis:51px;height:51px;font-size:35px}.os-question-wrap{padding:21px 23px}.os-chapter{letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.other-self *, .other-self *:before,.other-self *:after,.os-reward *{animation:none!important;transition:none!important}}