#finish-guide{box-sizing:border-box;width:min(920px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:24px;background:#18332d;color:#f1f3df;border:1px solid #658b78;border-radius:18px;overflow:auto}
#finish-guide::backdrop{background:#071510bb}.guide-heading,.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.guide-heading small{color:#c8d6bb}#guide-title{font-size:clamp(22px,3vw,30px);margin:12px 0 20px}.guide-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}#guide-canvas{width:100%;height:auto;border-radius:12px}#guide-text{font-size:18px;line-height:1.55;margin-top:0}#guide-caption{font-size:14px;line-height:1.45;min-height:42px;color:#d0dfcf}#guide-picker-label{display:block;font-size:14px}#guide-picker{display:block;width:100%;margin-top:6px;white-space:normal}.guide-footer{margin-top:18px}#guide-demo{gap:8px;flex-wrap:wrap}#finish-guide [hidden]{display:none!important}.guide-link{font-size:12px;padding:5px 9px!important;min-height:28px!important}#sight-legend{font-size:11px;line-height:1.3;color:#cedbd4;margin:4px 0}#sight-legend span{font-size:16px}.guide-highlight{outline:3px solid #f1d991!important;outline-offset:-3px;animation:guide-pulse 1.2s ease-in-out 3}@keyframes guide-pulse{50%{outline-color:#91dcc1}}@media(max-width:650px){#finish-guide{padding:16px}.guide-layout{grid-template-columns:1fr;gap:8px}#guide-text{font-size:16px}#guide-title{margin-bottom:12px}#guide-caption{min-height:0}}@media(prefers-reduced-motion:reduce){.guide-highlight{animation:none}}
/* Portrait phones: keep the progress readable beside a compact skip button. */
@media(max-width:650px) and (orientation:portrait){
 #finish-guide .guide-heading{gap:8px;align-items:center}
 #guide-count{flex:1 1 auto;white-space:nowrap;font-size:clamp(11px,3.2vw,13px);line-height:1.3}
 #guide-close{flex:0 1 124px;min-width:0;min-height:40px;padding:7px 10px;font-size:14px;line-height:1.2}
 #guide-text{line-height:1.5}
}
/* Body-copy typography is shared in game-typography.css. */
