/* Independent, low-cost guide UI. No change to the public chat or 3D HUD. */
.hangang-guide-button{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:85;border:1px solid #b8e4de;border-radius:24px;background:#164a53eb;color:#fff;padding:10px 18px;font:700 14px/1.2 system-ui,sans-serif;box-shadow:0 5px 18px #082b3970;cursor:pointer;white-space:nowrap}
.hangang-guide-panel{position:fixed;bottom:86px;right:20px;width:min(440px,calc(100vw - 24px));max-height:min(76vh,630px);z-index:125;border:1px solid #9bcac6;border-radius:17px;background:#102f39f7;color:#edf9f5;box-shadow:0 14px 50px #03161bb3;font:14px/1.5 system-ui,sans-serif;display:flex;flex-direction:column;padding:14px;gap:10px}
.hangang-guide-panel[hidden],.hangang-guide-button[hidden]{display:none!important}
.hangang-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hangang-guide-heading strong{font-size:17px;line-height:1.2}
.hangang-guide-close{border:0;background:transparent;color:#e8fcf6;font-size:25px;cursor:pointer;min-width:36px}
.hangang-guide-intro{margin:0;color:#b5d7d5;font-size:12px}
.hangang-guide-log{flex:1;min-height:80px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:5px 2px}
.hangang-guide-message{max-width:94%;background:#1b4350;border-radius:12px;padding:9px 11px;white-space:pre-wrap;overflow-wrap:anywhere}
.hangang-guide-user{align-self:flex-end;background:#375e5b}
.hangang-guide-message b{display:block;font-size:11px;color:#b7ddd4}
.hangang-guide-message p{margin:4px 0 0}
.hangang-guide-examples{display:flex;flex-wrap:wrap;gap:6px}
.hangang-guide-suggestion{background:#224e56;border:1px solid #42787a;border-radius:16px;color:#e0f8f2;padding:5px 9px;font:12px/1.35 system-ui;cursor:pointer}
.hangang-guide-form{display:flex;gap:7px}
.hangang-guide-input{min-width:0;flex:1;padding:10px 11px;border:1px solid #598782;background:#f5fbfa;color:#14303a;border-radius:10px;font:14px system-ui}
.hangang-guide-send{border:0;border-radius:10px;background:#9dd9c5;color:#143838;padding:10px 14px;font:700 14px system-ui;cursor:pointer}
.hangang-guide-button:focus-visible,.hangang-guide-panel button:focus-visible,.hangang-guide-input:focus-visible{outline:3px solid #ffc976;outline-offset:2px}
@media(max-height:480px){.hangang-guide-panel{right:10px;bottom:8px;top:8px;max-height:none;width:min(450px,calc(100vw - 20px))}.hangang-guide-button{bottom:48px}.hangang-guide-log{min-height:35px}}

/* AI guide language selector: supports 16 service countries. */
.hangang-guide-language{min-width:100px;max-width:138px;flex:0 1 130px;border:1px solid #7db5a9;border-radius:8px;padding:6px 7px;background:#1e4550;color:#edfcf6;font:12px system-ui,sans-serif;cursor:pointer}
.hangang-guide-language:focus-visible{outline:3px solid #ffc976;outline-offset:2px}
@media(max-width:550px){.hangang-guide-heading strong{font-size:14px}.hangang-guide-language{min-width:82px;max-width:119px;flex-basis:110px}}