/* V15: in-world navigator, iPhone-first */
#guide-trigger{position:fixed;right:max(14px,calc((100vw - 560px)/2 + 14px));bottom:calc(87px + env(safe-area-inset-bottom));z-index:155;border:1px solid #e7c9918c;border-radius:25px;box-shadow:0 9px 28px #000b,0 0 25px #8e67dd4c;background:linear-gradient(130deg,#31243f,#131329);color:#ffebcb;display:flex;gap:7px;align-items:center;padding:5px 13px 5px 5px;font-size:12px;font-weight:800;min-height:49px;max-width:156px}
#guide-trigger img{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:50% 19%;border:1px solid #e1bb81}
body.is-fighting #guide-trigger,body.guide-intro #guide-trigger{display:none}
#guide-overlay{position:fixed;inset:0;z-index:260;display:none;align-items:flex-end;justify-content:center;background:linear-gradient(0deg,#050712dd,#09091dbb);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:10px 10px calc(14px + env(safe-area-inset-bottom))}
#guide-overlay.visible{display:flex}
body.guide-visible{overflow:hidden}
.guide-box{width:min(540px,100%);max-height:min(88dvh,810px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #c9a86b;border-radius:23px;background:radial-gradient(circle at 75% 4%,#7350aa66,transparent 40%),linear-gradient(155deg,#19132c,#111629 70%,#0b1021);box-shadow:0 0 0 1px #f6d4a01f inset,0 20px 70px #000b;position:relative;color:#f5edf9}
.guide-box:before{content:'◆';position:absolute;left:15px;top:10px;color:#e4bc7c;opacity:.65}
.guide-upper{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 9px 36px;border-bottom:1px solid #ab90b15a;color:#e8c991;font-size:11px;font-weight:900;letter-spacing:.15em}
.guide-close{border:1px solid #8d819d;background:#332941;color:#fff;border-radius:50%;width:30px;height:30px;font-size:19px;line-height:1}
.guide-chapter{margin:12px 15px 0;color:#cbbadd;font-size:10px;font-weight:800;letter-spacing:.16em}
.guide-display{display:grid;grid-template-columns:minmax(108px,36%) 1fr;gap:13px;align-items:center;padding:9px 15px 13px}
.guide-portrait{height:212px;overflow:hidden;border-radius:17px;border:1px solid #b59a7e;background:linear-gradient(135deg,#302537,#0b101e);position:relative;box-shadow:0 8px 27px #0009}
.guide-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 21%;display:block}
.guide-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#13122355,transparent 55%)}
.guide-dialogue{min-width:0}
.guide-name{font-size:10px;color:#dfb97c;letter-spacing:.1em;font-weight:900;margin-bottom:4px}
.guide-title{font-size:clamp(17px,4.6vw,23px);margin:0 0 8px;line-height:1.25;color:#ffebce;word-break:keep-all}
.guide-copy{font-size:12px;line-height:1.85;color:#f0e6f7;white-space:pre-line;margin:0}
.guide-hint{border:1px solid #62577c;background:#28213d;border-radius:11px;padding:10px 12px;margin:2px 14px 12px;font-size:11px;line-height:1.65;color:#e5d9f5}
.guide-foot{padding:0 14px 15px}
.guide-progress{display:flex;justify-content:center;gap:7px;margin:4px 0 11px}.guide-progress b{height:4px;width:20px;border-radius:10px;background:#47415b}.guide-progress b.on{background:#f5c78a;box-shadow:0 0 10px #eda86599}
.guide-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}
.guide-btn{font-family:inherit;border:1px solid #967eaa;border-radius:12px;background:#322946;color:#f7eafc;padding:10px 8px;font-weight:850;font-size:12px;min-height:43px}.guide-btn.primary{background:linear-gradient(115deg,#edcf9e,#ba8adb);border:0;color:#271a35}.guide-btn:disabled{opacity:.3}
.guide-links{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}.guide-link{border:0;background:transparent;color:#dbc3ff;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px}
.guide-mini{font-size:10px;color:#c8bedb;margin:12px 0 0;line-height:1.5}
@media(max-width:355px){.guide-display{grid-template-columns:105px 1fr;gap:9px}.guide-portrait{height:178px}.guide-copy{font-size:11px}.guide-actions{grid-template-columns:auto 1fr 1fr}.guide-btn{font-size:11px;padding:8px 5px}}
@media(max-height:720px){.guide-portrait{height:165px}.guide-display{padding-top:5px;padding-bottom:5px}.guide-hint{padding:6px 10px;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){#guide-trigger{transition:none}}