/* Small, readable teaching highlights sampled from the running game. */
#game-container .guide-onboarding {background:rgba(32,25,16,.46)}
#game-container .onboarding-live-focus {position:absolute;z-index:2;display:block;pointer-events:none;border-radius:20px;outline:2px solid #e6c687;outline-offset:3px;box-shadow:0 0 0 6px #ffe8ad1f,0 0 22px #eac88738}
.onboarding-live-focus canvas {display:block;width:100%;height:100%}
#game-container .guide-onboarding .guide-note {z-index:3}
.upgrade-card-soft-glow {position:absolute;z-index:2;left:50%;top:43%;width:104px;height:104px;border-radius:50%;background:radial-gradient(ellipse,#ffe9aa72 0,#e8bd6659 32%,#e8bd6600 70%);filter:blur(2px);pointer-events:none}

/* A painted travel report, with a single clear action on victory. */
#result-screen {background:radial-gradient(ellipse at 50% 38%,#8b5e3238,#211a13c9 78%)}
#result-screen .settlement-container {inset:auto 14px;top:50%;width:auto;height:auto;max-height:calc(100% - 40px);padding:30px 24px 27px;border:0;border-radius:0;border-image:url('../assets/hero_detail_20260926/paper-panel.webp') 130 80 80 80 fill / 38px 28px 32px 28px;background:linear-gradient(#feefd0,#feefd0) 50% 50%/calc(100% - 14px) calc(100% - 18px) no-repeat;box-shadow:none;filter:drop-shadow(0 9px 12px #1e160b66);gap:0}
#result-screen .settlement-banner {height:auto;margin:0 0 7px;animation:settleFadeIn .32s ease-out both}
#result-screen .settlement-banner-title {color:#704321;font:400 33px/1.35 var(--font-game-title);letter-spacing:.07em;text-shadow:0 1px #fffbde}
#result-screen .settlement-banner.defeat .settlement-banner-title {color:#695548}
#result-screen .settlement-kicker {margin:0 0 8px;color:#9b7348;font:400 12px/1.4 var(--ui-body);letter-spacing:.22em}
#result-screen .settlement-subtitle {font:400 15px/1.5 var(--font-game-title);color:#826343;margin-bottom:8px;letter-spacing:.03em}
#result-screen .settlement-stats {display:flex;gap:20px;margin:6px 0 0;justify-content:center}
#result-screen .settlement-stat-item {display:flex;align-items:center;gap:5px;padding:0;background:none;color:#8b735b;font:12px/1.4 var(--ui-body)}
#result-screen .settlement-stat-item b {font:400 18px/1.2 var(--font-game-number);color:#6b4b30}
#result-screen .settlement-reward-header {border:0;padding-top:23px;margin:13px -14px 6px;width:calc(100% + 28px);box-sizing:border-box;background:url('../assets/hero_detail_20260926/ink-divider.webp') center top/100% 14px no-repeat}
#result-screen .settlement-reward-title {font:400 20px/1.5 var(--font-game-title);letter-spacing:.12em;color:#80613e}
#result-screen .settlement-rewards-wrap {min-height:110px;margin-bottom:10px}
#result-screen .settlement-rewards-grid {gap:6px;max-height:230px;padding:6px 0}
#result-screen .settlement-reward-item {width:82px;height:94px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,#deb87538,transparent 69%);box-shadow:none;gap:5px;animation:settleFadeIn .32s ease-out both}
#result-screen .settlement-reward-icon {width:43px;height:43px;filter:drop-shadow(0 3px 2px #85552e24)}
#result-screen .settlement-reward-count {font:400 20px/1 var(--font-game-number);color:#9a6323}
#result-screen .settlement-reward-label {font:11px/1.25 var(--ui-body);color:#8b7050;max-width:82px;text-align:center;overflow-wrap:anywhere}
#result-screen .settlement-buttons {display:flex;justify-content:center;gap:8px;width:100%;margin-top:8px}
#result-screen .settlement-buttons.is-single .settlement-btn {flex:0 1 208px;max-width:100%}
#result-screen .settlement-btn {flex:1;min-width:0;min-height:55px;height:55px;font:400 22px/1.25 var(--font-game-title);padding:0 8px 5px}
#result-screen .settlement-home-hint {font:12px/1.5 var(--ui-body);color:#8d7354;text-align:center;margin:12px 0 0;letter-spacing:.02em}
@media(max-height:650px){
    #result-screen .settlement-container {max-height:calc(100% - 24px);padding:23px 21px 22px}
    #result-screen .settlement-banner-title {font-size:29px}
    #result-screen .settlement-reward-header {margin-top:10px;padding-top:18px}
    #result-screen .settlement-rewards-wrap {min-height:92px;margin-bottom:4px}
    #result-screen .settlement-rewards-grid {max-height:200px}
    #result-screen .settlement-kicker {margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){.upgrade-card-soft-glow{display:none}#result-screen .settlement-banner,#result-screen .settlement-reward-item{animation:none}}
/* Keep the small teaching footer clear of the painted paper edge. */
#game-container .guide-onboarding .guide-note-card {padding:10px 16px 10px}
#game-container .guide-onboarding .guide-note-card .guide-note-heading {margin-bottom:4px}
#game-container .guide-onboarding .guide-note-card .guide-note-host {width:30px;height:32px}