.mpo-oracle{--ink:#08080d;--acid:#dcff20;--lime:#8dff1a;--violet:#b72cff;--violet2:#6b23ff;--pink:#ff3fb4;--bone:#f3eadb;--fog:#9fffd8;--blood:#ff375f;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 50% 22%,rgba(183,44,255,.36),transparent 30%),radial-gradient(circle at 18% 78%,rgba(141,255,26,.13),transparent 26%),radial-gradient(circle at 84% 74%,rgba(255,63,180,.11),transparent 28%),linear-gradient(180deg,#09080f,#050507 74%,#030304);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.45);isolation:isolate}
.mpo-oracle *{box-sizing:border-box}.mpo-frame{position:relative;z-index:3;max-width:980px;margin:auto;padding:clamp(20px,5vw,54px)}
.mpo-ambient-fog{position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,rgba(141,255,26,.11),transparent 28%),radial-gradient(ellipse at 75% 60%,rgba(183,44,255,.14),transparent 29%),radial-gradient(ellipse at 48% 80%,rgba(159,255,216,.07),transparent 26%);filter:blur(30px);animation:mpoFog 18s ease-in-out infinite alternate}
@keyframes mpoFog{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.05)}100%{transform:translate3d(-1%,4%,0) scale(1.02)}}
.mpo-particles{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.mpo-particle{position:absolute;left:var(--x);top:var(--y);color:var(--c);font-size:var(--s);text-shadow:0 0 12px currentColor;opacity:0;animation:mpoBurst var(--d) ease-out forwards;animation-delay:var(--delay)}
@keyframes mpoBurst{0%{opacity:0;transform:translate(0,0) scale(.3) rotate(0)}16%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(180deg)}}
.mpo-head{text-align:center;position:relative;z-index:4}.mpo-kicker{color:var(--acid);letter-spacing:.23em;font-weight:900;font-size:.74rem}.mpo-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,6vw,4.7rem);margin:.18em 0 .08em;text-shadow:0 0 28px rgba(183,44,255,.72),0 2px 0 #000}.mpo-head p{color:#d8d2e2;margin:0 auto 16px;font-style:italic}
.mpo-sigil-marquee{width:min(760px,100%);margin:10px auto 12px;overflow:hidden;position:relative;border-top:1px solid rgba(223,255,0,.2);border-bottom:1px solid rgba(223,255,0,.16);padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mpo-sigil-track{display:flex;width:max-content;will-change:transform;animation:mpoSigilLoop 20s linear infinite}.mpo-sigil-group{display:flex;align-items:center;flex:none;gap:26px;padding-right:26px;color:var(--acid);font-size:1.25rem;text-shadow:0 0 14px rgba(223,255,32,.75)}
.mpo-sigil-group span:nth-child(3n){color:var(--fog)}.mpo-sigil-group span:nth-child(4n){color:#ffd37a}.mpo-sigil-group span:nth-child(5n){color:#ff86ca}@keyframes mpoSigilLoop{to{transform:translateX(-50%)}}
.mpo-head{position:relative}.mpo-toolbar{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;margin:0;z-index:8}.mpo-sound{appearance:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:#d9ff75;border-radius:999px;padding:0;font-size:.9rem;line-height:1;cursor:pointer;opacity:.5;backdrop-filter:blur(6px);transition:opacity .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.mpo-sound:hover,.mpo-sound:focus-visible{opacity:.95;background:rgba(0,0,0,.48);border-color:rgba(223,255,0,.35);transform:scale(1.04);outline:none}.mpo-sound[aria-pressed="false"]{color:#a9a1b3;opacity:.38}.mpo-sound span{pointer-events:none;filter:grayscale(1)}
.mpo-gate{max-width:680px;margin:20px auto 30px;padding:26px;border:1px solid rgba(223,255,0,.28);background:linear-gradient(180deg,rgba(12,10,18,.88),rgba(0,0,0,.64));border-radius:22px;text-align:center;backdrop-filter:blur(12px);box-shadow:inset 0 0 40px rgba(183,44,255,.06),0 20px 45px rgba(0,0,0,.25)}
.mpo-seal{font-size:3.2rem;color:var(--acid);filter:drop-shadow(0 0 14px var(--acid));animation:mpoSeal 4s ease-in-out infinite}@keyframes mpoSeal{50%{transform:rotate(8deg) scale(1.06);filter:drop-shadow(0 0 28px var(--acid))}}
.mpo-gate h3{margin:6px 0}.mpo-gate p{color:#cfc8d8}.mpo-code-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mpo-code-row input{min-width:240px;padding:14px 16px;background:#0d0d12;border:1px solid #545060;border-radius:12px;color:#fff;text-align:center;font-weight:800;letter-spacing:.12em}.mpo-code-row button,.mpo-ask{border:0;border-radius:12px;padding:14px 22px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,var(--acid),var(--lime));color:#111;box-shadow:0 0 24px rgba(141,255,26,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.mpo-code-row button:hover,.mpo-ask:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(141,255,26,.4)}.mpo-code-row button:disabled,.mpo-ask:disabled{opacity:.6;cursor:wait}.mpo-gate-msg{min-height:24px;margin-top:10px;color:#d4ffc4}
.mpo-stage.is-locked{filter:blur(10px) grayscale(1);opacity:.18;pointer-events:none;user-select:none}.mpo-stage{transition:.55s;position:relative;z-index:3}
.mpo-doctor-wrap{height:360px;position:relative;display:grid;place-items:center;margin:4px auto 10px;overflow:visible}.mpo-aura{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(223,255,0,.24),rgba(183,44,255,.12) 46%,transparent 72%);filter:blur(4px);animation:mpoPulse 2.5s ease-in-out infinite;z-index:0}@keyframes mpoPulse{50%{transform:scale(1.12);opacity:.62}}
.mpo-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(223,255,32,.22);border-radius:50%;transform-origin:center;z-index:1}.mpo-orbit span{position:absolute;color:var(--acid);text-shadow:0 0 14px currentColor;font-size:1rem}.mpo-orbit-a{width:320px;height:320px;margin:-160px 0 0 -160px;animation:mpoOrbit 15s linear infinite}.mpo-orbit-b{width:250px;height:250px;margin:-125px 0 0 -125px;border-color:rgba(183,44,255,.28);animation:mpoOrbit 11s linear infinite reverse}.mpo-orbit span:nth-child(1){left:50%;top:-10px}.mpo-orbit span:nth-child(2){right:-8px;top:50%}.mpo-orbit span:nth-child(3){left:50%;bottom:-10px}.mpo-orbit span:nth-child(4){left:-8px;top:50%}.mpo-orbit-b span{color:#d48cff}@keyframes mpoOrbit{to{transform:rotate(360deg)}}
.mpo-doctor{position:relative;width:240px;height:300px;z-index:2;filter:drop-shadow(0 18px 26px rgba(0,0,0,.42))}.mpo-hat{position:absolute;left:48px;top:8px;width:145px;height:55px;background:linear-gradient(180deg,#1b1821,#09080d);border:5px solid #383441;border-radius:18px 18px 8px 8px;box-shadow:0 0 22px rgba(183,44,255,.62)}.mpo-hat:after{content:"";position:absolute;left:-25px;bottom:-15px;width:195px;height:18px;border-radius:50%;background:#17151d;border:4px solid #41394a}.mpo-hat-star{position:absolute;left:60px;top:14px;color:var(--acid);text-shadow:0 0 10px var(--acid);z-index:4}
.mpo-mask{position:absolute;left:54px;top:62px;width:132px;height:106px;border-radius:54% 47% 52% 44%;background:linear-gradient(135deg,#fff8e9,#ddd1bd);border:5px solid #2a2531;z-index:3;transform:rotate(-3deg)}.mpo-eye{position:absolute;top:26px;width:24px;height:29px;border-radius:50%;background:#050507;box-shadow:inset 0 0 0 5px #212027,0 0 12px rgba(223,255,0,.45)}.mpo-eye.e1{left:28px}.mpo-eye.e2{left:72px}.mpo-beak{position:absolute;left:84px;top:50px;width:82px;height:38px;background:linear-gradient(90deg,#f3eadb,#d8ccb7);clip-path:polygon(0 10%,100% 55%,0 100%);border-radius:12px;filter:drop-shadow(2px 3px 0 #2a2531)}
.mpo-body{position:absolute;left:42px;top:145px;width:155px;height:120px;border-radius:40px 40px 24px 24px;background:linear-gradient(135deg,#1c1922,#050507);border:5px solid #35313b;box-shadow:inset 0 -20px 34px rgba(0,0,0,.5)}.mpo-buckle{position:absolute;left:62px;top:55px;width:26px;height:20px;border:4px solid #887a92;border-radius:5px}.mpo-buckle:after{content:"";position:absolute;left:9px;top:-4px;width:4px;height:20px;background:#887a92}
.mpo-orb{position:absolute;left:70px;bottom:0;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 3%,var(--fog) 6%,var(--violet) 34%,#12051b 70%);border:5px solid #35293f;box-shadow:0 0 30px var(--violet),inset 0 0 18px rgba(255,255,255,.6);z-index:5}.mpo-orb:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,255,255,.24);animation:mpoOrbRing 5s linear infinite}@keyframes mpoOrbRing{to{transform:rotate(360deg)}}.mpo-orb-core{display:grid;place-items:center;height:100%;font-size:3rem;font-family:Georgia,serif;text-shadow:0 0 18px #fff}.rune{position:absolute;color:var(--acid);text-shadow:0 0 10px var(--acid)}.r1{left:-28px;top:4px}.r2{right:-28px;top:40px}.r3{left:40px;bottom:-30px}
.mpo-stage.is-reading .mpo-doctor{animation:mpoShake .11s linear 14}.mpo-stage.is-reading .mpo-orb{animation:mpoOrb 1.8s ease both}.mpo-stage.is-reading .mpo-aura{animation:mpoFlash .24s ease 8}.mpo-stage.is-reading .mpo-orbit-a{animation-duration:1.1s}.mpo-stage.is-reading .mpo-orbit-b{animation-duration:.7s}.mpo-stage.is-reading .mpo-mask{filter:drop-shadow(0 0 16px var(--acid))}
@keyframes mpoShake{0%,100%{transform:translate(0)}25%{transform:translate(-6px,2px) rotate(-1deg)}75%{transform:translate(6px,-2px) rotate(1deg)}}@keyframes mpoOrb{0%{transform:scale(1)}50%{transform:scale(1.24) rotate(180deg);filter:hue-rotate(120deg);box-shadow:0 0 90px var(--acid),0 0 140px rgba(183,44,255,.65)}100%{transform:scale(1)}}@keyframes mpoFlash{50%{opacity:.2;transform:scale(1.32)}}
.mpo-ritual-status{width:max-content;max-width:92%;margin:-8px auto 16px;padding:7px 13px;border:1px solid rgba(223,255,32,.18);border-radius:999px;color:#cfff75;background:rgba(0,0,0,.28);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-align:center;transition:.2s}.mpo-stage.is-reading .mpo-ritual-status{color:#fff;border-color:rgba(183,44,255,.5);box-shadow:0 0 18px rgba(183,44,255,.22)}
.mpo-console{max-width:720px;margin:0 auto;position:relative}.mpo-console label{display:block;font-size:.75rem;letter-spacing:.18em;font-weight:900;color:#c8ff74;margin-bottom:8px}.mpo-console textarea{width:100%;min-height:104px;resize:vertical;padding:16px 18px 28px;border:1px solid #3f3947;border-radius:16px;background:rgba(12,11,17,.88);color:#fff;font-size:1rem;outline:none}.mpo-console textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(183,44,255,.15),0 0 28px rgba(183,44,255,.1)}.mpo-question-meter{position:absolute;right:13px;top:112px;font-size:.68rem;color:#6f687a}.mpo-ask{display:block;width:100%;margin:12px 0 8px;font-size:1rem;letter-spacing:.06em;position:relative;overflow:hidden}.mpo-ask:after{content:"";position:absolute;top:0;bottom:0;width:80px;left:-100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:mpoButtonGleam 4s ease-in-out infinite}@keyframes mpoButtonGleam{70%,100%{left:calc(100% + 100px)}}.mpo-note{text-align:center;color:#8f889b;font-size:.82rem}
.mpo-reading{max-width:760px;margin:26px auto 0;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(183,44,255,.14),rgba(0,0,0,.45));text-align:center;box-shadow:inset 0 0 35px rgba(183,44,255,.08),0 14px 34px rgba(0,0,0,.2);position:relative;overflow:hidden}.mpo-reading:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.04) 48%,transparent 70%);transform:translateX(-100%)}.mpo-reading.is-revealed:before{animation:mpoReadSweep .9s ease}@keyframes mpoReadSweep{to{transform:translateX(100%)}}.mpo-reading-label{font-size:.72rem;font-weight:900;letter-spacing:.2em;color:var(--acid)}.mpo-answer{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.2rem,3vw,2rem);line-height:1.35;margin:10px 0}.mpo-subline{font-size:.8rem;color:#91899b}
.mpo-history-wrap{max-width:760px;margin:16px auto}.mpo-history-toggle{width:100%;background:transparent;color:#bfb7c9;border:1px solid #38323f;border-radius:12px;padding:10px;cursor:pointer}.mpo-history{display:none;margin-top:8px}.mpo-history.open{display:block}.mpo-history-item{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#bdb6c8;font-size:.88rem}.mpo-entertainment-note{max-width:760px;margin:18px auto 0;text-align:center;color:#625c6b;font-size:.68rem;line-height:1.5}
@media(max-width:640px){.mpo-toolbar{right:-2px;top:-2px}.mpo-sound{width:30px;height:30px;font-size:.8rem}.mpo-doctor-wrap{height:330px}.mpo-frame{padding:18px}.mpo-code-row>*{width:100%}.mpo-orbit-a{width:286px;height:286px;margin:-143px 0 0 -143px}.mpo-orbit-b{width:228px;height:228px;margin:-114px 0 0 -114px}.mpo-question-meter{top:114px}.mpo-sigil-group{gap:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.mpo-oracle *{animation:none!important;scroll-behavior:auto!important}.mpo-sigil-track{transform:none!important}}