/* Shared by every Axle game: the page foot under the game (How to play, then the note line).
   The layout pattern lives in docs/LAYOUT.md. Colours and fonts come from each game's own tokens. */
.page-foot{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));font-family:var(--f-display,system-ui,sans-serif);font-size:14px;line-height:1.5;color:var(--ink-soft,#615A50);text-wrap:pretty}
.page-foot::before{content:"";display:block;height:0;margin:0 0 18px;border-top:2px dashed color-mix(in srgb,var(--ink,#1D1B18) 22%,transparent)}
.page-foot h2{margin:0 0 4px;font-size:16px;line-height:1.3;font-weight:800;letter-spacing:0;color:var(--ink,#1D1B18)}
.page-foot p{margin:0}
.page-foot b{color:var(--ink,#1D1B18)}
.page-foot .note{margin-top:14px;font-size:12px}
.page-foot .note .star{font-family:var(--f-hand,cursive);font-size:18px;line-height:0;margin-right:4px;color:var(--ink,#1D1B18);vertical-align:-3px}

/* Hearts sit at the right of the puzzle line with a small "N left" in front (hidden on phones). */
.lives{align-items:center}
.lives-label{font-family:var(--f-display,system-ui,sans-serif);font-size:12px;line-height:1;color:var(--ink-soft,#615A50);font-weight:700;margin-right:4px;white-space:nowrap}
/* Phones (upright or sideways): no eyebrow and no "N left", so the title and hearts share one line. */
@media (max-width:599px), (min-aspect-ratio:3/2) and (max-height:500px){ .lives-label,.eyebrow{display:none} }