/* LGU Discovery Scene v0.1.9 — performance stage, not the stance-combat screen. */
.omen-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 6px;color:#abb9ce;font-size:10px;letter-spacing:.12em}
.omen-head{margin:17px 0 15px}.omen-head h1{font-size:clamp(22px,4vw,30px)}
.omen-frame{--floor:#172039;position:relative;isolation:isolate;overflow:hidden;border:1px solid #5c6d86;border-radius:13px;aspect-ratio: 1.35;min-height:350px;background:radial-gradient(ellipse 68% 50% at 50% 40%,#4e467477,transparent 80%),linear-gradient(180deg,#121626 0%,#222644 60%,#0b1223 100%);box-shadow:0 13px 36px #03060bbb;}
.omen-world{position:absolute;inset:0;pointer-events:none}.omen-backwall{position:absolute;inset:0 0 23%;border-bottom:5px solid #39364d;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff08 36px 37px),repeating-linear-gradient(90deg,transparent 0 59px,#ffffff06 60px 61px)}
.omen-arch{position:absolute;left:39%;top:6%;height:73%;width:22%;border-radius:49% 49% 0 0;border:14px solid #3d3549;box-shadow:inset 0 0 0 4px #716077,0 0 30px #110f27;background:radial-gradient(ellipse at 50% 20%,#3c365d,#0b1023 78%)}
.omen-door{position:absolute;left:43%;width:14%;top:32%;height:46%;border-radius:35% 35% 0 0;border:6px solid #65536a;background:linear-gradient(90deg,#15121d,#30233c 60%,#151421);box-shadow:0 0 0 5px #211d30;opacity:.78}
.omen-doorlight{position:absolute;left:48%;top:31%;height:45%;width:3%;background:#387ec0;filter:blur(15px);opacity:.25;transition:opacity .6s}
.omen-lantern{position:absolute;top:17%;width:15px;height:40px;background:linear-gradient(#a56847,#f2d8aa 45%,#a56847);box-shadow:0 0 29px 13px #df8f5934;border:4px solid #4a3745;border-radius:6px}.omen-lantern-left{left:18%}.omen-lantern-right{right:18%}
.omen-stacks{position:absolute;top:13%;height:64%;width:29%;border:10px ridge #6b5260;border-bottom:14px solid #604454;background:repeating-linear-gradient(180deg,#25263f 0px,#262139 62px,#83616b 63px,#8c6670 70px);display:flex;align-items:flex-end;justify-content:space-around;padding:14px 8px}.omen-stacks.omen-left{left:-8%;transform:perspective(220px) rotateY(-10deg)}.omen-stacks.omen-right{right:-8%;transform:perspective(220px) rotateY(10deg)}
.omen-stacks i{width:17%;height:70%;background:repeating-linear-gradient(180deg,#b18c84 0 6px,transparent 7px 30px),linear-gradient(90deg,#2c5373,#44607c);border-radius:3px;box-shadow:5px 0 #1b354a,-4px 0 #97686e}.omen-stacks i:nth-child(2){height:84%;background-color:#92516a;transform:rotate(-4deg)}.omen-stacks i:nth-child(3){height:59%;background-color:#7e8e6b;transform:rotate(5deg)}.omen-stacks i:nth-child(4){height:76%;background-color:#6c4785}
.omen-floor{position:absolute;bottom:0;height:32%;width:100%;background:repeating-linear-gradient(90deg,#ffffff0a 0px 2px,transparent 3px 68px),repeating-linear-gradient(0deg,#ffffff0b 0 2px,transparent 3px 50px),linear-gradient(#33304a,#17172b);transform-origin:bottom;transform:perspective(350px) rotateX(27deg) scale(1.22)}
.omen-floor-light{position:absolute;bottom:1%;left:24%;width:52%;height:18%;background:radial-gradient(ellipse,#7190d448,transparent 72%);filter:blur(7px)}
.omen-shadow{position:absolute;bottom:14%;left:38%;width:24%;height:8%;border-radius:50%;background:#0a0c1dc0;filter:blur(10px);transition:all .65s}
.omen-book-button{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);border:0;background:transparent;z-index:6;display:grid;place-items:center;width:142px;height:166px;touch-action:manipulation;cursor:pointer;overflow:visible;filter:drop-shadow(0 0 16px #9d88ff61)}
.omen-book-button:focus-visible{outline:3px solid #a9efff;border-radius:12px}.omen-book-button:disabled{opacity:1;cursor:default}.omen-book-button:not(:disabled):active .omen-book-body{filter:brightness(1.3)}
.omen-book-body{width:90px;height:112px;position:relative;display:block;transform:rotate(-14deg);animation:omen-floating 3s ease-in-out infinite;transform-style:preserve-3d;transform-origin:center center;transition:transform .4s,filter .3s}
.omen-book-back,.omen-book-pages,.omen-book-cover{position:absolute;inset:0;display:block;border-radius:4px 10px 10px 3px;transform-origin:left center}
.omen-book-back{background:linear-gradient(120deg,#745177,#463754 70%,#312947);border:6px solid #cbac7b;box-shadow:inset 0 0 15px #070915,7px 4px 0 #e2caa2}
.omen-book-pages{inset:7px 5px 4px 8px;background:repeating-linear-gradient(0deg,#ddc6aa 0 3px,#786d82 4px 5px);border:3px solid #bba98f;box-shadow:inset 10px 0 #60435a}
.omen-book-cover{background:linear-gradient(130deg,#70537d,#3c376d 54%,#2e3154);border:6px double #d1b787;box-shadow:inset 0 0 0 7px #35294e,0 3px 7px #070619;color:#e7c7a5;display:grid;place-items:center;backface-visibility:visible;transition:transform .65s cubic-bezier(.3,.72,.2,1)}
.omen-book-mark{font-size:30px;text-shadow:0 0 14px #bba8e3}
@keyframes omen-floating{0%,100%{transform:translateY(5px) rotate(-14deg)}50%{transform:translateY(-10px) rotate(-10deg)}}
.omen-vapor{position:absolute;left:49%;top:29%;height:38%;width:5%;z-index:3;opacity:0;pointer-events:none;transition:opacity .65s}.omen-vapor i{position:absolute;left:0;bottom:0;width:44px;height:55px;background:radial-gradient(ellipse,#03030cd9,#1a1724c9 49%,transparent 70%);filter:blur(7px);border-radius:50%;animation:omen-smoke 3.1s ease-out infinite;transform-origin:center bottom}.omen-vapor i:nth-child(2){animation-delay:-.5s;left:-24px;width:68px;height:45px}.omen-vapor i:nth-child(3){animation-delay:-1.1s;left:24px}.omen-vapor i:nth-child(4){animation-delay:-1.6s;left:-15px}.omen-vapor i:nth-child(5){animation-delay:-2.2s;left:14px;width:75px}.omen-vapor i:nth-child(6){animation-delay:-2.8s;left:-28px}
@keyframes omen-smoke{0%{transform:translateY(0) scale(.55) rotate(0);opacity:0}18%{opacity:.9}80%{opacity:.65}100%{transform:translateY(-130px) scale(2.3) rotate(35deg);opacity:0}}
.omen-snap{position:absolute;z-index:8;left:51%;top:18%;font:900 clamp(32px,9vw,62px) Georgia,serif;color:#f7d4ce;text-shadow:3px 3px #3e162d,0 0 25px #fa7585;letter-spacing:.1em;opacity:0;pointer-events:none;transform:translate(-50%,15px) rotate(-12deg)}
.omen-shimmer{position:absolute;left:47%;top:37%;width:9%;height:10%;z-index:5;opacity:0;pointer-events:none}.omen-shimmer i{position:absolute;left:40%;top:50%;width:6px;height:16px;background:#b9fdff;border-radius:50%;box-shadow:0 0 10px 3px #00cfff,0 0 25px #83f3ff;animation:omen-escape 2.3s ease-in-out infinite;transform:rotate(38deg)}
.omen-shimmer i:nth-child(1){--dx:-140px;--dy:-95px;animation-delay:0s}.omen-shimmer i:nth-child(2){--dx:-98px;--dy:-155px;animation-delay:-.14s}.omen-shimmer i:nth-child(3){--dx:110px;--dy:-125px;animation-delay:-.3s}.omen-shimmer i:nth-child(4){--dx:180px;--dy:-10px;animation-delay:-.48s}.omen-shimmer i:nth-child(5){--dx:88px;--dy:86px;animation-delay:-.62s}.omen-shimmer i:nth-child(6){--dx:-115px;--dy:65px;animation-delay:-.73s}.omen-shimmer i:nth-child(7){--dx:230px;--dy:-70px;animation-delay:-.83s}.omen-shimmer i:nth-child(8){--dx:-205px;--dy:-30px;animation-delay:-.95s}.omen-shimmer i:nth-child(9){--dx:135px;--dy:-90px;animation-delay:-1.12s}.omen-shimmer i:nth-child(10){--dx:-130px;--dy:-120px;animation-delay:-1.28s}.omen-shimmer i:nth-child(11){--dx:188px;--dy:-70px;animation-delay:-1.45s}.omen-shimmer i:nth-child(12){--dx:145px;--dy:28px;animation-delay:-1.65s}
@keyframes omen-escape{0%{transform:translate(0,0) scale(.2) rotate(34deg);opacity:0}14%{opacity:1}60%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.75) rotate(130deg);opacity:0}}
.omen-book-drop{position:absolute;z-index:2;left:49%;bottom:15%;color:#d7adf9;font-size:20px;text-shadow:0 0 8px #a67bd8;opacity:0}
.omen-scene-tag{position:absolute;z-index:9;left:12px;top:12px;border:1px solid #8a809d;background:#18182cc9;padding:7px 9px;font-size:10px;color:#d8d1f5;letter-spacing:.15em}
.omen-hit-hint{position:absolute;z-index:9;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis;color:#eff9ff;letter-spacing:.12em;background:#15182cb8;border:1px solid #637ca3;padding:8px 11px;font-size:10px;pointer-events:none;box-shadow:0 0 22px #06081588}
.omen-frame[data-phase="vapor"] .omen-book-cover{transform:perspective(300px) rotateY(-118deg)}
.omen-frame[data-phase="vapor"] .omen-vapor,.omen-frame[data-phase="snap"] .omen-vapor{opacity:1}
.omen-frame[data-phase="snap"] .omen-book-cover{transform:perspective(300px) rotateY(-48deg)}
.omen-frame[data-phase="snap"].effect-playing .omen-book-body{animation:omen-bite .58s cubic-bezier(.25,.1,.2,1) both}
.omen-frame[data-phase="snap"].effect-playing .omen-book-cover{animation:omen-cover-bite .55s ease-in-out both}
.omen-frame[data-phase="snap"].effect-playing .omen-snap{animation:omen-snap-pop .58s ease-out both}
@keyframes omen-bite{0%{transform:rotate(-10deg)}30%{transform:translateX(15px) rotate(1deg)}57%{transform:translateX(15px) rotate(-14deg)}100%{transform:rotate(-11deg)}}
@keyframes omen-cover-bite{0%{transform:perspective(300px) rotateY(-110deg)}45%{transform:rotateY(0)}100%{transform:perspective(300px) rotateY(-48deg)}}
@keyframes omen-snap-pop{0%,20%{opacity:0;transform:translate(-50%,10px) scale(.6) rotate(-12deg)}44%{opacity:1;transform:translate(-50%,-30px) scale(1.13) rotate(-12deg)}100%{opacity:0;transform:translate(-50%,-45px) scale(1) rotate(-12deg)}}
.omen-frame[data-phase="release"] .omen-book-body{animation:omen-slam-drop .85s cubic-bezier(.2,.1,.9,.9) both}
.omen-frame[data-phase="release"] .omen-book-cover{transform:rotateY(0)}
.omen-frame[data-phase="release"] .omen-shimmer,.omen-frame[data-phase="threshold"] .omen-shimmer{opacity:1}
.omen-frame[data-phase="release"] .omen-vapor{opacity:0}
.omen-frame[data-phase="release"] .omen-shadow{bottom:14%;width:16%;left:42%;filter:blur(5px)}
@keyframes omen-slam-drop{0%{transform:translateY(-8px) rotate(6deg) scale(1.1)}28%{transform:translateY(-30px) rotate(0deg) scale(1.2)}43%{transform:translateY(-10px) rotate(-24deg) scale(1)}73%{transform:translateY(125px) rotate(70deg) scale(.83)}86%{transform:translateY(109px) rotate(81deg) scale(.82)}100%{transform:translateY(123px) rotate(81deg) scale(.82)}}
.omen-frame[data-phase="threshold"] .omen-book-body{animation:none;transform:translateY(123px) rotate(81deg) scale(.82)}
.omen-frame[data-phase="threshold"] .omen-shimmer{left:54%;top:27%;opacity:1;transform:scale(.7)}
.omen-frame[data-phase="threshold"] .omen-doorlight{opacity:.85}
.omen-narration{padding:19px 17px 16px;background:linear-gradient(145deg,#19243c,#111929);border:1px solid #4f6581;border-top:0;border-radius:0 0 11px 11px;margin:-3px 1px 0;position:relative}.omen-narration h2{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:8px 0 5px}.omen-narration p{color:#d9e6f6;font-size:14px;line-height:1.65;margin:0;min-height:65px}
.omen-options{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.omen-options .soft-btn{font-size:11px;flex:1}.omen-options small{color:#a1b5c9;margin-left:5px}
.omen-reaction{padding:13px 16px;border:1px solid #384d65;border-radius:9px;background:#101b2c;margin:0 0 14px}.omen-reaction p{font-size:13px;line-height:1.5;color:#bcd2ea;margin:6px 0 0}.omen-next{margin:0 0 12px}.omen-next button{min-height:50px}
.omen-history{margin:24px 0 6px;border:1px solid #394d64;border-radius:9px;padding:12px 14px;color:#bccbdf}.omen-history summary{cursor:pointer;display:flex;justify-content:space-between;gap:9px;font-size:11px;letter-spacing:.07em}.omen-history summary span{color:#84cde2}.omen-history p{font-size:11px;line-height:1.5}.omen-history ol{list-style:none;padding:0;margin:0}.omen-history li{padding:8px 2px;border-top:1px solid #36455a}.omen-history .soft-btn{width:100%;margin-top:8px}
@media(max-width:520px){.omen-frame{aspect-ratio:1 / 1;min-height:335px}.omen-stacks{top:21%;height:55%;width:34%}.omen-book-button{top:42%}.omen-arch{left:35%;width:30%}.omen-door{left:42%;width:16%}.omen-narration h2{font-size:21px}.omen-narration p{min-height:85px}.omen-head .soft-btn{font-size:10px;padding:8px}.omen-navigation span{font-size:9px}.omen-hit-hint{font-size:9px}.omen-options small{display:none}}
@media(prefers-reduced-motion:reduce){.omen-book-body,.omen-vapor i,.omen-shimmer i,.omen-frame[data-phase="snap"].effect-playing .omen-book-cover,.omen-frame[data-phase="snap"].effect-playing .omen-book-body,.omen-frame[data-phase="release"] .omen-book-body{animation:none!important;transition:none!important}.omen-frame[data-phase="release"] .omen-book-body{transform:translateY(123px) rotate(81deg) scale(.82)}.omen-frame[data-phase="snap"] .omen-book-cover{transform:rotateY(-48deg)}}

/* Dramatic readability pass: black plume, recoil, shimmer burst. */
.omen-vapor{z-index:7;left:48%;top:25%;width:11%;height:45%;filter:drop-shadow(0 0 10px #81789185)}
.omen-vapor i{width:72px;height:82px;left:-20px;background:radial-gradient(ellipse at 48% 40%,#07060deb 0%,#13121fe8 27%,#353342e8 44%,#74728e8e 64%,transparent 79%);filter:blur(9px)}
.omen-vapor i:nth-child(2){width:90px;height:82px;left:-42px}
.omen-vapor i:nth-child(3){width:80px;height:94px;left:8px}
.omen-vapor i:nth-child(4){width:95px;height:70px;left:-30px}
.omen-vapor i:nth-child(5){width:86px;height:88px;left:-1px}
.omen-vapor i:nth-child(6){width:95px;height:80px;left:-35px}
.omen-hand{position:absolute;z-index:7;width:46px;height:85px;left:58%;bottom:-90px;pointer-events:none;border-radius:16px 14px 8px 9px;transform:rotate(-30deg);transform-origin:bottom left;background:linear-gradient(100deg,#a8b4c4 0%,#546b85 51%,#24394f 100%);box-shadow:inset -6px -9px 0 #1a2c43,0 0 1px 2px #cad9e877;opacity:0}
.omen-hand:before{content:'';position:absolute;width:16px;height:37px;border-radius:9px;left:-10px;top:17px;transform:rotate(-30deg);background:#8198b1;box-shadow:inset -4px 0 #314d66}
.omen-hand:after{content:'';position:absolute;width:62px;height:11px;bottom:-3px;left:-7px;background:#27344e;border-top:2px solid #7b8eac;border-radius:3px}
.omen-hand i{position:absolute;top:-27px;width:11px;height:36px;border-radius:6px 6px 4px 4px;background:linear-gradient(#a6bfd1,#677d9e);box-shadow:inset -3px 0 #374d68}
.omen-hand i:nth-child(1){left:0;top:-15px;height:29px}.omen-hand i:nth-child(2){left:12px}.omen-hand i:nth-child(3){left:24px;top:-23px}.omen-hand i:nth-child(4){left:35px;top:-17px;height:29px}
.omen-frame[data-phase="snap"].effect-playing .omen-hand{animation:omen-reach-recoil .67s ease-in-out both}
@keyframes omen-reach-recoil{0%{opacity:0;transform:translateY(30px) rotate(-27deg)}18%{opacity:1}34%{opacity:1;transform:translateY(-166px) translateX(-14px) rotate(-27deg)}48%{opacity:1;transform:translateY(-166px) translateX(-14px) rotate(-30deg)}57%{opacity:1;transform:translateY(-172px) translateX(-20px) rotate(-48deg)}98%,100%{opacity:0;transform:translateY(50px) translateX(48px) rotate(6deg)}}
.omen-frame[data-phase="release"]::after{content:'';position:absolute;z-index:4;inset:13% 10%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 41%,#d8ffff80 0%,#00c6ff58 15%,#069fff35 30%,transparent 65%);animation:omen-blue-flash .9s ease-out both}
@keyframes omen-blue-flash{0%{opacity:0;transform:scale(.35)}29%{opacity:.98;transform:scale(1.2)}100%{opacity:0;transform:scale(1.7)}}
.omen-frame[data-phase="release"] .omen-floor-light{background:radial-gradient(ellipse,#16b6f68f,transparent 70%);transition:background .25s}
@media(prefers-reduced-motion:reduce){.omen-hand{display:none}.omen-frame[data-phase="release"]::after{animation:none;opacity:.23}}
/* Old book-tactics styles assigned flex order to .topline. The discovery stage uses authored DOM order. */
#encounterExperience.omen-encounter > *{order:initial!important}
/* v0.2.2: Let the floating book invite curiosity without a persistent 'touch this' caption. */
.omen-hit-hint{display:none!important}