/* A small nonmodal coach leaves the actual game controls available. */
#tutorial-dialog.guided-tutorial{position:fixed;inset:100px auto auto 102px;margin:0;width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px);padding:16px;border:1px solid #bca16b;border-radius:12px;background:linear-gradient(135deg,#172d34,#101c29);color:#f4eee0;box-shadow:0 10px 35px #0005;overflow:auto;z-index:40}
.advisor-layout{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
.advisor-figure{margin:0}.advisor-portrait{display:block;width:76px;height:76px;border-radius:9px}.advisor-figure figcaption{text-align:center;margin-top:5px;font-size:13px;color:#ead29c}
.advisor-content .eyebrow{font-size:10px;color:#d9bf88;letter-spacing:.4px}.advisor-content h2{margin:5px 0 8px;font-size:17px;line-height:1.4}.advisor-content #tutorial-copy{font-size:12px;line-height:1.7;color:#e0e5df;word-break:keep-all;overflow-wrap:anywhere;margin:0}
.advisor-instruction,.advisor-wait,.advisor-actions,.advisor-error{grid-column:1/-1}.advisor-instruction{padding:10px 12px;border-left:3px solid #edc975;background:#ffffff09;color:#ffe0a0;font-size:13px;line-height:1.6;font-weight:700}.advisor-instruction:empty{display:none}.advisor-wait{font-size:13px;color:#c6d9dd}.advisor-wait b{font-variant-numeric:tabular-nums}.advisor-actions{display:flex;flex-direction:column;gap:8px}.advisor-actions button{white-space:normal;min-height:42px}.advisor-error{color:#ffb5a8}
.tutorial-target{outline:3px solid #e9a824!important;outline-offset:4px;box-shadow:0 0 0 7px #ffcb5740!important;scroll-margin:240px 12px 100px}
[data-tutorial-disabled]{opacity:.35!important;filter:grayscale(1);cursor:not-allowed!important;box-shadow:none!important}
.sidebar [data-tutorial-disabled],.panel-tabs [data-tutorial-disabled]{color:var(--muted,#879387)!important;background:transparent!important;border-color:transparent!important}
.sidebar [data-tutorial-disabled]::before{display:none!important}
.city-mode #tutorial-training-warning{color:#963b29;background:#a33d2a0a;border-color:#b84d38}
.quantity-heading .quantity-entry{width:66px;padding:5px 6px;font-size:14px;border:1px solid #a99465;border-radius:5px;background:#fff8e6;color:#334738;text-align:right}
@media(max-width:850px){
 #tutorial-dialog.guided-tutorial{inset:8px 10px auto;width:calc(100vw - 20px);max-width:none;padding:12px;max-height:34dvh}
 .advisor-layout{grid-template-columns:56px minmax(0,1fr);gap:8px 10px}.advisor-portrait{width:56px;height:56px}.advisor-figure figcaption{font-size:11px}.advisor-content h2{font-size:15px;margin:3px 0 5px}.advisor-content #tutorial-copy{font-size:11px;line-height:1.6}.advisor-instruction{font-size:12px;padding:7px 9px}
 body.tutorial-active{padding-top:230px}.tutorial-active .topbar{position:relative;top:auto}
 .tutorial-active.world-mode .detail-column{position:fixed;top:245px;bottom:125px;max-height:none;z-index:20}.tutorial-active.world-mode .map-stage{min-height:400px}
}
.guest-save-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:12px;border:1px solid #bba16b;border-radius:10px;font-size:13px;background:#e4c98a22}.guest-save-banner[hidden]{display:none}
/* 월드맵 높이(100dvh - 165px)는 이 띠를 모른다. 띠가 보이면 지도 아래 38px(내 본성 버튼·미니맵 끝)가 화면 밖으로 밀려 스크롤도 안 됐다. 월드맵에서는 연맹전 배너처럼 숨긴다. */
.world-mode .guest-save-banner{display:none}.guest-save-banner a{flex-shrink:0;text-decoration:underline;font-weight:700}

#tutorial-dialog.guided-tutorial::backdrop{backdrop-filter:none}

/* Both expression crops align with FACE in scripts/pack-tutorial-portraits.py.
   The common pose stays cached; only the 94x89 face changes. */
.advisor-portrait{position:relative;overflow:hidden;flex-shrink:0}
.advisor-portrait-base{display:block;width:100%;height:100%;object-fit:cover}
.advisor-face{position:absolute;left:29.296875%;top:21.09375%;width:36.71875%;height:34.765625%;max-width:none}
/* 2차 튜토리얼: 접기·건너뛰기. 메뉴를 잠그지 않으므로 안내창만 있다(docs/TUTORIAL_CHAPTER2.md). */
#tutorial-dialog.story2 .advisor-skip{align-self:center;min-height:0;color:#c6d9dd;font-size:13px}