/* Extend the approved lower HUD; no extra context panels over the play area. */
#labels{pointer-events:none}#gameMenu a{color:#e8d3a3;font-size:13px;padding:12px;text-decoration:none}#sceneReceipt{font-size:12px;line-height:1.2}#sceneActions{display:flex;flex-direction:column;gap:4px}#sceneActions[hidden]{display:none}#bookStatus{overflow:visible}#scenePrimary,#sceneSecondary{min-height:36px;font-size:12px}#scenePrimary{padding:4px 6px}#sceneSecondary{font-weight:400}#worldAction{display:flex;flex-direction:column;gap:5px}#worldAction[hidden]{display:none}#sceneProgress{height:7px;width:95%;accent-color:#837849}#bookToggle{top:58%}#advisorHistoryList p{margin:10px 0}#gameMenu{max-height:75vh;overflow:auto}#gameMenu button[hidden]{display:none}.start-card small{line-height:1.65}#bookWorkers{min-height:25px}#bookTown,#bookRelics{line-height:1.2}#joystick{display:none}
@media(max-width:600px){#sceneReceipt{font-size:11px}#scenePrimary,#sceneSecondary{font-size:11px;min-height:30px}#sceneActions{gap:2px}#sceneTitle{font-size:11px}#bookToggle{top:55%}}
#overlay[hidden],#villageHud[hidden],#dayClock[hidden]{display:none!important}
#bookAdvice,#bookHero{display:block}#bookWorkers{font-size:12px;text-align:left;padding:0}#bookSummaryLeft,#bookSummaryRight{height:100%;display:flex;flex-direction:column;gap:5px}#bookSummaryLeft[hidden],#bookSummaryRight[hidden]{display:none}#advisorJournal{margin-top:auto}#sceneTitle{font-size:13px}
.rider-marker{position:absolute;width:11px;height:10px;background:#f1cc77;clip-path:polygon(0 0,50% 100%,100% 0,50% 32%);transform:translate(-50%,-100%);filter:drop-shadow(0 1px 1px #1b2d21);pointer-events:none}

#bookTown,#bookRelics{cursor:pointer;text-decoration:underline;text-decoration-color:#8e794544;text-underline-offset:3px}#advisorHistoryList>div{padding:10px 0;border-bottom:1px solid #8e794544}#advisorHistoryList>div p{white-space:pre-line}#advisorHistoryList>div button{min-height:36px}#sceneReceipt{overflow-wrap:anywhere}

#sceneReceipt{max-height:7.2em;overflow:auto;scrollbar-width:thin}#sceneTitle{flex-shrink:0}#bookLeft #worldAction{min-height:0}

/* Context replaces the flag copy; it must remain readable on narrow screens. */
#hud #sceneHint{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.2}
#hud #sceneDetail{-webkit-line-clamp:2;font-weight:700}
#requestActions #sceneActions{position:absolute;left:50%;top:50%;transform:translate(-50%,-23px);margin:0;width:130px}

#requestActions #requestReceipt{top:-44px}

/* v78: a physical door leads to the same burgundy-and-brass visual family. */
#interactionDoor{position:absolute;right:14%;bottom:0;width:48%;height:94%;padding:0;border:0;background:none;filter:drop-shadow(0 6px 9px #21170db3);cursor:pointer;pointer-events:auto;touch-action:manipulation}
#interactionDoor img{width:100%;height:100%;object-fit:contain;transition:filter .2s,transform .2s}
#interactionDoor:hover img,#interactionDoor:focus-visible img{filter:brightness(1.2);transform:translateY(-3px)}
#interactionDoor span{position:absolute;bottom:7%;left:12%;right:12%;padding:7px 4px;background:#452428ed;border:1px solid #ba975e;color:#ffe4a3;border-radius:4px;font-size:14px}
#advisor[data-door="true"] #bookToggle{right:4%;bottom:8%}
#interactionModal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#1017109e;padding:18px;backdrop-filter:blur(3px);color:#f2e5c4}
#interactionModal[hidden]{display:none}
.interaction-window{position:relative;max-width:850px;width:min(100%,850px);max-height:calc(100dvh - 36px);overflow:auto;padding:32px;border:5px ridge #b69357;border-radius:12px;background:radial-gradient(ellipse at top,#873b3a80,transparent 75%),repeating-linear-gradient(90deg,#0000 0 2px,#17090d14 2px 4px),#49282d;box-shadow:0 22px 80px #0009,inset 0 0 0 2px #321919,inset 0 0 35px #180b11}
.interaction-window h2{font:600 clamp(24px,4vw,34px)/1.1 Georgia,serif;color:#ffe7af;margin:6px 44px 12px 0}.interaction-window p{line-height:1.45}.interaction-kicker{color:#c7ad80;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0}
#interactionClose{position:absolute;right:12px;top:12px;width:44px;height:44px;font-size:30px;line-height:1;color:#f0d6a2;border:1px solid #a88754;background:#39252a;border-radius:50%}
#interactionChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0}
.interaction-choice{display:flex;align-items:center;flex-direction:column;gap:8px;min-height:210px;padding:12px;border:2px solid #8c744e;border-radius:7px;background:#241d1a66;color:#eee1c0;text-align:center;cursor:pointer;font:inherit;line-height:1.3}
.interaction-choice strong{color:#ffe6aa;font-size:17px}.interaction-choice>span:last-child{font-size:13px}.interaction-choice[aria-pressed="true"]{border-color:#e8c77e;background:#93703938;box-shadow:inset 0 0 0 1px #fbe3a5}.interaction-choice:disabled{opacity:.48;cursor:default}
.reward-art{display:block;width:120px;height:120px;flex-shrink:0;background-image:url('assets/ui/reward-atlas78.png');background-size:300% 200%;background-repeat:no-repeat}.reward-gold{background-position:0 0}.reward-wood{background-position:50% 0}.reward-stone{background-position:100% 0}.reward-experience{background-position:0 100%}.reward-map{background-position:50% 100%}.reward-heal{background-position:100% 100%}
#interactionConfirm{display:block;min-height:48px;margin:0 auto;padding:12px 24px;border:2px ridge #dec28b;border-radius:5px;background:#b48a4e;color:#231916;font-weight:700}#interactionConfirm:disabled{opacity:.4}
@media(max-width:600px){.interaction-window{padding:22px 14px}#interactionChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interaction-choice{min-height:180px;padding:8px}.reward-art{width:88px;height:88px}.interaction-choice strong{font-size:14px}.interaction-choice>span:last-child{font-size:12px}}
.story-region-card{margin:16px 0;padding:16px;border:1px solid #a9824c;background:#341d29;border-radius:6px}.story-region-card h3{color:#f0d59c;margin:0 0 8px}.story-region-card ol{padding-left:22px;line-height:1.5}.story-region-card li{margin:5px 0}.story-region-card li.complete{opacity:.55}.campaign-goal{padding:12px 0;color:#f0d59c;font-weight:600}