@font-face{font-family:OracleSerif;src:url('assets/oracle-serif.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
#oracle{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;color:#fae5b6;isolation:isolate}
#oracle::backdrop{background:transparent}.oracle-backdrop{position:absolute;inset:0;z-index:-1;background:#202030 url('assets/oracle-room.png') center/cover no-repeat;pointer-events:none}
#oracle button{font-family:OracleSerif,"Noto Serif SC",serif;font-weight:700;color:#f4deb1;background:#242127a6;border:1px solid #e0bd82;border-radius:28px;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
#oracle button:hover{background:#66504170;box-shadow:0 0 23px #d2aa6426;transform:translateY(-2px)}#oracle button:active{transform:translateY(0) scale(.98)}#oracle button:focus-visible{outline:2px solid #ffefc5;outline-offset:5px}
#oracleBack{position:absolute;top:2.4%;left:2%;padding:10px 22px;font-size:clamp(13px,1.05vw,18px);z-index:2}
.oracle-heading{position:absolute;display:block;top:10.6%;left:5%;right:5%;text-align:center;text-shadow:0 2px 9px #0d0b1d88}
.oracle-heading h2{margin:0;font:700 clamp(28px,3.1vw,58px)/1.5 OracleSerif,"Noto Serif SC",serif;letter-spacing:.025em}.oracle-heading h2:focus{outline:0}
.oracle-heading p{margin:4px 0 0;font:700 clamp(15px,1.5vw,27px)/1.8 OracleSerif,"Noto Serif SC",serif;letter-spacing:.07em;color:#f4e8d0}
.oracle-ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin:18px auto 0;width:210px;color:#d7b178;font-size:16px}.oracle-ornament::before,.oracle-ornament::after{content:"";width:75px;height:1px;background:linear-gradient(90deg,transparent,#bd9b66)}.oracle-ornament::after{transform:rotate(180deg)}
.oracle-choices{position:absolute;inset:0;pointer-events:none}.oracle-choice{position:absolute;left:9%;width:38%;top:var(--oracle-label-top,68%);text-align:center;pointer-events:auto}.oracle-choice-book{left:53%}
.oracle-choice h3{font:700 clamp(28px,2.6vw,49px)/1.35 OracleSerif,"Noto Serif SC",serif;letter-spacing:.07em;margin:0;color:#ffe9b8;text-shadow:0 2px 8px #211115bd}
.oracle-choice p{margin:7px 0 15px;font:400 clamp(14px,1.35vw,23px)/1.6 "Noto Serif SC",SimSun,serif;letter-spacing:.035em;color:#f1e3d0}
.oracle-choice button{min-width:clamp(190px,14.5vw,260px);padding:10px 27px;font-size:clamp(15px,1.2vw,22px);line-height:1.5}.oracle-choice button span{display:inline-block;margin-left:13px;transition:transform .25s}.oracle-choice button:hover span{transform:translateX(4px)}
.oracle-art-hit{position:absolute;left:10%;top:36%;width:34%;height:30%;display:block;cursor:pointer;background:transparent!important;border:0!important;border-radius:24px!important;box-shadow:none!important;transition:background .2s!important}.oracle-art-hit:hover{background:#ebd3af09!important;transform:none!important}.oracle-art-hit-book{left:57%;width:31%}
.oracle-mini-art{display:none}.oracle-footer{position:absolute;left:5%;right:5%;bottom:3.7%;display:flex;justify-content:center;align-items:center;gap:22px;margin:0;font:400 clamp(11px,1vw,17px)/1.7 "Noto Serif SC",SimSun,serif;color:#e1d0b7;letter-spacing:.035em;pointer-events:none}.oracle-footer::before,.oracle-footer::after{content:"";height:1px;width:80px;background:#ccb08a70}
#hubModule.oracle-reading{background:#252333;color:#f2e0c2;border-color:#9b7c56}#hubModule.oracle-reading>header{background:#252333;border-color:#65513d}#hubModule.oracle-reading .room-intro,#hubModule.oracle-reading .reflection-result p{color:#efddbe}#hubModule.oracle-reading .room-muted{color:#bfb09c}#hubModule.oracle-reading .room-field{background:#191a27;color:#f3dfc0;border-color:#8d7657}#hubModule.oracle-reading .reflection-result{background:#302b37;border-color:#8d7657}#hubModule.oracle-reading .reflection-result h3{color:#ffe4af}#hubModule.oracle-reading .room-note-status{color:#d0d39f}
@media(min-width:701px) and (max-height:700px){.oracle-heading{top:8%}.oracle-heading h2{font-size:34px}.oracle-heading p{font-size:18px}.oracle-ornament{margin-top:8px}.oracle-choice h3{font-size:30px}.oracle-choice p{font-size:14px;margin:3px 0 8px}.oracle-choice button{font-size:14px;padding:7px 20px}.oracle-footer{font-size:11px;bottom:2%}}
@media(min-width:701px) and (max-width:1100px) and (min-height:900px){.oracle-backdrop{background-image:linear-gradient(#1c1b30c9,#1c1a29ed),url('assets/oracle-room.png');background-size:cover;background-position:center}.oracle-heading{top:12%}.oracle-heading h2{font-size:34px}.oracle-heading p{font-size:19px}.oracle-choices{inset:34% 4% auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.oracle-choice{position:relative;inset:auto!important;width:100%}.oracle-choice h3{font-size:33px}.oracle-choice p{font-size:14px}.oracle-choice button{min-width:190px}.oracle-mini-art{display:block;width:100%;height:200px;border-radius:18px;margin:0 0 20px;background:url('assets/oracle-room.png') 14.925% 52.298%/278.667% 303.55% no-repeat}.oracle-choice-book .oracle-mini-art{background-size:388.84% 336.07%;background-position:79.307% 53.707%}.oracle-art-hit{display:none}}
@media(max-width:700px){#oracle{overflow-y:auto;background:#202030}.oracle-backdrop{position:fixed;background-image:linear-gradient(#1c1b30c9,#1c1a29ed),url('assets/oracle-room.png');background-position:70% top}.oracle-heading{position:relative;top:auto;left:auto;right:auto;margin:88px 16px 24px}.oracle-heading h2{font-size:clamp(23px,5.8vw,32px);letter-spacing:0}.oracle-heading p{font-size:13px;letter-spacing:.025em;margin-top:10px}.oracle-ornament{margin-top:12px;width:170px}.oracle-choices{position:relative;inset:auto;display:grid;gap:20px;margin:0 18px;pointer-events:auto}.oracle-choice{position:relative;inset:auto!important;width:100%;padding:0 15px 23px;border-bottom:1px solid #aa865843}.oracle-choice-book{left:auto}.oracle-mini-art{display:block;width:min(100%,350px);height:155px;margin:0 auto 13px;border-radius:18px;background-image:url('assets/oracle-room.png');background-repeat:no-repeat;background-size:278.667% 303.55%;background-position:14.925% 52.298%}.oracle-choice-book .oracle-mini-art{height:165px;background-size:388.84% 336.07%;background-position:79.307% 53.707%}.oracle-choice h3{font-size:30px}.oracle-choice p{font-size:14px;margin:5px 0 13px}.oracle-choice button{font-size:15px;min-width:200px;padding:9px 25px}.oracle-art-hit{display:none}.oracle-footer{position:relative;inset:auto;font-size:11px;margin:24px 10px 30px;gap:8px}.oracle-footer::before,.oracle-footer::after{width:20px}#oracleBack{position:fixed;top:16px;left:16px;font-size:13px;padding:8px 17px;background:#252333ed!important}}
@media(prefers-reduced-motion:reduce){#oracle button,#oracle button span{transition:none!important}}