.deck:has(.style1-card){aspect-ratio:auto;overflow:hidden;border:0;background:transparent}.deck:has(.style1-card) .cardslide{position:relative}.style1-card{position:relative;overflow:hidden;padding:22px 24px 18px;border:2px solid #d6ad51;border-radius:24px;background:linear-gradient(135deg,transparent 0 8%,#b38b2e22 8% 8.2%,transparent 8.2% 91%,#b38b2e22 91% 91.2%,transparent 91.2%),radial-gradient(ellipse at 50% 20%,#242017,#090a0b 49%);font-family:Arial,Helvetica,sans-serif;text-align:center;color:#fff;box-shadow:inset 0 0 0 5px #000,0 15px 45px #0006}.style1-card.is-yapped{border:5px solid #138a4e;box-shadow:inset 0 0 0 2px #d6ad51,0 15px 45px #0006}.s1-brand{color:#ebc571;font-size:clamp(15px,4vw,26px);letter-spacing:.17em;font-weight:800}.cardslide .s1-art,.style1-card .s1-art{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;background:transparent;border-radius:0;margin:12px auto}.s1-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.s1-category{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#eccb7b}.s1-completed{font-size:10px;font-weight:800;padding:6px 10px;background:#08713b;border:1px solid #38c97c;border-radius:999px}.s1-title{font-size:clamp(27px,7vw,49px);line-height:1.05;font-weight:900;text-transform:uppercase;margin:17px 0 20px;color:#efc767;overflow-wrap:anywhere}.s1-label{display:flex;align-items:center;justify-content:center;gap:14px;color:#ebc571;font-size:12px;font-weight:800;letter-spacing:.22em}.s1-label:before,.s1-label:after{content:'';height:1px;background:#96702d;flex:1}.s1-question{font-size:clamp(20px,5.1vw,31px);line-height:1.35;font-weight:700;margin:20px 0 24px;overflow-wrap:anywhere}.s1-deposit{border:1px solid #c39b47;border-radius:16px;background:#151515;padding:17px 18px;text-align:left;border-left-width:4px}.s1-deposit-label{font-size:12px;letter-spacing:.14em;font-weight:900;color:#efc767}.s1-action{font-size:clamp(15px,3.8vw,20px);line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}.s1-scripture{font-size:11px;color:#cdbb94;margin:15px 0 0;line-height:1.4}.s1-status{display:block;margin:20px auto 0;border:1px solid #d6ad51;border-radius:999px;background:#090b0c;color:#eec767;padding:12px 22px;min-height:44px;font:800 14px Arial;letter-spacing:.08em;cursor:pointer}.is-yapped .s1-status{background:linear-gradient(#0e9153,#066234);color:white;border-color:#48da91}.s1-undo{display:block;margin-top:7px;color:#c4d6c9;font-size:10px}.s1-footer{font-family:Georgia,serif;color:#eac675;font-size:19px;margin-top:20px}.s1-tagline{display:block;font-size:9px;color:#c5bda9;letter-spacing:.05em;margin-top:6px}.focus-card:has(.style1-card){max-height:80vh;overflow-y:auto}.deck.yapped .cardslide:has(.style1-card)::after,.focus-card.yapped:has(.style1-card)::after{content:none}.focus-card .style1-card .s1-art{width:100%;height:auto}.style1-card button:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:380px){.style1-card{padding:18px 16px}.s1-title{font-size:27px}.s1-question{font-size:20px}.s1-art{max-height:170px!important}}
/* Final Style 1: cinematic artwork with live, accessible typography. */
.style1-card{background:#050606;padding:16px 18px 20px;border-radius:22px}.s1-header{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.s1-brand{font-size:clamp(12px,2.9vw,20px);letter-spacing:.14em;color:#fff;flex-shrink:0}.s1-topmeta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 10px;text-align:right}.s1-topmeta .s1-category{font-size:clamp(8px,2vw,11px);letter-spacing:.07em}.s1-number{font-size:10px;color:#fff;white-space:nowrap}.style1-card .s1-art{width:calc(100% + 36px);max-width:none;height:auto;max-height:none;margin:14px -18px 2px;border-radius:0;background:#000}.s1-title{margin:12px 0 22px;letter-spacing:-.03em;font-size:clamp(29px,8vw,56px);line-height:1.04}.s1-title-white{display:block;color:white}.s1-title-gold{display:block;background:linear-gradient(145deg,#fff0be,#e7ba54 52%,#9c6717);background-clip:text;-webkit-background-clip:text;color:transparent}.s1-meta:empty{display:none}.s1-label-pill{border:1px solid #d6ad51;border-radius:6px;padding:7px 14px;letter-spacing:.18em;font-weight:800}.s1-question{margin:20px 0 24px;font-size:clamp(20px,5.3vw,33px)}.s1-deposit{position:relative;padding-left:66px}.s1-coin{position:absolute;left:16px;top:20px;width:34px!important;height:44px!important;background:none!important;object-fit:contain}.s1-deposit-label{font-size:11px;line-height:1.4}.s1-footer{font-size:17px}#yappedBtn{display:none}.is-yapped .s1-completed{margin:7px auto}.focus-card .style1-card .s1-art{width:calc(100% + 36px)}@media(max-width:380px){.style1-card{padding:14px 14px 18px}.style1-card .s1-art{width:calc(100% + 28px);margin-left:-14px;margin-right:-14px;max-height:none!important}.s1-header{gap:8px}.s1-title{font-size:30px}.s1-deposit{padding:14px 12px 14px 55px}.s1-coin{left:12px;width:29px!important}.s1-action{font-size:15px}.focus-card .style1-card .s1-art{width:calc(100% + 28px)}}

/* v25: more prominent titles and smaller cinematic artwork across the active deck. */
.style1-card{container-type:inline-size}
.style1-card .s1-art,.focus-card .style1-card .s1-art{width:86%;max-width:86%;height:auto;max-height:none!important;margin:12px auto 6px;object-fit:contain}
.s1-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(37px,11cqw,70px);line-height:1.03;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal}
.s1-title-white,.s1-title-gold{overflow-wrap:anywhere}
.s1-subtitle{color:#d3c8a9;font-size:9px;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:380px){.style1-card .s1-art,.focus-card .style1-card .s1-art{width:86%;max-width:86%;margin:10px auto 5px}.s1-title{font-size:clamp(33px,11cqw,45px)}}

/* v25.1 realistic heart-engraved gold coins. */
.s1-deposit{padding-left:100px;min-height:100px}
.s1-coin{left:14px;top:50%;transform:translateY(-50%);width:70px!important;height:86px!important;object-fit:contain}
@media(max-width:380px){.s1-deposit{padding-left:84px}.s1-coin{left:10px;width:60px!important;height:74px!important}}

/* v25.2: locally hosted condensed display type matching the approved title scale. */
@font-face{font-family:YapDisplay;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.style1-card .s1-title{font-family:YapDisplay,Impact,sans-serif;font-weight:400;font-size:clamp(48px,22cqw,140px);line-height:1.04;letter-spacing:-.018em;margin:8px 0 18px;text-wrap:balance}
.style1-card .s1-title-white,.style1-card .s1-title-gold{overflow-wrap:anywhere}
@media(max-width:380px){.style1-card .s1-title{font-size:clamp(43px,22cqw,76px)}}

/* v25.3: explicitly size contained cards in the legacy Focus dialog. */
.focus-dialog:has(.style1-card){height:auto;max-height:92vh;max-height:92dvh;padding:52px 8px 8px;overflow-y:auto;overflow-x:hidden}
.focus-card:has(.style1-card){display:block;width:100%;height:auto;max-height:none;overflow:visible}
.focus-card>.style1-card{width:100%;min-width:0}
/* v25.6 card completion controls as deep metallic badges. */
.style1-card .s1-status{border:1px solid #c49c4d;border-bottom:4px solid #6c4c15;background:linear-gradient(160deg,#51432a,#221d13 48%,#100e09);box-shadow:inset 0 2px 2px #fff3,inset 0 -2px 3px #0008,0 6px 0 #2a1c08,0 10px 16px #0009;min-height:49px;padding:12px 24px}
.style1-card.is-yapped .s1-status{background:linear-gradient(160deg,#31b76b,#078640 45%,#07552c);border-color:#a0edb7;border-bottom-color:#094b26;box-shadow:inset 0 2px 2px #e0ffe64d,inset 0 -2px 3px #002e1b99,0 6px 0 #043d1e,0 10px 16px #0009;color:#fff}
.style1-card .s1-status:active{transform:translateY(5px);box-shadow:inset 0 2px 5px #0006,0 1px 0 #211a0a,0 3px 6px #0007}
.s1-undo{margin-top:13px}

/* v25.7 reference layout: centered brand, category/completion row, gold YAP pill. */
.s1-header{justify-content:center;text-align:center}
.s1-brand{font-size:clamp(16px,5cqw,28px);color:#eac36d;letter-spacing:.2em}
.s1-header:before,.s1-header:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#cda94f);flex:1}
.s1-header:after{background:linear-gradient(90deg,#cda94f,transparent)}
.s1-meta{margin:12px 0 16px;gap:8px 12px}
.s1-meta .s1-category{font-size:clamp(12px,3.7cqw,20px);letter-spacing:.12em}
.s1-meta .s1-number{color:#c9b888;font-size:9px}
.s1-meta .s1-completed{background:linear-gradient(#1bab53,#055d2d);border:1px solid #51d57e;box-shadow:inset 0 1px 1px #fff4,0 3px 0 #043519;margin:0}
.s1-label-pill{background:linear-gradient(150deg,#ffdf83,#d4a737 52%,#a87516);color:#100c03;border:1px solid #ffe7a0;border-bottom:3px solid #805c16;border-radius:999px;box-shadow:inset 0 1px 1px #fff7,0 3px 0 #47310c;padding:8px 18px}
