.oracle-entrance{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080710;color:#f6ecdc;overflow:hidden;opacity:1;transition:opacity .75s ease;box-sizing:border-box}.oracle-entrance::backdrop{background:#080710}.oracle-entrance.is-leaving{opacity:0;pointer-events:none}.entrance-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.entrance-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03020785,transparent 35%,#050309dd);pointer-events:none}.entrance-heading{position:absolute;left:24px;right:24px;bottom:max(10vh,45px);text-align:center;transition:opacity .65s,transform .65s}.entrance-heading>p:first-child{font:13px/1.5 Georgia,serif;letter-spacing:.35em;color:#d3b987}.entrance-heading h2{font:clamp(38px,6vw,76px)/1.08 Georgia,serif;font-weight:400;margin:15px 0 20px;text-shadow:0 5px 30px #000}.entrance-heading .entrance-note{font:15px/1.6 sans-serif;color:#d9cfdf;margin:12px auto;max-width:400px}.entrance-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.oracle-entrance button{cursor:pointer;font:15px/1.4 sans-serif;border-radius:28px;padding:12px 24px;border:1px solid #d5b78266;background:#130e1ed9;color:#eee0cd;min-height:46px}.oracle-entrance button:focus-visible{outline:3px solid #faf0d5;outline-offset:5px}.oracle-entrance .entrance-enter{background:#ddc299;color:#171020;border-color:#ddc299}.oracle-entrance .entrance-skip{position:absolute;right:24px;top:max(24px,env(safe-area-inset-top));z-index:2}.oracle-entrance.is-playing .entrance-heading{opacity:0;transform:translateY(15px);pointer-events:none}.entrance-caption{position:absolute;left:20px;right:20px;bottom:8vh;text-align:center;color:#eee4d5;font:clamp(25px,4vw,44px)/1.2 Georgia,serif;letter-spacing:.12em;opacity:0;transition:opacity 1s;text-shadow:0 2px 22px #000;pointer-events:none}.oracle-entrance.reveal-title .entrance-caption{opacity:1}.entrance-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:#c5a878;opacity:.6}.entrance-replay{font:13px sans-serif;color:#dfc7aa;background:transparent;border:1px solid #a8886055;border-radius:20px;padding:8px 13px;cursor:pointer}@media(max-width:600px){.entrance-heading{bottom:9vh}.entrance-heading h2{font-size:44px}.oracle-entrance .entrance-skip{right:16px;top:16px;padding:9px 16px}.entrance-film{object-fit:cover}.entrance-actions{gap:9px}.entrance-heading .entrance-note{font-size:14px}.entrance-caption{font-size:28px}}@media(prefers-reduced-motion:reduce){.oracle-entrance,.entrance-heading,.entrance-caption{transition:none}}
html:has(.oracle-entrance[open]),body:has(.oracle-entrance[open]){overflow:hidden}