#chen-bubble{position:fixed;z-index:32;max-width:min(330px,calc(100vw - 28px));transform:translate(-50%,calc(-100% - 20px));padding:12px 15px 13px;border:1px solid rgba(198,174,120,.55);border-radius:14px;background:rgba(25,35,30,.96);color:#f6efdf;box-shadow:0 14px 38px rgba(22,24,19,.38);pointer-events:none;backdrop-filter:blur(8px);transition:opacity .2s ease}
#chen-bubble[hidden],#chen-bubble.offscreen{display:none}
body.map-view #chen-bubble,body.cinema-playing #chen-bubble,body.intro-open #chen-bubble{display:none}
#chen-bubble::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:rgba(25,35,30,.94);border-right:1px solid rgba(198,174,120,.55);border-bottom:1px solid rgba(198,174,120,.55);transform:translateX(-50%) rotate(45deg)}
#chen-bubble .chen-name{display:block;margin-bottom:5px;color:#d9bd79;font:600 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-transform:lowercase}
#chen-bubble .chen-line{display:block;font:500 14px/1.65 system-ui,"Microsoft YaHei",sans-serif;letter-spacing:.02em}
#chen-marker{position:fixed;z-index:17;transform:translate(-50%,calc(-100% - 14px));display:flex;align-items:center;gap:7px;padding:6px 9px 6px 10px;border:1px solid rgba(217,189,121,.5);border-radius:999px;background:rgba(22,32,27,.86);color:#f6efdf;box-shadow:0 8px 24px rgba(8,12,10,.26);pointer-events:none;white-space:nowrap;backdrop-filter:blur(7px)}
#chen-marker[hidden]{display:none}
#chen-marker::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;background:rgba(22,32,27,.86);border-right:1px solid rgba(217,189,121,.5);border-bottom:1px solid rgba(217,189,121,.5);transform:translateX(-50%) rotate(45deg)}
.chen-marker-name{color:#e2c982;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:lowercase}
.chen-marker-role{color:rgba(246,239,223,.78);font:500 10px/1 system-ui,"Microsoft YaHei",sans-serif;letter-spacing:.08em}
#chen-marker.edge,#chen-bubble.edge{opacity:.82}
body.map-view #chen-marker,body.cinema-playing #chen-marker,body.intro-open #chen-marker{display:none}
@media(max-width:700px){#chen-bubble{left:14px!important;right:14px;top:auto!important;bottom:18px;max-width:none;transform:none}#chen-bubble::after{display:none}#chen-marker{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){#chen-bubble{transition:none}}