.realm-doors{max-width:1180px;margin:36px auto 55px;padding:20px}.realm-doors h2{font-size:clamp(28px,5vw,48px);color:#f0d59c}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.realm-door{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;color:#f4dfb0;background:linear-gradient(90deg,#080d17,#243445 48%,#060b13 50%,#243445 52%,#080d17);border:2px solid #697785;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 8px #080e18,0 10px 30px #0008;text-align:center}.realm-door:before,.realm-door:after{content:'';position:absolute;z-index:-1;top:0;bottom:0;width:50%;background:linear-gradient(120deg,#253340,#101722);border:1px solid #657685;transition:transform .65s}.realm-door:before{left:0}.realm-door:after{right:0}.realm-door:hover:before,.realm-door:focus-visible:before{transform:translateX(-12%)}.realm-door:hover:after,.realm-door:focus-visible:after{transform:translateX(12%)}.realm-door.opening:before{transform:translateX(-100%)}.realm-door.opening:after{transform:translateX(100%)}.door-number{position:absolute;top:22px;color:#8fcaff;font:18px monospace;letter-spacing:.2em}.door-seam{height:70px;width:3px;background:#b4deff;box-shadow:0 0 22px 7px #419aff77}.realm-door strong{font:600 23px Georgia}.realm-door small{font:14px system-ui;color:#cad3df}.door-action{font:12px system-ui;text-transform:uppercase;letter-spacing:.13em;color:#e4be74}.door-mystery{border-color:#a384b4}.door-mystery .door-seam{background:#e2aaff;box-shadow:0 0 24px 8px #ba67ee66}.realm-door.visited .door-number:after{content:' · ✓'}.room-dialog{width:min(950px,94vw);max-height:90dvh;box-sizing:border-box;background:radial-gradient(ellipse at top,#263448,#070d18 70%);color:#f4e4bf;border:1px solid #b99a61;border-radius:16px;padding:28px;overflow:auto}.room-dialog::backdrop{background:#02050be8;backdrop-filter:blur(8px)}.room-close,.room-link{display:inline-block;padding:13px 20px;background:#e4c580;color:#08101d;border:0;border-radius:24px;font:600 15px system-ui;text-decoration:none;cursor:pointer}.room-dialog h2{font:36px Georgia}.room-dialog p{line-height:1.7;color:#cbd4df}.room-dialog iframe{width:100%;height:65dvh;border:1px solid #657685;border-radius:10px;background:#080d18}.room-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.room-kit div{padding:30px 15px;border:1px solid #87754f;background:#101928;text-align:center;font:20px Georgia}.room-sigil{text-align:center;font-size:85px;color:#cc98f1;text-shadow:0 0 35px #9861cc;margin:30px}.room-dialog:focus-visible,.realm-door:focus-visible{outline:3px solid #f4d286;outline-offset:4px}@media(max-width:600px){.door-grid{grid-template-columns:repeat(2,1fr);gap:12px}.realm-door{min-height:230px;padding:18px 10px}.realm-door strong{font-size:20px}.door-mystery{grid-column:1/-1}.realm-doors{padding:5px}.room-dialog{padding:20px}.room-kit{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.realm-door:before,.realm-door:after{transition:none}}
/* Spatial corridor and visible door-opening transition */
.corridor-scroll{overflow-x:auto;border:1px solid #9c8049;border-radius:14px}.door-grid{position:relative;display:block;aspect-ratio:3/2;min-width:850px;background:url('/assets/lore/lounge-hosts/galactic-corridor.webp') center/100% 100% no-repeat;perspective:1000px}.realm-door{position:absolute;top:21%;width:14%;height:37%;min-height:0;padding:0;background:transparent!important;border:0;border-radius:12px;box-shadow:none;justify-content:center;overflow:visible}.realm-door:nth-child(1){left:2%}.realm-door:nth-child(2){left:22%}.realm-door:nth-child(3){left:43%}.realm-door:nth-child(4){left:64%}.realm-door:nth-child(5){left:84%}.realm-door:before,.realm-door:after,.door-seam,.door-number,.door-action,.realm-door small{display:none}.realm-door strong{opacity:0;background:#060c1dec;padding:12px;border:1px solid #d9bc7b;font:17px Georgia;transition:opacity .25s;position:absolute;bottom:-22%}.realm-door:hover strong,.realm-door:focus-visible strong,.realm-door.visited strong{opacity:1}.realm-door:hover,.realm-door:focus-visible{box-shadow:0 0 25px #b4ddff88;outline:2px solid #c4e2ff}.room-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:#030811}.room-close{position:fixed;top:16px;left:16px;z-index:20;box-shadow:0 3px 20px #000}.chamber-body{position:relative;z-index:2;margin:80px auto 30px;padding:24px;max-width:1050px;background:#030813d9;border:1px solid #7b735e;border-radius:14px;opacity:0;transform:scale(.87);transition:transform 1.5s .4s,opacity .8s .5s}.walk-in .chamber-body{opacity:1;transform:scale(1)}.chamber-visual{position:fixed;inset:0;background:url('/assets/lore/lounge-hosts/starwars-approved-v52.webp') center/cover;opacity:.5;transform:scale(1);transition:transform 1.8s}.walk-in .chamber-visual{transform:scale(1.12)}.visual-wardrobe{background-image:url('/assets/lore/lounge-hosts/galactic-wardrobe.webp')}.visual-vault{background-image:url('/assets/lore/starwars/LORE-We-Strike-Back-Presentation.webp')}.visual-archive{background-image:url('/assets/lore/lounge-hosts/galactic-corridor.webp');filter:sepia(.6)}.visual-mystery{background-image:url('/assets/lore/lounge-hosts/galactic-corridor.webp');filter:hue-rotate(45deg);opacity:.35}.blast-half{position:fixed;top:0;bottom:0;width:50%;z-index:10;background:repeating-linear-gradient(0deg,transparent 0 100px,#8194a333 102px 104px),linear-gradient(110deg,#111b26,#455362 40%,#111b26);box-shadow:inset 0 0 0 12px #131d28,inset 0 0 0 14px #697d8d;transition:transform 1.3s .15s cubic-bezier(.55,0,.2,1);pointer-events:none}.blast-left{left:0;border-right:3px solid #a8dfff}.blast-right{right:0;border-left:3px solid #a8dfff}.walk-in .blast-left{transform:translateX(-101%)}.walk-in .blast-right{transform:translateX(101%)}.wardrobe-visual{width:100%;display:block;border-radius:10px}.room-dialog[data-room=wardrobe] .chamber-body{max-width:1200px}.room-dialog[data-room=mystery] .chamber-body{text-align:center;min-height:55vh;background:radial-gradient(ellipse,#312347cc,#030813e8)}@media(max-width:600px){.door-grid{min-width:850px}.chamber-body{padding:14px;margin:76px 10px 20px}.room-dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.blast-half,.chamber-body,.chamber-visual{transition:none}.chamber-body{transform:none}}
