/* Otto's guided card table. */
.tarot-preferences{margin-top:8px;border-top:1px dashed #d3dfe8;padding-top:17px}
.tarot-preferences>summary{font-size:12px;color:#526e91;cursor:pointer;line-height:1.6;padding-bottom:15px}
.tarot-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.tarot-reader-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0;counter-reset:reader-step}
.tarot-reader-steps li{counter-increment:reader-step;display:flex;gap:7px;align-items:center;font-size:11px;color:#7b736b;padding:7px 10px;border-radius:30px;background:#f0ece6}
.tarot-reader-steps li::before{content:counter(reader-step);width:19px;height:19px;display:grid;place-items:center;background:#fffaf5;border-radius:50%;font-size:10px}
.tarot-reader-steps li[aria-current="step"]{background:#dce8f4;color:#405f83;font-weight:700}
.tarot-stage{border:0;margin:0;padding:0}.tarot-stage>h3{font-size:25px}.tarot-stage>p{font-size:13px}
.tarot-reader-scene{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:24px;max-width:740px;margin:5px auto 24px;text-align:left}
.tarot-reader-otto{border:0;background:transparent;padding:0;cursor:pointer;border-radius:40%;width:230px;position:relative}
.tarot-reader-otto img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 9px 8px #6547370b)}
.tarot-reader-otto:hover{transform:rotate(-3deg)}.tarot-reader-otto:focus-visible{outline:3px solid #526e91;outline-offset:4px}
.tarot-reader-otto[data-boop="1"]{animation:otto-boop-a .5s ease}.tarot-reader-otto[data-boop="0"]{animation:otto-boop-b .5s ease}
body[data-tarot-phase="shuffling"] .tarot-reader-otto img{animation:otto-paw-shuffle .5s ease-in-out infinite alternate}
.tarot-reader-dialogue{position:relative;background:#edf3f8;border:1px solid #cbdce9;border-radius:22px;padding:22px 25px}
.tarot-reader-dialogue::before{content:'';position:absolute;left:-8px;top:45%;width:15px;height:15px;background:#edf3f8;border-left:1px solid #cbdce9;border-bottom:1px solid #cbdce9;transform:rotate(45deg)}
.tarot-reader-name{color:#526e91;font-size:10px;letter-spacing:1.5px;font-weight:700}
#tarot-reader-talk{font-size:16px;line-height:1.75;color:#654737;margin:11px 0 18px;min-height:3.5em}
.tarot-dealing-table{border:1px solid #d5e1ea;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#f7fbfe,#e7eff5);padding:25px 22px 23px;max-width:710px;margin:0 auto;position:relative}
.tarot-dealing-table::before{content:'✦';position:absolute;top:9px;left:16px;color:#8ca4bd;font-size:12px}.tarot-dealing-table::after{content:'✦';position:absolute;bottom:9px;right:16px;color:#8ca4bd;font-size:12px}
.tarot-stage .tarot-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;max-width:510px;margin:0 auto}
.tarot-stage .tarot-board[data-count="1"]{grid-template-columns:minmax(0,160px);justify-content:center}
.tarot-card-slot{min-width:0;text-align:center}.tarot-slot-label{display:block;font-size:11px;font-weight:600;color:#526e91;margin-bottom:12px}
.tarot-stage .tarot-pick{width:100%;max-height:none;aspect-ratio:2/3}
.tarot-stage .tarot-pick.is-pending{opacity:.22}.tarot-pick.is-pending .tarot-back{background:transparent;border-style:dashed;outline:none}.tarot-pick.is-pending .tarot-back>*{visibility:hidden}
.tarot-stage .tarot-pick.is-active{outline:3px solid #829db9;outline-offset:5px}
.tarot-stage .tarot-pick.is-dealt{animation:otto-card-deal .45s ease-out both}
.tarot-stage .tarot-face-name{font-size:11px}.tarot-stage .tarot-face-number{font-size:13px}.tarot-stage .tarot-face-otto{width:30px;height:30px}
.tarot-reader-actions{display:flex;justify-content:center;gap:12px;margin:24px 0 0;flex-wrap:wrap}
body.tarot-body .tarot-reader-actions .ui-button,body.tarot-body #tarot-next-bottom{background:#526e91;border-color:#526e91;border-radius:14px;box-shadow:0 4px 0 #405b7c;font-size:13px;min-height:44px}
.tarot-result-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.tarot-result-tabs button{border:1px solid #d2dfe8;background:#f7fafc;color:#526e91;border-radius:30px;padding:9px 16px;font:inherit;font-size:12px}
.tarot-result-tabs button[aria-pressed="true"]{background:#526e91;color:#fff;border-color:#526e91}
.tarot-reading-copy>p:not(.tarot-orientation){color:#715c4b}.tarot-reading-copy h4{font-size:13px}.tarot-otto-note p{color:#665b52}
body.tarot-body:not([data-tarot-phase="ready"]) .tarot-hero{grid-template-columns:1fr;padding:21px 28px;margin-bottom:20px}
body.tarot-body:not([data-tarot-phase="ready"]) .tarot-hero h1{font-size:29px;margin:8px 0 0;letter-spacing:-.8px}
body.tarot-body:not([data-tarot-phase="ready"]) .tarot-hero :is(.tarot-otto-scene,.tarot-hero-copy>p,.tarot-tag){display:none}
@keyframes otto-card-deal{from{opacity:0;transform:translate(80px,-55px) rotate(15deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes otto-paw-shuffle{from{transform:rotate(-2deg) translateY(0)}to{transform:rotate(2deg) translateY(-5px)}}
@media(max-width:680px){.tarot-reader-toolbar{align-items:flex-start;gap:7px}.tarot-reader-steps{gap:4px}.tarot-reader-steps li{font-size:9px;gap:4px;padding:6px}.tarot-reader-steps li::before{width:16px;height:16px;font-size:9px}.tarot-reader-toolbar .tarot-text-button{font-size:10px;padding:8px 0;white-space:nowrap}.tarot-reader-scene{grid-template-columns:1fr;gap:4px;margin:0 auto 22px}.tarot-reader-otto{width:170px;margin:auto}.tarot-reader-dialogue{padding:18px 20px;border-radius:18px}.tarot-reader-dialogue::before{left:calc(50% - 8px);top:-8px;transform:rotate(135deg)}#tarot-reader-talk{font-size:14px;min-height:0;margin:10px 0 16px}.tarot-stage>h3{font-size:21px}.tarot-stage>p{font-size:11px}.tarot-dealing-table{padding:22px 13px}.tarot-stage .tarot-board{gap:12px;max-width:400px}.tarot-stage .tarot-board[data-count="1"]{grid-template-columns:minmax(0,135px)}.tarot-slot-label{font-size:10px}.tarot-stage .tarot-face{padding:9px 4px 5px}.tarot-stage .tarot-face-name{font-size:8px}.tarot-stage .tarot-face-number{font-size:10px}.tarot-stage .tarot-face-otto{width:22px;height:22px;margin-bottom:3px}.tarot-stage .tarot-back>img{width:35px;height:35px}.tarot-stage .tarot-back>span{font-size:7px;letter-spacing:.5px}.tarot-stage .tarot-pick.is-active{outline-width:2px;outline-offset:3px}.tarot-reader-actions .ui-button{width:100%}.tarot-result-tabs button{padding:8px 12px;font-size:11px}.tarot-hero h1{font-size:39px}.tarot-section-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tarot-reader-otto,.tarot-reader-otto img,.tarot-stage .tarot-pick.is-dealt{animation:none!important;transition:none!important}.tarot-reader-otto:hover{transform:none}}
@media print{.tarot-result-tabs{display:none!important}.tarot-page .tarot-reading[hidden]{display:grid!important}.tarot-page .tarot-results[hidden]{display:none!important}}

/* Reference illustrations remain uncropped, including their printed labels. */
.tarot-face--illustrated{padding:0!important;background:#fff8ef;border:0;border-radius:10px;justify-content:center}
.tarot-reference-art{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.tarot-reference-art.is-reversed{transform:rotate(180deg)}
.tarot-accessible-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tarot-deck-note{font-size:12px!important;color:#526e91!important;margin:12px 0 17px!important;max-width:390px}
#tarot-stage-host,#tarot-results-host{display:contents}
.tarot-results .tarot-reader-scene{grid-template-columns:160px minmax(0,1fr);margin:0 0 25px;max-width:none}
.tarot-results .tarot-reader-otto{width:160px;align-self:center}
.tarot-results .tarot-reader-dialogue{padding:18px 22px}
.tarot-results #tarot-reader-talk{min-height:0;margin-bottom:0;font-size:15px}
.tarot-reading{grid-template-columns:190px minmax(0,1fr)}
.tarot-reading-visual{width:190px;height:auto;aspect-ratio:2/3}
@media(max-width:680px){
 .tarot-hero .tarot-otto{max-width:280px}
 .tarot-stage .tarot-reader-otto{width:min(270px,85%)}
 .tarot-results .tarot-reader-scene{position:sticky;top:8px;z-index:4;grid-template-columns:124px minmax(0,1fr);gap:10px;margin:0 -8px 20px;padding:8px;border:1px solid #d1dde7;border-radius:20px;background:#fffaf5;box-shadow:0 7px 22px #526e911c;isolation:isolate;align-items:center}
 .tarot-results .tarot-reader-otto{width:124px;margin:0;align-self:center}
 .tarot-results #tarot-reader-portrait{width:124px;height:124px;object-fit:contain}
 .tarot-results .tarot-reader-dialogue{padding:0;border:0;background:transparent;min-width:0}
 .tarot-results .tarot-reader-dialogue::before{display:none}
 .tarot-results .tarot-reader-name{font-size:8px;letter-spacing:.8px}
 .tarot-results #tarot-reader-talk{font-size:12px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}
 .tarot-reading{grid-template-columns:1fr}
 .tarot-reading-visual{width:min(200px,100%);height:auto;aspect-ratio:2/3}
 .tarot-page :is(section,details)[id]{scroll-margin-top:12px}
 .tarot-deck-note{margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:360px){.tarot-results .tarot-reader-scene{grid-template-columns:104px minmax(0,1fr);gap:8px}.tarot-results .tarot-reader-otto,.tarot-results #tarot-reader-portrait{width:104px;height:112px}.tarot-results #tarot-reader-talk{font-size:11px}}
@media(max-height:500px) and (max-width:680px){.tarot-results .tarot-reader-scene{position:static}}
@media print{.tarot-results .tarot-reader-scene{display:none!important}.tarot-reading{grid-template-columns:90px minmax(0,1fr)}.tarot-reading-visual{width:90px;height:135px;aspect-ratio:2/3}}

/* Orientation is named explicitly and never inferred from colour alone. */
.tarot-reading-copy .tarot-orientation{display:inline-flex;align-items:center;gap:7px;margin:7px 0 9px;padding:6px 12px;border:1px solid #b7cbdc;border-radius:30px;background:#e7eff5;color:#405c7c;font-size:12px;font-weight:700;line-height:1.4}
.tarot-reading-copy .tarot-orientation[data-orientation="reversed"]{background:#f2e8df;border-color:#d3bbaa;color:#654737}
.tarot-orientation>span{font-size:17px;line-height:1}
.tarot-reading-copy>.tarot-orientation-help{font-size:11px!important;line-height:1.7!important;color:#756456!important;margin-bottom:19px!important}
.tarot-reading-copy>.tarot-reading-opening{padding:15px 17px;border-radius:14px;background:#f2f6fa;margin:0 0 21px!important;color:#526478!important;font-size:14px;line-height:1.85}
.tarot-story-section{margin:20px 0 0;padding:0}
.tarot-story-section h4{font-size:13px;margin:0 0 7px;color:#654737}
.tarot-story-section p{font-size:14px;line-height:1.9;color:#715c4b;margin:0;overflow-wrap:anywhere}
.tarot-story-section[data-reading-section="action"]{padding:14px 17px;background:#edf3f8;border-left:3px solid #8ba5bf;border-radius:0 12px 12px 0}
.tarot-reading[data-orientation="reversed"] .tarot-story-section[data-reading-section="action"]{background:#f6eee7;border-left-color:#b4947e}
.tarot-slot-orientation{display:inline-block;margin-top:13px;padding:4px 9px;border-radius:20px;background:#dce8f4;color:#405c7c;font-size:10px;font-weight:600}
.tarot-slot-orientation[data-orientation="reversed"]{background:#f0e3d8;color:#654737}
@media(max-width:680px){.tarot-reading-copy>.tarot-reading-opening{padding:13px 15px;font-size:13px}.tarot-story-section p{font-size:14px;line-height:1.85}.tarot-slot-orientation{font-size:9px;padding:4px 7px}}
@media print{.tarot-story-section{margin-top:10px}.tarot-story-section h4{font-size:10px;margin-bottom:4px}.tarot-story-section p{font-size:10px;line-height:1.5}.tarot-story-section[data-reading-section="action"]{padding:7px 10px}.tarot-reading-copy>.tarot-reading-opening{font-size:10px;padding:8px 10px;margin-bottom:12px!important}.tarot-reading-copy>.tarot-orientation-help{font-size:9px!important;margin-bottom:10px!important}.tarot-reading-copy .tarot-orientation{font-size:9px;padding:4px 8px}}