.daily-ritual-header { display: flex; align-items: center; justify-content: space-between; color: var(--text-muted); }
.daily-ritual-header > div { display: flex; align-items: center; gap: 10px; }
.daily-ritual-header__label { font: .68rem var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.daily-ritual-scene { min-height: clamp(500px, calc(100svh - 380px), 650px); display: grid; align-content: center; }
.daily-intro { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 70px; align-items: center; }
.daily-intro h1,.daily-focus h1,.daily-deck-ready h1,.daily-reveal-stage h1 { font-size: clamp(var(--text-2xl),2.6vw,var(--text-4xl)); }
.daily-intro__copy > p { max-width: 650px; color: var(--text-soft); font-size: 1.03rem; }
.daily-focus-question { margin: 30px 0; padding: 24px 0; border-block: 1px solid var(--glass-line); color: var(--accent-amber-light); font: 400 1.5rem/1.4 var(--font-display); }
.daily-intro__mark { width: 250px; height: 250px; display: grid; place-items: center; border: 1px solid rgba(214,168,95,.35); border-radius: 50%; box-shadow: 0 0 80px rgba(214,168,95,.09); }
.daily-intro__mark .ritual-icon { color: var(--accent-amber-light); }
.daily-help { max-width: 620px; }
.daily-focus { text-align: center; }
.daily-focus .focus-orb { margin-bottom: 34px; }
.daily-deck-ready { text-align: center; }
.daily-deck-ready p { color: var(--text-soft); }
.daily-deck-ready .deck-fan { height: 340px; padding-block: 30px; }
.daily-deck-forming { position: relative; width: 190px; height: 250px; margin: 0 auto 30px; perspective: 900px; }
.daily-deck-forming img { position: absolute; inset: 0; width: 150px; aspect-ratio: 2/3; margin: auto; border-radius: 8px; box-shadow: 0 24px 50px rgba(0,0,0,.5); animation: daily-deck-shuffle 1.8s var(--ease-ritual) infinite alternate; }
.daily-deck-forming img:nth-child(2) { animation-delay: -.6s; }
.daily-deck-forming img:nth-child(3) { animation-delay: -1.2s; }
.daily-deck-forming span { position: absolute; left: 50%; bottom: 5px; width: 170px; height: 24px; border: 1px solid rgba(214,168,95,.28); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 30px rgba(214,168,95,.14); }
.daily-selection-actions { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }
.deck-card.is-preview { margin-right: 42px; transform: translateY(-38px); outline: 1px solid rgba(239,207,145,.65); outline-offset: 5px; }
.daily-reveal-stage { min-height: 650px; display: grid; justify-items: center; align-content: center; text-align: center; }
.daily-reveal-stage > p { color: var(--text-soft); }
.daily-closed-card { width: 250px; margin: 24px 0 14px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; transition: transform 260ms var(--ease-ritual), opacity 220ms ease; }
.daily-closed-card:hover,.daily-closed-card:focus-visible { transform: translateY(-8px); }
.daily-closed-card:focus-visible { outline: 1px solid var(--accent-amber-light); outline-offset: 10px; }
.daily-closed-card:disabled { cursor: wait; opacity: 1; }
.daily-closed-card .product-tarot-card { width: 100%; }
.daily-closed-card.is-revealing { transform: translateY(-4px); }
.daily-reveal-stage__hint { margin: 0; color: var(--text-muted) !important; font-size: .8rem; }
.daily-perception { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 70px; align-items: center; padding-block: 20px 60px; }
.daily-perception__card .product-tarot-card { width: 100%; }
.daily-perception__prompt { max-width: 620px; color: var(--text-soft); font: 400 1.25rem/1.6 var(--font-display); }
.reversed-note { max-width: 650px; margin: 24px 0; padding: 18px 20px; border-left: 2px solid var(--accent-amber); background: rgba(214,168,95,.06); }
.reversed-note p { margin: 6px 0 0; color: var(--text-soft); }
.daily-note-form { display: grid; gap: 10px; margin: 28px 0; }
.daily-note-form label { color: var(--text-main); }.daily-note-form label span { color: var(--text-muted); font-size: .78rem; }
.daily-note-form .btn { justify-self: start; }
.daily-result-heading { display: flex; justify-content: space-between; align-items: start; gap: 30px; margin-bottom: 36px; }
.daily-result-heading > div { max-width: 760px; }.daily-result-heading p:last-child { color: var(--text-soft); }
.daily-result-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 70px; align-items: start; }
.daily-result-card .product-tarot-card { width: 100%; }.daily-result-card > span { display: block; margin-top: 12px; color: var(--text-muted); text-align: center; }
.daily-meaning-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--glass-line-soft); }
.daily-meaning-grid > section { min-height: 170px; padding: 26px; background: #091017; }
.daily-meaning-grid > section p:last-child { color: var(--text-soft); }
.daily-meaning-grid .freedom-note { margin: 0; border: 0; }
.daily-meaning-grid > .btn { grid-column: 1/-1; justify-self: start; margin-top: 22px; }
.daily-reflection { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; margin-top: 70px; padding: 42px 0; border-block: 1px solid var(--glass-line); }
.daily-reflection p { color: var(--text-soft); }.daily-reflection .daily-note-form { margin: 0; }
.daily-reflection__notes { display: grid; gap: 30px; }
.daily-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 32px; }
.card-detail { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 70px; align-items: start; padding-block: 45px 90px; }
.card-detail--modal { padding: 8px; }
.card-detail__visual { position: sticky; top: 95px; text-align: center; }.card-detail__card .product-tarot-card { width: 100%; }.card-detail__visual > span { margin-top: 14px; color: var(--text-muted); }.card-detail__type { display: inline-flex; gap: 7px; align-items: center; justify-content: center; }.card-detail__type .ritual-icon { width: 16px; height: 16px; color: var(--accent-amber-light); }
.card-detail__content h1 { margin-bottom: 4px; font-size: clamp(var(--text-2xl),2.6vw,var(--text-4xl)); }.card-detail__subtitle { color: var(--text-muted); }
.card-detail__orientations { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin: 34px 0; background: var(--glass-line); }
.card-detail__orientations section { padding: 28px; background: #091017; }.card-detail__orientations h2 { font-size: 1.25rem; }.card-detail__orientations h3 { margin-top: 25px; font-size: .92rem; }.card-detail__orientations p,.card-detail__orientations li { color: var(--text-soft); font-size: .88rem; }.card-detail__orientations ul { padding-left: 18px; }
.keyword-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0; }.keyword-row span { padding: 6px 9px; border: 1px solid var(--glass-line); border-radius: 999px; color: var(--accent-amber-light); font-size: .72rem; }
.card-page { padding-block: 60px 100px; }
@keyframes daily-deck-shuffle { 0% { transform: translate3d(-18px,8px,0) rotateY(-8deg) rotateZ(-2deg); } 55% { transform: translate3d(22px,-8px,35px) rotateY(7deg) rotateZ(2deg); } 100% { transform: translate3d(0,0,5px); } }
@media (max-width: 1020px) { .daily-result-layout,.daily-perception,.card-detail{grid-template-columns:260px 1fr;gap:38px}.daily-intro{gap:35px}.card-detail__orientations{grid-template-columns:1fr} }
@media (max-width: 760px) { .daily-ritual-page{width:100%;min-height:calc(100vh - 64px);margin:0;padding:22px 16px;border-inline:0;border-radius:0}.daily-ritual-scene{min-height:600px}.daily-intro,.daily-perception,.daily-result-layout,.daily-reflection,.card-detail{grid-template-columns:1fr}.daily-intro__mark{display:none}.daily-perception__card,.daily-result-card,.card-detail__visual{position:static;width:min(260px,72vw);margin:auto}.daily-meaning-grid{grid-template-columns:1fr}.daily-result-heading{display:block}.daily-result-heading .btn{margin-top:12px} }