/* The Oracle shares SOLRAY's palette, spacing and controls while retaining colourful cards. */
@font-face{font-family:'Noto Thai';src:url('/assets/NotoSansThai.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f8f5ed;--ink:#171714;--wine:#862633;--muted:#68665f;--line:#d7d2c9}
body{font-family:Montserrat,'Noto Thai',sans-serif;background:var(--paper);color:var(--ink)}
button,input,select{font-family:inherit}input,select{font-size:16px}.button,.google-continue{min-height:46px;border-radius:4px;padding:12px 20px;font-size:14px;background:var(--wine);color:var(--paper);border:1px solid var(--wine)}.button.secondary{background:transparent;color:var(--wine);border-color:#86263360}.button.dark{background:var(--wine)}.dialog-close{width:44px;height:44px;min-width:44px;border-radius:0;background:transparent;border:0}.dialog-close svg{width:22px;height:22px}.player-dialog,.instagram-dialog,#product-dialog{padding:36px;border:1px solid var(--line);border-radius:4px;width:min(520px,calc(100% - 40px));max-height:calc(100dvh - 40px);background:var(--paper)}dialog::backdrop{background:#0d142bcc;backdrop-filter:blur(8px)}.player-dialog h2,.instagram-dialog h2{font-size:32px;line-height:1.15;letter-spacing:-.04em;padding-right:25px}.player-dialog>p,.instagram-dialog>p{font-size:14px;line-height:1.7}.player-dialog .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--wine);margin-bottom:20px}.google-continue{margin-top:24px;width:100%}.quick-signup-terms{font-size:11px!important;line-height:1.7}.quick-marketing{font-size:13px}.quick-marketing small{display:none}.skip-signup{font-size:12px;min-height:44px}.manual-signup{font-size:12px}.consent-choice{font-size:12px}.signup-privacy p{font-size:12px}.instagram-dialog .ig-preview{max-width:160px;margin:20px auto}.instagram-dialog .ig-format-tabs button{font-size:12px}.ig-format-tabs span{display:none}.ig-actions{gap:10px}.ig-actions .button{font-size:12px}.ig-help{font-size:11px!important}.instagram-dialog .eyebrow{font-size:11px}.hero .intro{font-size:15px}.hero #hero-title{letter-spacing:-.025em}.hero-deck-wrap{gap:16px}
.shuffle-deck .shuffle-card{animation:none!important;will-change:auto;transform:rotate(0);left:calc(50% - 122px)}.shuffle-deck .shuffle-card:nth-child(1){transform:translateX(-30%) rotate(-15deg);z-index:1}.shuffle-deck .shuffle-card:nth-child(2){transform:translateX(25%) rotate(10deg);z-index:2}.shuffle-deck .shuffle-card:nth-child(3){transform:translateY(-12px) rotate(-2deg);z-index:3}.shuffle-pause{display:none}
.play-note{font-size:11px;padding-top:16px}.mode-tabs{gap:8px}.mode-tabs button{font-size:13px;border-radius:4px;padding:12px}.privacy{font-size:11px}.play-box{padding:28px}.play-panel>p{font-size:14px}.reading{background:var(--paper);padding-block:64px}.reading-layout{gap:6%;align-items:start}.reading-copy h2{font-size:clamp(38px,5vw,70px)}.reading-copy .note-thai{font-size:15px;margin-top:12px}.reading-copy .note-profile{display:none}.reading-copy .message{font-size:26px;line-height:1.5;margin:22px 0}.fortune-tag{background:transparent;padding:0;color:var(--wine);font-size:12px}.reading-story{padding:14px 0;border-block:1px solid var(--line);margin:24px 0}.reading-story summary{font-size:13px;cursor:pointer}.reading-story .story{font-size:14px;line-height:1.8}.reading-story .ritual-tip{font-size:13px;background:#f0ece4;border:0}.reading-notes{font-size:12px;margin-top:20px}.reading-notes p{font-size:12px}.redraw{font-size:12px;margin-top:20px}.product-matches{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.product-matches h3{font-size:28px}.product-matches>p:not(.eyebrow){font-size:13px}.products{gap:20px}.product .type{font-size:11px}.product .match-note{font-size:12px}.product-photo{overflow:hidden;aspect-ratio:4/5;background:#f4f1e9}.product-photo img{width:100%;height:100%;max-height:100%;object-fit:contain}.product button{min-height:44px;background:var(--wine);color:var(--paper);border-radius:4px}.share-panel{margin-top:32px;padding:24px 0;border-block:1px solid var(--line)}.share-actions{gap:10px}.share-actions .button{font-size:13px}.instagram-entry{min-height:44px;font-size:13px}.reading-more,.scent-finder{margin-top:20px;font-size:13px}.summary-hint{display:none}.extra-body{font-size:13px}.referral-panel{padding:18px}.library .section-head h2{font-size:clamp(30px,4vw,50px)}.library .section-head>p{font-size:14px}.covered-card{border-radius:4px}.about h2{font-size:clamp(32px,4vw,54px)}.about p{font-size:14px;line-height:1.8}.faq summary{font-size:14px}.faq p{font-size:13px}.footer-links .footer-link{font-size:12px}.footer-links{gap:18px}.footer-bottom{margin-top:32px}
@media(max-width:800px){.hero{padding:40px 20px 32px}.hero #hero-title{font-size:clamp(27px,7vw,36px)}.hero .intro{font-size:14px}.hero-deck-wrap .shuffle-deck{height:320px}.shuffle-deck .shuffle-card{width:180px!important;left:calc(50% - 90px)!important;top:20px!important}.hero-deck-wrap{padding-bottom:20px}.deck-caption{font-size:12px;min-height:44px}.play,.reading,.library,.about{padding-inline:20px}.play-box{padding:24px 20px}.mode-tabs button{font-size:12px;padding:10px 8px}.reading{padding-block:44px}.reading-layout{gap:28px}.result-card{width:min(270px,80%);margin-inline:auto}.reading-copy h2{font-size:40px}.reading-copy .message{font-size:24px}.reading-copy .note-thai{font-size:14px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.product b{font-size:16px}.product button{font-size:12px;padding:10px}.product-matches h3{font-size:26px}.player-dialog,.instagram-dialog,#product-dialog{padding:30px 24px;max-height:calc(100dvh - 32px)}.player-dialog h2,.instagram-dialog h2{font-size:29px}.player-dialog>p{font-size:13px}.google-continue{font-size:13px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.covered-back b{font-size:9px}.covered-back>span{font-size:14px}.about{display:block;padding-block:44px}.about>div>p{margin-top:20px}.about .faq{margin-top:30px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}}
@media(max-width:360px){.shuffle-deck .shuffle-card{width:156px!important;left:calc(50% - 78px)!important}.hero-deck-wrap .shuffle-deck{height:280px}.hero #hero-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.shuffle-deck .shuffle-card{display:block!important}*,*::before,*::after{animation:none!important;transition:none!important}}
/* V2 art direction: the colourful deck sits on SOLRAY burgundy. */
.oracle-entry{display:block;min-height:0;padding:0;background:var(--paper);overflow:clip}
.oracle-entry .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding:68px 7%;min-height:580px;background:var(--wine);color:var(--paper);align-items:center}
.oracle-entry .hero-copy{grid-column:auto;grid-row:auto;align-self:center;min-width:0}
.oracle-entry .hero .scent-destiny-title{width:min(420px,100%);margin:0 0 30px!important;transform:none}
.oracle-entry .scent-destiny-title img{filter:brightness(0) invert(1)}
.oracle-entry .hero #hero-title{font-size:clamp(30px,3.5vw,50px);line-height:1.4;white-space:normal;color:var(--paper)}
.oracle-entry .hero .intro{color:#f8f5edb3;font-size:15px;line-height:1.8;margin-top:18px;white-space:normal}
.oracle-entry .hero .text-link,.oracle-entry .hero-meta{display:none}
.oracle-entry .hero-deck-wrap{grid-column:auto;grid-row:auto;align-self:center;gap:18px;padding:0;max-width:540px}
.oracle-entry .hero-deck-wrap .shuffle-deck{height:390px;width:100%;max-width:440px}
.oracle-entry .shuffle-deck .shuffle-card{width:224px!important;left:calc(50% - 112px)!important;top:25px!important;box-shadow:0 20px 40px #38071455;border-radius:12px;overflow:hidden}
.oracle-entry .deck-caption{color:var(--paper);border-color:#f8f5ed70;font-size:13px;min-height:44px;line-height:2.6;margin:0}
.oracle-entry .ritual{grid-column:auto;grid-row:auto;max-width:660px;margin:0 auto;padding:48px 24px 40px;background:var(--paper);text-align:center}
.oracle-entry .ritual-surface{padding:0;border:0;background:transparent;box-shadow:none}.oracle-entry .ritual-heading .eyebrow{display:none}.oracle-entry .ritual h2{font-size:30px;letter-spacing:-.04em;margin-bottom:24px}.oracle-entry .mode-tabs{padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;margin:0 0 24px;display:flex;justify-content:center;gap:18px}.oracle-entry .mode-tabs button{flex:1;border:0;border-radius:0;background:transparent;font-size:13px;padding:14px 8px;color:var(--muted)}.oracle-entry .mode-tabs button[aria-selected=true]{color:var(--wine);background:transparent;box-shadow:inset 0 -2px var(--wine)}.oracle-entry .ritual [role=tabpanel]>p{font-size:14px;margin-bottom:20px}.oracle-entry .ritual .button{min-width:210px;border-radius:0}.oracle-entry .play-note{font-size:10px;line-height:1.8;max-width:420px;margin:22px auto 0;color:var(--muted)}
.library{border-top:1px solid var(--line)}.library .covered-card{border-radius:0;box-shadow:none}.library .covered-back{border-radius:0}.library .card-grid{gap:24px}.library .section-head{margin-bottom:32px}
@media(max-width:800px){.oracle-entry .hero{grid-template-columns:minmax(0,1fr);padding:38px 20px 30px;gap:24px;min-height:0;text-align:center}.oracle-entry .hero .scent-destiny-title{width:min(290px,85%);margin:0 auto 24px!important}.oracle-entry .hero #hero-title{font-size:30px;line-height:1.4}.oracle-entry .hero .intro{font-size:13px;margin-top:14px}.oracle-entry .hero-deck-wrap{gap:10px}.oracle-entry .hero-deck-wrap .shuffle-deck{height:290px;max-width:330px}.oracle-entry .shuffle-deck .shuffle-card{width:170px!important;left:calc(50% - 85px)!important;top:15px!important}.oracle-entry .deck-caption{font-size:12px}.oracle-entry .ritual{padding:36px 20px}.oracle-entry .ritual h2{font-size:26px;white-space:normal}.oracle-entry .mode-tabs{gap:8px}.oracle-entry .mode-tabs button{font-size:12px;padding:13px 3px}.oracle-entry .play-note{font-size:10px}.library .card-grid{gap:16px 12px}.library{padding:40px 20px}.library .section-head h2{font-size:29px;white-space:normal}}
@media(max-width:360px){.oracle-entry .hero #hero-title{font-size:27px}.oracle-entry .hero-deck-wrap .shuffle-deck{height:260px}.oracle-entry .shuffle-deck .shuffle-card{width:152px!important;left:calc(50% - 76px)!important}.oracle-entry .mode-tabs button{font-size:11px}}