#lives span{font-size:20px;margin:0}
.result-panel{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}
#result-face{width:120px;height:auto;flex:0 0 120px;touch-action:auto;border-radius:50%;background:radial-gradient(ellipse,#ffe0a5 35%,transparent 72%)}
.result-panel small{font-size:10px;color:#526878}.result-panel #result{margin:5px 0 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.is-result .card{padding:16px 12px}.is-result h2{font-size:25px;margin-bottom:8px}.is-result .card>p:not(.tag){margin:7px 0;font-size:11px}.is-result .tag{margin-bottom:8px}
.hero-crop{aspect-ratio:478/354;background-size:321.339% 289.27%}
@media(orientation:landscape) and (max-height:560px){
 .app{width:min(100%,750px);display:grid;grid-template-columns:minmax(0,calc((100dvh - 24px)*390/560)) minmax(0,310px);justify-content:center;align-content:center;gap:8px 14px;padding:12px}
 .stage{grid-column:1;grid-row:1/7;border-radius:12px}
 header,.scoreboard,.controls,.hint,footer{grid-column:2}
 header{margin:0;align-self:end}h1{font-size:24px}.eyebrow{font-size:9px}.tools{gap:3px}.tools button{min-width:27px;font-size:11px}
 .scoreboard{border-radius:12px;align-self:center;padding:9px}.scoreboard strong{font-size:20px}.scoreboard>div+div{padding-left:8px}.scoreboard small{font-size:9px}
 .controls{border-radius:12px;align-self:center}.hint,footer{margin:0;align-self:start}
 .card{padding:12px 10px;border-radius:12px}.card h2{font-size:23px;margin:0 0 8px}.card>p:not(.tag){font-size:10px;line-height:1.5;margin:8px 0}.card .tag{font-size:9px;margin-bottom:7px}.card .fine{font-size:8px!important}.primary{min-height:38px;font-size:13px;padding:8px;margin-top:9px}.overlay{padding:10px}.hero-copy{padding:14px 6px}.hero-copy strong{font-size:18px}.hero-copy small,.hero-copy span{font-size:10px}.toast{font-size:12px}
 #result-face{width:90px;flex-basis:90px}.is-result .card{padding:12px 8px}.is-result h2{font-size:21px}.result-panel{gap:4px;margin:4px 0}.result-panel #result{font-size:22px!important}.result-panel small{font-size:8px}
}

/* These controls must stay tappable in both portrait and landscape. */
.tools button{min-inline-size:44px;min-block-size:44px}
.tools #sound{min-inline-size:56px;white-space:nowrap}
h1{font-size:clamp(1.125rem,calc(.25rem + 4.5vw),1.625rem);text-wrap:balance}
h1 span{display:inline-block;white-space:nowrap}