.s24-piles .s24-piles-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}.s24-piles .s24-piles-toolbar button{min-height:44px;padding:8px 12px;font-size:12px}.s24-piles-step{text-align:center;color:var(--d-gold);font-size:12px;letter-spacing:.08em;margin:30px 0 22px}.s24-piles-choice{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:800px;margin:auto}.s24-piles-pick{position:relative;min-width:44px;min-height:44px;aspect-ratio:500/726;border:1px solid #d8bf9277;border-radius:8px;padding:0;background:#f9f3e8;color:#302333;cursor:pointer;transition:transform .2s,box-shadow .2s}.s24-piles-pick:hover:not(:disabled){transform:translateY(-9px) rotate(-2deg);box-shadow:0 12px 26px #d8bf9233}.s24-piles-pick:focus-visible{outline:2px solid var(--d-gold);outline-offset:6px}.s24-piles-pick img,.s24-piles-result-card img,.s24-piles-stack img{display:block;position:relative;width:100%;height:100%;object-fit:contain;border-radius:6px}.s24-piles-pickname{position:absolute;top:calc(100% + 8px);left:-3px;right:-3px;color:var(--d-muted);font-size:10px;line-height:1.5}.s24-piles [data-n-selection] .s24-d-controls{margin-top:60px}.s24-piles-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#fffaf1;color:#302333;font-family:Georgia,serif}.s24-piles-face>span{position:absolute;top:8px;left:9px;font-size:clamp(18px,3vw,28px)}.s24-piles-face>b{font-size:clamp(32px,5vw,54px)}.s24-piles [data-suit=hearts]>.s24-piles-face,.s24-piles [data-suit=diamonds]>.s24-piles-face{color:#b52a48}.s24-piles-counter{text-align:center;color:var(--d-muted);font-size:12px;margin:0 0 20px;font-variant-numeric:tabular-nums}.s24-piles-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:620px;margin:0 auto}.s24-piles-pile{min-width:0;border:1px solid var(--d-line);border-radius:14px;padding:15px 10px 8px;background:#1c1429;transition:border-color .25s,background .25s}.s24-piles-label{min-height:38px;text-align:center;font-size:12px;line-height:1.5;color:var(--d-muted);margin:0 0 12px}.s24-piles-stack{position:relative;width:70px;aspect-ratio:500/726;margin:0 auto 18px;border:1px dashed #d8bf9244;border-radius:6px}.s24-piles-back{position:absolute;inset:0;border:1px solid #a88a5d;border-radius:6px;background:repeating-linear-gradient(45deg,#33233e 0 5px,#2d1e37 5px 7px);display:flex;align-items:center;justify-content:center;color:var(--d-gold);font-size:24px;transform:translate(calc(var(--layer)*2px),calc(var(--layer)*-3px));opacity:0;transition:opacity .1s}.s24-piles-pile[data-count="1"] .s24-piles-back:first-child,.s24-piles-pile[data-count="2"] .s24-piles-back:nth-child(-n+2),.s24-piles-pile[data-count="3"] .s24-piles-back:nth-child(-n+3),.s24-piles-pile[data-count="4"] .s24-piles-back{opacity:1}.s24-piles-total{font-size:10px;color:var(--d-muted);text-align:center;margin:8px 0;min-height:18px}.s24-piles-pile.is-chosen{border-color:var(--d-gold);background:#3d2c36;box-shadow:0 0 25px #d8bf921a}.s24-piles-pile.is-chosen .s24-piles-label,.s24-piles-pile.is-chosen .s24-piles-total{color:var(--d-gold)}.s24-piles-answer{display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px;align-items:center;padding:28px;margin:32px auto;border:1px solid var(--d-line);border-radius:18px;background:#21172e;max-width:740px;scroll-margin-top:100px}.s24-piles-result-card{position:relative;width:130px;aspect-ratio:500/726}.s24-piles-answer h3{color:var(--d-gold);font:400 32px/1.3 Georgia,serif;margin:10px 0 16px}.s24-piles-meaning{font-size:16px;line-height:1.85;color:var(--d-text);margin:0}.s24-piles-cardname{font-size:12px;color:var(--d-muted);line-height:1.7;margin:16px 0 0}.s24-piles-hint{font-size:12px;line-height:1.8;text-align:center;max-width:600px;margin:24px auto 0;color:var(--d-muted)}.s24-piles[data-motion=on] .is-chosen .s24-piles-stack,.s24-piles[data-motion=on] .s24-piles-result-card{animation:s24-piles-reveal .5s ease-out both}.s24-piles[data-motion=off] *{animation:none!important;transition:none!important}@keyframes s24-piles-reveal{from{opacity:.2;transform:translateY(12px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:639px){.s24-piles-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 16px;max-width:370px}.s24-piles-pickname{font-size:9px}.s24-piles-board{gap:10px}.s24-piles-pile{padding:12px 5px 6px;border-radius:10px}.s24-piles-label{font-size:10px;min-height:42px}.s24-piles-stack{width:55px}.s24-piles-total{font-size:9px;line-height:1.5;min-height:27px}.s24-piles-answer{grid-template-columns:1fr;text-align:center;padding:25px 18px;gap:20px}.s24-piles-result-card{width:110px;margin:auto}.s24-piles-answer h3{font-size:29px}.s24-piles-answer .s24-d-eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.s24-piles:not([data-motion=on]) *{animation:none!important;transition:none!important}}