.hand{display:grid;grid-template-columns:repeat(var(--hand-slots, 5),minmax(0,1fr));gap:.55rem;align-items:end;min-height:11.5rem;padding-top:.35rem}.card-slot{min-width:0;display:flex;justify-content:center;align-items:flex-end;height:11.25rem;position:relative}.card-slot.empty{border:1px dashed rgba(42,53,72,.95);border-radius:12px;background:#10152073;align-items:center;justify-content:center;min-height:11.25rem;height:11.25rem}.empty-slot-inner{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.75rem}.empty-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.draw-btn{min-width:5.5rem}.card{--frame: rgba(212, 180, 106, .55);--frame-mid: rgba(212, 180, 106, .28);--frame-soft: rgba(212, 180, 106, .14);--frame-rgb: 212, 180, 106;--card-w: 100%;width:min(var(--card-w),100%);max-width:10.5rem;aspect-ratio:5 / 7;height:auto;max-height:none;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(165deg,#1c263a,#121826 55%,#0c1018);border:2px solid var(--frame);border-radius:12px;padding:.32rem;display:flex;flex-direction:column;gap:.28rem;position:relative;overflow:hidden;box-shadow:0 8px 22px #0006,0 0 0 1px #0000008c,inset 0 1px #ffffff14,inset 0 0 0 1px var(--frame-soft);transition:border-color .15s,box-shadow .18s,transform .18s,opacity .15s}.card-slot:not(.empty) .card{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%}.card-slot:not(.empty):hover .card,.card-slot:not(.empty):focus-within .card{z-index:8;transform:translate(-50%) translateY(-.65rem);border-color:var(--frame);box-shadow:0 16px 36px #0000008c,0 0 18px rgba(var(--frame-rgb),.18),0 0 0 1px #0000008c,inset 0 1px #ffffff1a,inset 0 0 0 1px var(--frame-mid)}.card:hover{border-color:var(--frame)}.card.unaffordable{opacity:.55}.card.paused-block{opacity:.7}.card.revealed{border-color:var(--frame)}.card.category-faith{--frame: rgba(110, 181, 255, .72);--frame-mid: rgba(110, 181, 255, .38);--frame-soft: rgba(110, 181, 255, .16);--frame-rgb: 110, 181, 255}.card.category-peace{--frame: rgba(125, 206, 160, .72);--frame-mid: rgba(125, 206, 160, .38);--frame-soft: rgba(125, 206, 160, .16);--frame-rgb: 125, 206, 160}.card.dragging{opacity:.4}.card.clean-face .card-art{flex:1 1 auto;aspect-ratio:auto;min-height:0;width:100%;border-radius:7px;box-shadow:inset 0 0 0 1px #0000008c,inset 0 2px 8px #00000059,0 0 0 1px var(--frame-soft)}.card.clean-face .card-title{z-index:1}.card.clean-face .card-zoomable{cursor:zoom-in}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex:0 0 auto;min-height:1.15rem;padding:.05rem .1rem .05rem .15rem}.card-title .ref{flex:1 1 auto;min-width:0;font-family:var(--mono, monospace);font-size:.68rem;font-weight:600;line-height:1.15;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.card-title .cost{position:static;flex:0 0 auto;top:auto;right:auto;font-size:.72rem;font-weight:600;color:var(--spirit);border:1px solid rgba(126,200,227,.45);border-radius:99px;padding:.08rem .38rem;background:#0a0e168c;box-shadow:none;z-index:auto}.card-art{position:relative;width:100%;aspect-ratio:1 / 1;flex:0 0 auto;border-radius:7px;overflow:hidden;border:1px solid rgba(0,0,0,.45);background:#0a0d14;box-shadow:inset 0 0 0 1px #0006,inset 0 2px 6px #0000004d,0 0 0 1px var(--frame-soft, rgba(212, 180, 106, .12))}.card-art-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,rgba(212,180,106,.16),transparent 52%),linear-gradient(155deg,#1c263a,#101520 60%,#0c1018)}.card-art.category-faith .card-art-placeholder{background:radial-gradient(circle at 40% 30%,rgba(110,181,255,.2),transparent 55%),linear-gradient(155deg,#1a2840,#101520 65%)}.card-art.category-peace .card-art-placeholder{background:radial-gradient(circle at 40% 30%,rgba(125,206,160,.18),transparent 55%),linear-gradient(155deg,#1a3028,#101520 65%)}.card-art-monogram{font-family:var(--mono, monospace);font-size:1.35rem;font-weight:700;letter-spacing:.06em;color:#e8ecf459;text-shadow:0 2px 12px rgba(0,0,0,.4)}.card-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.card-art.no-art .card-art-img{display:none}.card-foot{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.2rem;padding:.1rem .15rem .05rem;overflow:hidden}.card .cat{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.category-faith .cat{color:var(--faith, #6eb5ff)}.card.category-peace .cat{color:var(--peace, #7dcea0)}.card .effect-peek{font-size:.65rem;color:var(--muted);line-height:1.25;flex:1 1 auto;min-height:0;overflow:hidden}.card .effect-peek .keyword-row{margin:.1rem 0 0;gap:.2rem}.card .effect-peek .keyword-chip{font-size:.58rem;padding:.1rem .3rem}.card-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto;flex:0 0 auto}.card-actions .btn{flex:1 1 auto;padding:.28rem .3rem;font-size:.68rem;min-width:0}.card-actions .btn.ghost{flex:1 1 100%;font-size:.62rem;padding:.15rem .25rem}@media(min-width:900px){.card{max-width:11.5rem}.card-slot{height:12.5rem}.hand{min-height:12.75rem}}@media(max-width:720px){.card{max-width:100%;border-radius:10px;padding:.28rem}.card-slot{height:10rem}.hand{gap:.35rem;min-height:10.25rem}.card .ref{font-size:.65rem}.card-actions .btn{font-size:.6rem;padding:.22rem .2rem}.card-title .ref{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.card-slot:not(.empty):hover .card,.card-slot:not(.empty):focus-within .card{transform:translate(-50%)}}.card.card-display{position:relative;left:auto;bottom:auto;transform:none;max-width:none;width:100%;cursor:default;flex-shrink:0}.card.card-display:hover{transform:none}.card.card-size-deck{width:9.5rem;max-width:9.5rem}.card.card-display.clean-face.card-size-deck{aspect-ratio:5 / 7;height:auto;min-height:0;padding:.28rem;gap:.22rem}.card.card-display.clean-face.card-size-deck .card-art{flex:1 1 auto;min-height:0;aspect-ratio:1;max-height:none}.card.card-size-reveal{width:min(16rem,42vw);max-width:16rem}.card.card-size-fullscreen{width:min(22rem,min(86vw,58vh * 5 / 7));max-width:min(22rem,86vw)}.card-zoomable{cursor:zoom-in}.card-zoomable:hover{filter:brightness(1.04)}.card-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04060ce0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-fullscreen.hidden{display:none}.card-fullscreen-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:min(100%,56rem);max-height:100%;width:100%}.card-fullscreen.has-study .card-fullscreen-panel{max-width:min(100%,52rem)}.card-fullscreen-body{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:1.25rem 1.5rem;max-width:100%;max-height:min(90vh,920px);overflow:auto;padding:.35rem .5rem}.card-fullscreen-mount{display:flex;justify-content:center;align-items:stretch;flex:0 0 auto;max-height:min(90vh,920px)}.card-fullscreen-mount .card.card-display{box-shadow:0 24px 64px #0000008c}.card-fs-study{--frame: rgba(212, 180, 106, .55);--frame-mid: rgba(212, 180, 106, .28);--frame-soft: rgba(212, 180, 106, .14);--frame-rgb: 212, 180, 106;--fs-card-w: min(22rem, 86vw, 48vh);width:var(--fs-card-w);max-width:100%;display:flex;flex-direction:column;border-radius:14px;border:2.5px solid var(--frame);padding:.38rem;gap:.38rem;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 40%),linear-gradient(165deg,#1e2a40,#141b2a,#0c1018);box-shadow:0 24px 64px #0000008c,0 0 0 1px #000000a6,0 0 28px rgba(var(--frame-rgb),.12),inset 0 1px #ffffff1a,inset 0 0 0 1px var(--frame-soft);overflow:hidden;color:var(--text, #e8ecf4)}.card-fs-study.category-faith{--frame: rgba(110, 181, 255, .78);--frame-mid: rgba(110, 181, 255, .4);--frame-soft: rgba(110, 181, 255, .18);--frame-rgb: 110, 181, 255}.card-fs-study.category-peace{--frame: rgba(125, 206, 160, .78);--frame-mid: rgba(125, 206, 160, .4);--frame-soft: rgba(125, 206, 160, .18);--frame-rgb: 125, 206, 160}.card-fs-art-stage{position:relative;width:100%;flex:0 0 auto;aspect-ratio:1 / 1;overflow:hidden;background:#0a0d14;border-radius:8px;box-shadow:inset 0 0 0 1px #000000a6,inset 0 3px 12px #00000073,0 0 0 1px var(--frame-soft)}.card-fs-art-stage .card-art,.card-fs-art-stage .card-fs-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border:none;border-radius:0}.card-fs-overlay-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;background:linear-gradient(180deg,rgba(6,8,14,.82) 0%,rgba(6,8,14,.35) 70%,transparent 100%);pointer-events:none}.card-fs-ref{flex:1 1 auto;min-width:0;font-family:var(--mono, monospace);font-size:.82rem;font-weight:700;line-height:1.2;color:var(--accent, #d4b46a);text-shadow:0 1px 6px rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-fs-cost{flex:0 0 auto;font-size:.85rem;font-weight:700;color:var(--spirit, #7ec8e3);border:1px solid rgba(126,200,227,.55);border-radius:99px;padding:.12rem .5rem;background:#080c14b8;box-shadow:0 2px 10px #00000059;text-shadow:none}.card-fs-overlay-pills{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;gap:.28rem;padding:1.4rem .55rem .55rem;margin:0;background:linear-gradient(0deg,rgba(6,8,14,.88) 0%,rgba(6,8,14,.4) 65%,transparent 100%);pointer-events:auto}.card-fs-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.68rem!important;font-weight:600;padding:.18rem .45rem!important;border:1px solid var(--frame-mid);border-radius:99px;background:#101520e0;color:#e8ecf4f2;box-shadow:0 2px 8px #00000059;cursor:help;pointer-events:auto;transition:border-color .12s,background .12s,box-shadow .12s,color .12s}.card-fs-pill:hover,.card-fs-pill:focus-visible{border-color:var(--accent, #d4b46a);color:var(--accent, #d4b46a);background:#181e2cf2;outline:none}.card-fs-pill.is-active{border-color:var(--accent, #d4b46a);color:var(--accent, #d4b46a);box-shadow:0 0 0 1px #d4b46a73,0 2px 10px #0006}.card-fs-pill.no-reminder{cursor:default;opacity:.85}.card-fs-kw-tip{position:fixed;z-index:120;max-width:min(18rem,calc(100vw - 1.5rem));padding:.5rem .65rem .55rem;border-radius:10px;border:1px solid rgba(212,180,106,.45);background:#0c101af7;box-shadow:0 10px 32px #0000008c,0 0 0 1px #00000059;color:var(--text, #e8ecf4);pointer-events:auto}.card-fs-kw-tip.hidden{display:none}.card-fs-kw-tip.is-pinned{border-color:#d4b46ab3;box-shadow:0 12px 36px #0009,0 0 0 1px #d4b46a33}.card-fs-kw-tip-title{margin:0 0 .28rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--accent, #d4b46a)}.card-fs-kw-tip-body{margin:0;font-size:.8rem;line-height:1.4;color:#e8ecf4f2}.card-fs-verse-band{position:relative;flex:1 1 auto;display:block;min-height:5.5rem;padding:.75rem .85rem 2rem;border-radius:8px;background:linear-gradient(180deg,#080a108c,#06080ce6);box-shadow:inset 0 0 0 1px #00000080,inset 0 2px 10px #00000059,0 0 0 1px var(--frame-soft);border-left:3px solid var(--frame-mid)}.card-fs-verse-band.empty{min-height:0;padding:0;border:none;box-shadow:none}.card-fs-verse-text{margin:0;display:block;width:100%;text-align:left;font-size:.9rem;line-height:1.45;font-style:italic;color:#e8ecf4b8;quotes:none}.card-fs-verse-text mark.card-fs-spoken{font-style:italic;font-weight:600;color:#f8f4e6fa;background:linear-gradient(180deg,#d4b46a47,#d4b46a29);border-radius:3px;padding:.05em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:inset 0 -1px #d4b46a59}.card-fs-spoken-fallback{margin:.65rem 0 0;font-size:.82rem;font-style:normal;line-height:1.4;color:#e8ecf4d9}.card-fs-spoken-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d4b46ae6}.card-fs-study .card-fs-verse-band>.card-fs-vo-btn,.card-fs-verse-band>.card-fs-vo-btn{position:absolute!important;left:.4rem;bottom:.35rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;margin:0;width:auto;max-width:calc(100% - .8rem);min-width:1.5rem;height:1.5rem;padding:0 .38rem;border-radius:99px;border:1px solid rgba(212,180,106,.45);background:#080a10e0;color:#e8dcb4f2;font-size:.62rem;font-weight:650;letter-spacing:.03em;line-height:1;cursor:pointer;box-shadow:0 2px 8px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,color .15s,box-shadow .15s,padding .12s}.card-fs-vo-btn .card-fs-vo-label{display:none}.card-fs-vo-btn:hover:not(:disabled) .card-fs-vo-label,.card-fs-vo-btn:focus-visible .card-fs-vo-label,.card-fs-vo-btn.is-playing .card-fs-vo-label,.card-fs-vo-btn.is-loading .card-fs-vo-label{display:inline}.card-fs-vo-btn:hover:not(:disabled),.card-fs-vo-btn:focus-visible,.card-fs-vo-btn.is-playing,.card-fs-vo-btn.is-loading{padding:0 .48rem 0 .36rem}.card-fs-vo-btn:hover:not(:disabled){border-color:#d4b46ad9;background:#121620f2;color:#f5ecd0;box-shadow:0 0 12px #d4b46a38}.card-fs-vo-btn:focus-visible{outline:2px solid rgba(212,180,106,.75);outline-offset:2px}.card-fs-vo-btn.is-playing{border-color:#7ec8e3bf;background:#0c141ceb;color:#c8e8f4}.card-fs-vo-btn.is-loading{opacity:.85;cursor:wait}.card-fs-vo-btn.is-missing{opacity:.5;cursor:not-allowed;border-color:#9aa6bd4d;color:var(--muted, #9aa6bd)}.card-fs-vo-btn.is-missing .card-fs-vo-label{display:none}.card-fs-vo-btn:disabled{cursor:not-allowed}.card-fs-vo-icon{display:inline-flex;width:.65rem;justify-content:center;font-size:.55rem;line-height:1}.card-fs-vo-label{text-transform:uppercase;font-size:.55rem;letter-spacing:.07em}.card-fullscreen-details{flex:1 1 15rem;min-width:min(100%,14rem);max-width:22rem;max-height:min(90vh,920px);overflow:auto;color:var(--text, #e8ecf4)}.card-fullscreen-details.hidden{display:none}.card-fs-info-card{--frame: rgba(212, 180, 106, .55);--frame-mid: rgba(212, 180, 106, .28);--frame-soft: rgba(212, 180, 106, .14);--frame-rgb: 212, 180, 106;display:flex;flex-direction:column;gap:0;padding:1.15rem 1.2rem 1.25rem;border-radius:14px;border:2.5px solid var(--frame);background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 40%),linear-gradient(165deg,#1e2a40,#141b2a,#0c1018);box-shadow:0 24px 64px #00000080,0 0 0 1px #000000a6,0 0 28px rgba(var(--frame-rgb),.1),inset 0 1px #ffffff1a,inset 0 0 0 1px var(--frame-soft)}.card-fs-info-card.category-faith{--frame: rgba(110, 181, 255, .78);--frame-mid: rgba(110, 181, 255, .4);--frame-soft: rgba(110, 181, 255, .18);--frame-rgb: 110, 181, 255}.card-fs-info-card.category-peace{--frame: rgba(125, 206, 160, .78);--frame-mid: rgba(125, 206, 160, .4);--frame-soft: rgba(125, 206, 160, .18);--frame-rgb: 125, 206, 160}.card-fs-detail-title{margin:0 0 .3rem;font-size:1.15rem;font-weight:700;letter-spacing:.02em;color:var(--accent, #d4b46a);line-height:1.25}.card-fs-detail-meta{margin:0 0 .9rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted, #9aa6bd)}.card-fs-detail-stats{display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem;margin:0 0 .25rem;padding:.7rem .75rem;border-radius:10px;background:#00000047;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px #00000059,0 0 0 1px var(--frame-soft);font-size:.84rem}.card-fs-detail-stats dt{margin:0;color:var(--muted, #9aa6bd);font-weight:500}.card-fs-detail-stats dd{margin:0;color:var(--text, #e8ecf4);text-transform:capitalize}.card-fs-section-label{margin:1rem 0 .4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#d4b46ad9}.card-fs-effect{margin:0;padding:.7rem .75rem;border-radius:10px;background:#00000047;border:1px solid rgba(255,255,255,.04);border-left:3px solid var(--frame-mid);box-shadow:inset 0 0 0 1px #00000059,0 0 0 1px var(--frame-soft);font-size:.88rem;line-height:1.45;color:#c8d2e4f5}.card-fullscreen-close{position:absolute;top:-.35rem;right:-.35rem;z-index:2;width:2.25rem;height:2.25rem;border-radius:99px;border:1px solid rgba(212,180,106,.4);background:#101520f2;color:var(--accent, #d4b46a);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006}.card-fullscreen-close:hover{border-color:var(--accent, #d4b46a);background:#1e2434fa}.card-fullscreen-hint{margin:0;font-size:.78rem;color:#9aa6bde6}body.card-fs-open{overflow:hidden}@media(max-width:720px){.card.card-size-fullscreen{width:min(20rem,92vw)}.card-fs-study{--fs-card-w: min(20rem, 92vw)}.card-fullscreen-body{flex-direction:column;align-items:center;max-height:min(92vh,920px)}.card-fullscreen-details,.card-fs-info-card{max-width:min(100%,var(--fs-card-w, 20rem));width:min(100%,20rem);max-height:none}.card-fs-verse-band{min-height:4.5rem}.card-fullscreen-close{top:0;right:0}}.card.card-display.selected{border-color:var(--frame, var(--accent));box-shadow:0 0 0 2px var(--frame-mid, rgba(212, 180, 106, .55)),0 12px 28px #00000073,0 0 16px rgba(var(--frame-rgb, 212, 180, 106),.2),inset 0 1px #ffffff1a}.card.card-display .card-face-keywords{margin-top:.15rem}.card.card-display .card-face-keywords .keyword-chip{font-size:.58rem;padding:.1rem .32rem;border:1px solid rgba(212,180,106,.3);border-radius:99px;background:#d4b46a1a;color:var(--accent)}.reveal-with-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.25rem 1.5rem}.reveal-card-mount{flex:0 0 auto;display:flex;justify-content:center}.reveal-scripture{flex:1 1 16rem;min-width:min(100%,16rem);max-width:28rem}@media(max-width:640px){.card.card-size-deck{width:7.75rem;max-width:7.75rem}.card.card-size-reveal{width:min(12.5rem,55vw)}}