/* Illustrated browsing surface; learning state comes only from the app. */
.oasis-journey{max-width:900px;margin:0 auto 24px}.oasis-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.oasis-navigation label{display:flex;align-items:center;gap:8px;min-width:0}.oasis-navigation select{max-width:280px}.oasis-motion{font-size:13px}.oasis-layout{display:grid;grid-template-columns:minmax(0,364px) minmax(190px,1fr);gap:24px;align-items:center}.oasis-scene{position:relative;width:100%;aspect-ratio:364/688;isolation:isolate;overflow:hidden;border-radius:20px;background:#122b43}.oasis-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.oasis-route{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.oasis-route path{fill:none;stroke:transparent}.oasis-scene .oasis-book{position:absolute;z-index:3;transform:translate(-50%,-78%);width:var(--book-size);min-width:44px;min-height:44px;aspect-ratio:1;padding:0;border:0;background:transparent;box-shadow:none;isolation:isolate}.oasis-book img{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);width:71%;max-width:none;pointer-events:none;transition:opacity .2s}.oasis-book .oasis-open{width:92%;opacity:0}.oasis-book.is-open .oasis-closed{opacity:0}.oasis-book.is-open .oasis-open{opacity:1;filter:drop-shadow(0 0 6px #ffe1a1)}.oasis-number{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;min-width:22px;height:22px;padding:0 3px;border-radius:20px;background:#102d48;border:1px solid #ffdc9a;color:#fff1c4;font-size:11px;font-weight:700}.oasis-book[aria-current]{filter:drop-shadow(0 0 5px #ffe69b)}.oasis-book.unavailable .oasis-number:after{content:'🔒';font-size:9px;position:absolute;right:-6px;bottom:-3px}.oasis-avatar{position:absolute;z-index:4;pointer-events:none;transform:translate(-50%,-100%);aspect-ratio:703/1299}.oasis-avatar img{width:100%;transform:scaleX(var(--facing,1));transform-origin:center}.oasis-status{font-size:14px;color:var(--muted);min-height:24px}.oasis-book-list{display:grid;gap:10px}.oasis-list-book{text-align:start;display:grid;gap:4px;width:100%}.oasis-list-book small{font-size:12px;color:var(--muted)}.oasis-pages{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.oasis-book-dialog{width:min(420px,calc(100% - 24px))}.oasis-book-dialog [data-oasis-action]{margin:16px 0}.oasis-book-dialog h2{margin:0}.journey-overview{margin:20px 0}.journey-overview summary{cursor:pointer;padding:12px 0}.oasis-book:focus-visible{outline:3px solid #fff5cf;outline-offset:3px;border-radius:10px}
@media(max-width:650px){.oasis-layout{grid-template-columns:minmax(0,364px);justify-content:center;gap:14px}.oasis-sidebar{width:100%}.oasis-book-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oasis-list-book{font-size:14px;padding:10px}.oasis-navigation{gap:8px}.oasis-navigation label:first-child{width:100%}.oasis-navigation select{flex:1;width:100%;max-width:none}.oasis-motion{margin-inline-start:auto}.oasis-status{margin:0 0 8px}.oasis-pages button{flex:1}}
@media(prefers-reduced-motion:reduce){.oasis-book img{transition:none}}
.oasis-juz-plaque{text-align:center;margin:4px 0 14px;font-size:20px}.oasis-scene{border-radius:0}.oasis-book img{bottom:15%}.oasis-finale{border-radius:50%!important;background:radial-gradient(ellipse,#ffe7a177,transparent 65%)!important}.oasis-finale .oasis-number{bottom:25%}.oasis-finale.is-open{filter:drop-shadow(0 0 10px #ffe1a1)}
.oasis-corridor{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px;padding:18px;background:#e5d0a6;border-radius:8px}.oasis-corridor[hidden],.oasis-path-view[hidden]{display:none}.oasis-door{min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:14px;border:3px solid #bb9655;border-radius:65px 65px 5px 5px;background:linear-gradient(90deg,#3d3024,#67513a 48%,#3d3024 50%,#67513a);color:#fff1cc;box-shadow:0 4px 0 #927345}.oasis-door small{font-size:12px;color:#eddfc4}.oasis-path-view>[data-oasis-corridor]{margin-bottom:16px}