/* Compact home-only hero. Specificity keeps this above later theme rules,
   without changing the welcome dialog or any gameplay surface. */
.at-home .site-header{height:76px}
.at-home main{padding-top:8px}
.at-home .intro{display:none}
.at-home .notice{padding:10px 14px;margin:0 0 12px;font-size:12px;line-height:1.5}
.at-home .home-layout{grid-template-columns:minmax(0,1.1fr) 64px minmax(250px,.9fr);grid-template-areas:"header header header" "divider divider divider" "prayer prayer seal" "date date date";align-items:start;gap:20px 16px;padding:24px;margin-bottom:16px}
.at-home .home-header-group{grid-area:header;display:grid;grid-template-columns:max-content 48px minmax(0,280px);grid-template-areas:"title arrow action";align-items:start;gap:12px}
.at-home .home-header-divider{grid-area:divider;height:1px;background:#e7bb55;opacity:.65}
.at-home .home-header-group .home-marks{flex-wrap:wrap}
.at-home .home-copy{grid-area:title}
.at-home .home-action{grid-area:action;align-self:start;margin:0}
.at-home .home-prayer{grid-area:prayer}
.at-home .home-layout>.home-scripture{grid-area:seal;margin:0}
.at-home .home-date{grid-area:date}
.home-start-arrow{grid-area:arrow;width:48px;height:36px;margin-top:12px;fill:none;stroke:#9a772f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.at-home .home-action .home-progress,.at-home .home-action .home-result{margin:20px 0 0}
.home-prayer h3{font:600 22px/1.3 var(--sans);letter-spacing:normal;text-transform:none;margin:0 0 16px;color:var(--forest)}
.home-prayer blockquote,#info #help-scripture{font:400 18px/1.5 var(--serif);color:var(--ink);margin:0;padding:0;border:0}
.home-prayer .prayer-reference,#info .prayer-reference{font:400 13px/1.5 var(--sans);margin:8px 0 20px}
.prayer-reference a{text-underline-offset:3px}
.at-home .home-prayer{margin:0;padding:16px;border:1px solid #d5e5d9;border-radius:16px;background:#edf6ef}
.at-home .home-prayer blockquote{font-size:17px;line-height:1.5}
.at-home .home-prayer h3{font-size:20px;margin-bottom:12px}
.at-home .home-prayer .prayer-reference{margin:6px 0 14px}
.at-home .home-prayer .prayer-reference:last-of-type{margin-bottom:0}
.home-action{align-self:center}
.at-home #home-play{position:relative;max-width:none;min-height:68px;font-size:19px;line-height:1.35;background:#e7bb55;color:#154d39;border:2px solid #ad812c;box-shadow:0 4px 0 #ad812c,inset 0 1px 0 #fff2c9;padding:16px 20px}
/* Static corner glints: no motion, no extra accessible text, no blocked clicks. */
.at-home #home-play::before,.at-home #home-play::after{content:"";position:absolute;width:12px;height:12px;background:#fff7db;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none}
.at-home #home-play::before{top:5px;left:7px}
.at-home #home-play::after{bottom:5px;right:8px;width:9px;height:9px}
.at-home #home-play:hover{filter:brightness(1.03)}
.at-home #home-play:active{transform:translateY(2px);box-shadow:0 2px 0 #b79b56}
.at-home #home-play:focus-visible{outline:3px solid #154d39;outline-offset:4px}
.at-home .home-action .home-scripture{margin:28px 0 0}
.at-home .home-action .home-scripture>p{font-size:17px;line-height:1.5}
.at-home .home-date{grid-column:1/-1;justify-self:end;font:400 12px/1.5 var(--sans);color:var(--muted);margin:0}
@media(max-width:700px){.at-home .home-action{margin-top:16px}.at-home .home-date{margin-top:20px}.at-home .home-action .home-scripture{margin-top:22px}}
.at-home .home-kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:10px}
.at-home #home-heading{font:700 48px/1.1 var(--sans);letter-spacing:-1.2px;margin:0 0 5px}
.at-home .home-slogan{font:600 24px/1.3 var(--sans);color:var(--forest);margin:0 0 18px}
.at-home .home-scripture{max-width:560px;margin:0 0 22px;padding:0;border:0;color:var(--ink)}
.at-home .home-scripture>p{font:400 20px/1.45 var(--serif);margin:0 0 8px}
.at-home .home-scripture figcaption{display:block;text-align:center;font:400 14px/1.5 var(--sans);margin-top:10px}
.at-home .home-seal{display:block;width:min(250px,100%);height:auto;margin:0 auto}
.at-home .home-scripture a{text-underline-offset:3px}
.at-home .home-art{width:180px;position:static}
.at-home .home-meta{font-size:11px;line-height:1.5;margin-top:10px}
@media(max-width:700px){
 .at-home .site-header{height:60px}
 .at-home .home-layout{grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"header header" "divider divider" "prayer prayer" "seal seal" "date date";gap:20px 8px;padding:22px}
 .at-home .home-header-group{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"title title" "arrow action";gap:12px 8px}
 .at-home .home-action{margin:0}
 .at-home .home-slogan{margin-bottom:0}
 .home-start-arrow{width:28px;height:24px;align-self:start;margin:20px 0 0}
 .at-home .home-layout>.home-scripture{margin-top:2px}
 .at-home #home-play{padding:14px 16px;gap:12px}
 .at-home #home-heading{font-size:40px}
 .at-home .home-slogan{font-size:22px;margin-bottom:16px}
 .at-home .home-scripture>p{font-size:19px}
 .at-home .home-art{display:none}
}
@media(max-width:360px){
 .at-home .home-layout{padding:18px}
 .at-home .home-slogan{font-size:21px;margin-bottom:14px}
 .at-home .home-scripture{margin-bottom:18px}
 .at-home .home-scripture>p{font-size:18px}
 .at-home .home-kicker{font-size:10px;letter-spacing:1px}
}
/* Welcome is a separate surface, never a saved game phase. */
[hidden]{display:none!important}
.intro{display:flex;align-items:center;justify-content:space-between;position:relative}
.at-home .intro{min-height:24px}
#home-button{position:absolute;right:-10px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 10px;margin:0;font-size:12px;text-transform:none;letter-spacing:0}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:34px;padding:38px 0 35px}
.home-kicker{color:var(--gold);font-size:10px;letter-spacing:1.6px;margin-bottom:22px}
#home-heading{font:52px/1.08 var(--serif);letter-spacing:-1.8px;margin:0 0 22px;outline:none}
#home-heading em{font-weight:normal;color:var(--forest)}
.home-description{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 26px}
#home-play{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:355px;min-height:54px;font-size:14px;padding:15px 20px;margin:0}
#home-play>span{font-size:22px;font-weight:normal}
.home-meta{color:var(--muted);font-size:11px;margin:13px 0 0}
.home-art{color:var(--gold);transform:rotate(-4deg)}
.home-art svg{width:100%;height:auto;display:block}
.home-art p{font-size:8px;letter-spacing:1.5px;text-align:center;margin:10px 0 0}
.home-how{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.home-how summary{min-height:52px;cursor:pointer;padding:17px 0;color:var(--ink)}
.home-how summary>span{float:right;font-size:18px;line-height:18px}
.home-how ol{padding-left:20px;line-height:1.8;margin:0 0 16px}.home-how li{padding:4px 0}.home-how>p{line-height:1.7}
.home-progress{font-size:13px;color:var(--forest);line-height:1.7;margin:0 0 20px}.home-progress span{display:block;color:var(--muted);font-size:11px}
.home-result{margin:0 0 22px}.home-result>p{font-size:11px;color:var(--muted);margin:0 0 9px}.home-result>strong{font:40px var(--serif)}.home-result>strong>small{font:14px var(--sans);color:var(--muted)}
.home-marks{display:flex;gap:7px;margin-top:12px}.home-mark{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.home-mark>small{font-size:9px;margin-top:3px;color:var(--muted)}.home-mark.exact{background:var(--forest);color:var(--surface);border-color:var(--forest)}.home-mark.exact>small{color:var(--surface)}.home-mark.close{background:#e8ddba}
#home-share{margin-top:12px;justify-content:center;width:100%;max-width:355px}.home-local{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 0}
.at-home .beneath>p{display:none}.at-home .beneath{padding:18px 0}.at-home .site-header nav{visibility:hidden}
@media(max-width:700px){.home-layout{grid-template-columns:minmax(0,1fr);padding:22px 0 25px;gap:0;position:relative}.home-copy{position:relative;z-index:1}#home-heading{font-size:42px;letter-spacing:-1.2px;margin-bottom:19px}.home-kicker{font-size:9px;margin-bottom:18px}.home-description{font-size:13px;line-height:1.75;margin-bottom:22px}.home-art{position:absolute;width:82px;right:0;top:-29px;opacity:.8}.home-art p{display:none}.home-meta{font-size:10px}.wide-only{display:none}#home-play{max-width:none}#home-share{max-width:none}.at-home .intro{margin-bottom:12px}.at-home .site-header nav{display:none}.home-result{margin-bottom:18px}.home-result>strong{font-size:34px}}
@media(max-width:360px){#home-heading{font-size:36px;letter-spacing:-1px}.home-layout{padding-top:23px}.home-art{width:68px;top:-28px}.home-kicker{font-size:8px;letter-spacing:1.2px}.home-description{font-size:12px}.home-how summary{min-height:48px;padding:15px 0}.home-meta{font-size:9px}#home-play{font-size:13px}.home-result>p{font-size:10px}}
