.cards-session{max-width:1180px;margin:auto;padding-bottom:110px;--card-w:120px}.cards-heading h1{margin-bottom:20px}.cards-help,.cards-notice{color:var(--muted);line-height:1.7}.cards-positions{display:flex;flex-wrap:wrap;gap:8px 30px;padding-left:25px}.cards-positions li{padding:5px 0}.cards-tray,.cards-spread{display:grid;grid-template-columns:repeat(3,minmax(0,180px));justify-content:center;gap:18px;margin:30px auto}.cards-tray[data-count="1"],.cards-spread[data-count="1"]{grid-template-columns:minmax(0,200px)}.cards-tray[data-count="5"],.cards-spread[data-count="5"]{grid-template-columns:repeat(5,minmax(0,155px))}.cards-tray[data-cross="true"],.cards-spread[data-cross="true"]{grid-template-columns:repeat(3,minmax(0,150px));grid-template-areas:'. top .' 'left center right' '. bottom .'}.cards-place{text-align:center}.cards-empty{display:grid;place-items:center;height:140px;border:1px dashed var(--line);border-radius:var(--radius);font-size:24px;color:var(--muted)}.cards-place p{font-size:14px;line-height:1.5;margin:8px 0}.cards-session .reading-card{margin:0;min-width:0;max-width:100%}.cards-session .card-face{aspect-ratio:2/3;height:auto;min-height:0;padding:0;overflow:hidden;border-radius:10px;background:var(--soft)}.cards-session .card-art-image{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.cards-session figcaption{display:grid;gap:4px;text-align:center;font-size:14px;line-height:1.45;margin:10px 0}.cards-session figcaption span{color:var(--muted)}.cards-progress{position:sticky;top:0;z-index:3;background:var(--bg);padding:14px 8px;border-bottom:1px solid var(--line);font-weight:650}.cards-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;margin-top:20px}.cards-slot{padding:0!important;border:0!important;aspect-ratio:2/3;border-radius:8px;background:transparent!important;perspective:800px;min-height:0!important;box-shadow:none!important}.cards-slot:disabled{opacity:1;cursor:default}.cards-flipper{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s ease}.cards-slot.is-picked .cards-flipper{transform:rotateY(180deg)}.cards-back,.cards-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;overflow:hidden}.cards-back{display:grid;place-content:center;gap:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 0 0 5px var(--surface),inset 0 0 0 6px var(--line)}.cards-back>span{font-size:28px}.cards-back small{font-size:12px}.cards-front{transform:rotateY(180deg)}.cards-front figcaption{display:none}.cards-slot:not(:disabled):hover{outline:2px solid var(--action);outline-offset:3px}.cards-session button:focus-visible,.cards-ready button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.cards-dock{position:fixed;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 24px #0003;max-width:calc(100vw - 24px)}.cards-dock button{white-space:normal}.cards-ready{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:32px;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.cards-ready::backdrop{background:#0009}.cards-ready .actions{display:flex;flex-wrap:wrap;gap:12px}.cards-modal-open{overflow:hidden}.cards-reading{max-width:800px;margin:20px auto 48px}.cards-reading h2{font-family:var(--display);font-size:clamp(28px,4vw,44px);line-height:1.2}.cards-prose{border-top:1px solid var(--line);padding:24px 0 6px}.cards-prose h3{font-size:21px;line-height:1.45;margin:0 0 16px}.cards-prose p{font-size:18px;line-height:1.85;margin:0 0 18px;overflow-wrap:anywhere}.cards-next{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.cards-record-actions{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:12px;flex-wrap:wrap}.cards-error:empty{display:none}.cards-error{padding:16px 0;color:var(--danger)}
@media(max-width:600px){.cards-deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cards-slot{min-width:0}.cards-tray,.cards-spread{gap:8px}.cards-tray[data-count="5"]:not([data-cross="true"]),.cards-spread[data-count="5"]:not([data-cross="true"]){grid-template-columns:repeat(3,minmax(0,1fr))}.cards-session figcaption{font-size:12px}.cards-empty{height:95px}.cards-prose p{font-size:17px;line-height:1.8}.cards-prose h3{font-size:19px}.cards-ready{padding:24px}.cards-ready button{width:100%}.cards-positions{font-size:14px}.cards-dock{width:calc(100% - 24px)}.cards-dock button{width:100%}.cards-back>span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cards-flipper{transition:none}}

.cards-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}.cards-prose:first-of-type h3{display:none}.cards-prose:first-of-type{border-top:0;padding-top:12px}

.cards-ready button{font:inherit;border:1px solid var(--line);border-radius:var(--radius);min-height:48px;padding:12px 20px;background:var(--surface);color:var(--ink)}.cards-ready button.primary{background:var(--action);color:var(--on-action);border-color:var(--action)}

.cards-back{display:block}.cards-back .reading-card{width:100%;height:100%}.cards-back figcaption{display:none}.cards-back small{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:var(--surface);padding:1px 6px;border-radius:4px;color:var(--ink)}