:root{--deck-back-image:url('/assets/card-back.svg')}
.deck-picker{margin:23px 0 20px;padding-top:19px;border-top:1px solid #ffffff0e}
.deck-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}
.deck-picker-heading h3{font-size:12px;font-weight:500;color:#d7c8df;margin:0}
.deck-picker-heading>span{font-size:10px;color:#93839d}
.deck-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.deck-option{position:relative;display:block;min-width:0;padding:13px 12px 12px;border:1px solid #ffffff13;border-radius:14px;background:#0d0b1266;color:#d8cfe1;text-align:left;box-shadow:none;overflow:hidden;font-weight:400;transition:border-color .2s,background .2s,transform .2s}
.deck-option:hover{border-color:#bda77b70;transform:translateY(-2px)}
.deck-option[aria-pressed=true]{border-color:#d7bd86aa;background:linear-gradient(135deg,#c5a47712,#1d1824)}
.deck-option:focus-visible{outline:2px solid #dec492;outline-offset:3px}
.deck-preview{position:relative;display:block;height:112px;margin:3px 0 12px}
.deck-preview img{position:absolute;left:50%;top:4px;width:62px;height:102px;object-fit:cover;border:1px solid #e6cb9580;border-radius:5px;box-shadow:0 7px 14px #0008}
.deck-preview img:first-child{transform:translateX(calc(-50% - 32px)) rotate(-13deg);opacity:.72}
.deck-preview img:last-child{transform:translateX(calc(-50% + 32px)) rotate(13deg);opacity:.72}
.deck-preview img:nth-child(2){z-index:1;transform:translateX(-50%)}
.deck-option-name{display:block;font-size:13px;color:#e8dcca;margin-bottom:4px}
.deck-option-meta{display:block;font-size:9px;letter-spacing:.06em;color:#a89ab3;margin-bottom:7px}
.deck-option-description{display:block;font-size:10px;line-height:1.8;color:#95889f}
.deck-selected-mark{position:absolute;top:9px;right:9px;width:17px;height:17px;border-radius:50%;border:1px solid #ffffff20;background:#17111e;color:#e7c88d;font-size:11px;text-align:center;line-height:15px}
.deck-option[aria-pressed=false] .deck-selected-mark{color:transparent}
.deck-selection-note{margin:10px 0 0;font-size:10px;line-height:1.8;color:#a092ad}
.deck-selection-note strong{color:#d8bf92;font-weight:400}
.deck-select-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#b5a4c1;margin:18px 0}
.deck-select-line select{width:auto;max-width:100%;padding:9px 30px 9px 12px;border:1px solid #c6aa7740;border-radius:9px;color:#e8d5ae;background:#18131e;font:inherit;cursor:pointer}
.deck-select-line select:focus-visible{outline:2px solid #d7bd86;outline-offset:3px}
.deck-select-line select:disabled{opacity:.65;cursor:default}
.reading-deck-label{margin:12px 0 19px;color:#ac98bb;font-size:11px;letter-spacing:.04em}
.deck-source-note{margin:13px auto 20px;color:#8e7d9b;font-size:10px;text-align:center}
.deck-source-note a{color:#bdaa82;text-decoration:none}
.draw-choice,.face.back,.card-back,.card-back:before{background-image:var(--deck-back-image)!important;background-size:cover!important;background-position:center!important}
.face.back:before,.face.back:after{content:none!important}
@media(max-width:400px){.deck-option{padding:12px 9px}.deck-preview img{width:55px;height:94px}.deck-preview{height:103px}.deck-preview img:first-child{transform:translateX(calc(-50% - 23px)) rotate(-13deg)}.deck-preview img:last-child{transform:translateX(calc(-50% + 23px)) rotate(13deg)}.deck-option-description{font-size:9px}}
@media(prefers-reduced-motion:reduce){.deck-option{transition:none}.deck-option:hover{transform:none}}