#quest-book.illustrated-book{width:min(1160px,97vw);max-width:none;height:min(760px,94dvh);max-height:94dvh;top:50%;transform:translateY(-50%);margin:0 auto;padding:0;border:0;border-radius:14px;background:#e9d7aa;background-position:center;background-size:100% 100%;background-repeat:no-repeat;color:#3d2c1c;overflow:hidden;box-shadow:0 24px 80px #000a;text-align:left}
#quest-book.illustrated-book::backdrop{background:#071819cc;backdrop-filter:blur(5px)}
#quest-book.illustrated-book>.objective,#quest-book.illustrated-book>.quest-section,#quest-book.illustrated-book>footer,#quest-book.illustrated-book>#journey-map,#quest-book.illustrated-book>#reward-status{display:none!important}
#quest-book.illustrated-book>.close{top:2.5%;right:2%;border:1px solid #b79855;background:#263e34;color:#fff1ca;border-radius:50%;z-index:5}
#journal-spread{height:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:5% 5.5% 6%}
.journal-left,.journal-right{min-width:0;min-height:0;display:flex;flex-direction:column}.journal-right{overflow:auto;padding-right:5px;scrollbar-color:#987748 transparent}
#quest-book .journal-kicker{font:600 11px system-ui;letter-spacing:.16em;color:#79603b;margin:0 0 8px}
#quest-book h2{font:700 clamp(23px,2.7vw,36px) Georgia,serif;margin:0 0 14px;color:#3d2c1c}
#quest-book p{color:#493923;font:16px/1.5 system-ui;margin:10px 0}#quest-book .journal-small,#quest-book .journal-reward{font-size:13px;color:#6a5233}
.journal-tabs{display:flex;gap:5px;margin-bottom:12px}.journal-tabs button{padding:10px 8px;flex:1;border:1px solid #aa8956;border-radius:4px;background:#e6d4ab;color:#513b24;font:600 14px system-ui;min-height:42px}.journal-tabs button[aria-pressed=true]{background:#294d40;color:#fff0c7;border-color:#294d40}
#journal-list{overflow:auto;min-height:0;flex:1;padding:0 6px 10px 0;scrollbar-color:#987748 transparent}.journal-area{font:600 11px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#82663d;margin:15px 0 6px}
.journal-entry{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:1px solid transparent;border-bottom:1px solid #ac8b553d;background:transparent;color:#3d2c1c;border-radius:6px;padding:12px 10px;min-height:58px}.journal-entry.selected{background:#d9bf854f;border:1px solid #9a793d}.journal-entry:hover,.journal-step:is(button):hover{background:#d9bf8570}.journal-entry strong{font:600 16px system-ui}.journal-entry small,.journal-step small{display:block;font:13px/1.4 system-ui;color:#735c3b;margin-top:4px}.journal-portrait{width:42px;height:56px;object-fit:contain;flex-shrink:0}
.journal-step{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #ab89554d;width:100%;padding:9px 0;background:transparent;text-align:left;color:#493923;font:16px system-ui;box-sizing:border-box}.journal-step.is-done strong{color:#2c5940}.journal-step strong{font-size:16px}
#quest-book .journal-progress{color:#755a30;font-weight:600}.journal-next{border-left:3px solid #526d4b;background:#f6edcf9c;padding:12px 14px;margin-top:16px}.journal-next>strong{font:700 12px system-ui;text-transform:uppercase;letter-spacing:.08em;color:#3f6149}#quest-book .journal-next p{margin:5px 0 0;font-size:16px}.journal-action{background:#2d5142;color:#fff1cb;border:1px solid #8e733f;border-radius:6px;padding:11px 18px;font:600 15px system-ui;margin-top:8px;min-height:44px}.journal-stamp{color:#3e674b;border:2px solid #66805b;border-radius:4px;padding:9px 15px;display:inline-block;transform:rotate(-2deg);font:700 18px Georgia;margin:10px 0}#quest-book .journal-footnote{font:italic 12px Georgia;color:#92754c;margin:12px 0 0}
#journal-reminder{position:absolute;top:65px;left:18px;z-index:20;max-width:min(340px,38%);display:flex;align-items:center;background:#173b32ed;border:1px solid #a89159;border-radius:8px;box-shadow:0 3px 8px #0004}#journal-reminder[hidden]{display:none}#journal-reminder button{background:transparent;color:#f5e8c6;border:0;padding:10px;text-align:left;font:14px/1.4 system-ui}#journal-reminder .reminder-hide{font-size:23px}
.map-future{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);background:#142f2ee8;color:#ead8aa;border:1px solid #aa9053;border-radius:6px;padding:8px 14px;font:13px/1.4 system-ui;text-align:center;width:max-content;max-width:85%}
.journal-first .journal-cover{animation:journal-glow 2.8s ease-in-out infinite}@keyframes journal-glow{50%{filter:drop-shadow(0 0 10px #e8c36f);transform:rotate(4deg)}}
#quest-book button:focus-visible{outline:3px solid #557e94;outline-offset:2px}
@media(max-height:500px),(max-width:750px){#quest-book.illustrated-book{height:96dvh;width:98vw;max-height:96dvh}#journal-spread{padding:4% 5%;gap:7%}#quest-book h2{font-size:22px;margin-bottom:8px}#quest-book p{font-size:13px}.journal-tabs{gap:3px;margin-bottom:4px}.journal-tabs button{font-size:12px;padding:7px 3px;min-height:36px}.journal-entry{padding:7px 4px;gap:5px}.journal-entry strong,.journal-step strong{font-size:13px}.journal-entry small,.journal-step small{font-size:11px}.journal-portrait{height:38px;width:28px}.journal-step{padding:5px 0;gap:6px}.journal-next{padding:7px 9px;margin-top:10px}#quest-book .journal-next p{font-size:13px}.journal-action{font-size:13px;padding:8px 12px}.journal-footnote{display:none!important}#journal-reminder{top:45px;left:10px}#journal-reminder button{font-size:11px;padding:7px}.map-future{font-size:10px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){.journal-first .journal-cover{animation:none;filter:drop-shadow(0 0 6px #e8c36f)}}

.journal-map-action{margin-left:8px;background:transparent;color:#2d5142}.quest-receipt{color:#d7c18b;font-weight:600}

#quest-book.illustrated-book[open]{background-image:url('assets/felles/grensesnitt/quest-book-open-v1.webp')}

#new-quest-notice{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:45;display:flex;width:min(430px,80%);border:1px solid #d6b36d;border-radius:12px;background:linear-gradient(135deg,#244c3f,#142e29);box-shadow:0 8px 28px #0008;color:#f8e8ba;overflow:hidden}
#new-quest-notice[hidden]{display:none}#new-quest-notice button{background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}#new-quest-notice .new-quest-open{flex:1;padding:16px 20px}#new-quest-notice span{display:block;font:600 11px system-ui;letter-spacing:.1em;text-transform:uppercase;color:#d3b77a}#new-quest-notice strong{display:block;font:700 23px Georgia;margin:6px 0}#new-quest-notice small{font:13px system-ui}#new-quest-notice .new-quest-close{align-self:flex-start;padding:10px 13px;font-size:23px}#new-quest-notice button:focus-visible{outline:3px solid #f0d38c;outline-offset:-4px}#new-quest-notice .new-quest-open:hover{background:#ffffff0b}
@media(max-height:500px),(max-width:750px){#new-quest-notice{bottom:14px;width:min(370px,80%)}#new-quest-notice .new-quest-open{padding:10px 14px}#new-quest-notice strong{font-size:19px;margin:4px 0}#new-quest-notice small{font-size:12px}}

/* Left HUD owns placement for home controls, tracked quest and transient messages.
   Add future left-side elements here in normal flow instead of absolute offsets. */
#hud-left{position:absolute;top:48px;left:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:min(340px,40%);pointer-events:none}
#hud-left #furnish-button{position:static;inset:auto;transform:none;margin:0;pointer-events:auto;flex:none}
#hud-left #journal-reminder{position:static;inset:auto;transform:none;margin:0;max-width:100%;width:100%;box-sizing:border-box;pointer-events:auto;flex:none}
#hud-left #toast{position:static;inset:auto;transform:none;margin:0;max-width:100%;box-sizing:border-box;flex:none;text-align:left}
#hud-left #toast:empty{display:none}
#hud-left #journal-reminder .reminder-open{min-width:0;overflow-wrap:anywhere}
#hud-left #journal-reminder .reminder-hide{flex:none}
.furnishing-active #hud-left #journal-reminder{display:none}
@media(max-height:500px),(max-width:750px){#hud-left{top:44px;left:8px;gap:6px;width:min(300px,40%)}}

.journal-detail-heading{display:flex;align-items:center;gap:12px}.journal-detail-heading h2{min-width:0}.journal-detail-heading .journal-portrait{width:60px;height:72px}.journal-portrait[src*="hugheim-vest"],.journal-portrait[src*="portalplassen"]{object-fit:cover;border-radius:5px}@media(max-width:750px),(max-height:500px){.journal-detail-heading .journal-portrait{width:36px;height:44px}.journal-detail-heading{gap:8px}}

.map-scroll-label[hidden]{display:none!important}




#fisher-dialog .fisher-portrait{float:left;width:70px;height:74px;object-fit:contain;margin:0 16px 8px 0}