/* Mother-aligned clarity and layout corrections. Frame art is in ui-frames.css. */
.art-button.primary { background-size:contain; }
.art-button.secondary { height:89px; min-height:89px; padding:10px 58px; }
.hud-title,.hud-strip,.map-detail,.map-label,.result-scroll { background-image:none; }
.hud-strip { padding:18px 94px; gap:10px; }
.goals { min-width:0; gap:10px; }
.goal { min-width:0; flex:1; gap:6px; }
.goal img { width:36px; height:44px; flex:none; }
.goal-value { font-size:32px; }
.goal-label { font-size:28px; opacity:1; }
.moves { width:96px; padding-left:19px; gap:2px; }
.moves strong { font-size:43px; }
.moves-icon { width:22px; height:29px; left:0; top:4px; }
.hud-pause img { object-fit:contain; }
.hud-helper { top:952px; font-size:26px; line-height:1.1; }
.tool { isolation:isolate; }
.tool::before { content:''; position:absolute; left:35px; top:0; width:64px; height:64px; z-index:-1; background:center/contain no-repeat url('../assets/images/tool-medallion.png'); pointer-events:none; }
.tool img { position:absolute; left:43px; top:5px; width:48px; height:52px; object-fit:contain; }
.tool span { position:absolute; left:8px; bottom:0; width:118px; height:30px; border:1px solid #b5a375; border-radius:5px; background:#f5ecd6; text-align:center; font-size:28px; line-height:28px; }
.tool b { left:92px; top:0; }
.tool.active { filter:none; }
.tool.active::before { filter:drop-shadow(0 0 5px #b83f31); }

.home-sub { font-size:28px; }
.home-note { font-size:28px; line-height:1.2; }
.continue-badge { font-size:28px; line-height:1.4; }
.home-garden { object-fit:cover; }
.map-node { width:190px; height:173px; }
.map-vignette { top:-35px; width:200px; height:150px; opacity:.3; }
.map-label { position:relative; width:190px; height:60px; padding:0; display:grid; place-items:center; font-size:28px; }
.map-number { left:25px; }
.map-lock { right:37px; }
.map-complete { right:23px; }
.map-detail { top:730px; height:210px; padding:26px 42px; gap:24px; }
.map-detail .vignette { width:204px; height:124px; flex:none; border-radius:0; object-fit:cover; mask-image:radial-gradient(ellipse at center,#000 42%,transparent 73%); }
.map-detail>div { flex:1; min-width:0; }
.map-detail h2 { font-size:34px; line-height:1.2; margin-bottom:8px; }
.map-detail p { max-width:none; font-size:28px; line-height:1.35; text-wrap:balance; }
.map-enter { top:927px; }
.map-back { top:978px; }

.modal .close { background-size:contain; }
.switch { background-size:contain; }
.modal-actions .secondary { font-size:28px; }
.modal-body .tip-note { color:#514e42; }
.result-text { color:var(--ink); }