/* 选殿面板 */
.hl-trigger{cursor:pointer;pointer-events:auto}
.hl-trigger #presenceText::after{content:' ▾';opacity:.6;font-size:.85em}
.halls{position:fixed;inset:0;z-index:7;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(5,3,2,.68);backdrop-filter:blur(3px)}
.halls.show{display:flex;animation:qFade .3s ease-out}
.hl-card{width:min(440px,100%);max-height:min(86vh,86dvh);overflow:auto;padding:18px 18px 16px;border-radius:18px;background:#231610;border:1px solid rgba(242,198,107,.45);box-shadow:0 20px 60px #000;-webkit-overflow-scrolling:touch}
.hl-hd{display:flex;justify-content:space-between;align-items:center}
.hl-hd h2{margin:0;font-size:18px;letter-spacing:.3em;color:#f2c66b;font-weight:600}
.hl-x{width:30px;height:30px;padding:0;border-radius:50%;font-size:16px;line-height:1}
.hl-now{margin:6px 0 12px;font-size:13px;color:#c9b383;letter-spacing:.08em}
.hl-now b{color:#f6e9c9;font-weight:600}
.hl-auto{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;text-align:left}
.hl-auto b{font-size:15px;letter-spacing:.15em}
.hl-auto small{font-size:12px;color:#c9b383;letter-spacing:.05em}
.hl-auto.on{border-color:#f2c66b;background:rgba(120,80,30,.55)}
.hl-sub{margin:16px 0 8px;font-size:13px;letter-spacing:.2em;color:#d9b77a;font-weight:600}
.hl-open{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hl-open button{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:'n t' 'm t' 'b b';gap:2px 10px;padding:10px 14px 12px;border-radius:14px;text-align:left;overflow:hidden}
.hl-name{grid-area:n;font-size:15px;letter-spacing:.12em;color:#f6e9c9}
.hl-meta{grid-area:m;font-size:12px;color:#c9b383}
.hl-tag{grid-area:t;align-self:center;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(242,198,107,.45);color:#f2c66b}
.hl-avail{grid-area:b;justify-self:start;margin-top:4px;font-size:11px;letter-spacing:.08em;color:#9fc7a8}
.hl-avail::before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:1px}
.hl-avail.av-busy{color:#e6b45c}
.hl-avail.av-full{color:#c98a7a}
.hl-open button.here{border-color:#f2c66b;background:rgba(120,80,30,.5)}
.hl-open button.here .hl-tag{background:#f2c66b;color:#2a1a08}
.hl-open button:disabled{opacity:.5;cursor:not-allowed}
.hl-load{font-size:13px;color:#a99467;padding:6px 2px}
.hl-hint{margin:-4px 0 8px;font-size:12px;color:#a99467}
.hl-names{display:flex;flex-wrap:wrap;gap:6px}
.hl-names button{padding:6px 12px;font-size:13px;letter-spacing:.08em;border-radius:999px}
.hl-tip{margin:14px 0 0;font-size:12px;color:#a99467;line-height:1.7;text-align:center}
@media (max-width:480px){.hl-card{padding:16px 14px 14px}.hl-names button{padding:6px 10px;font-size:12px}}
/* 同殿缘 / 邀请 */
.hl-pass{margin:0 0 10px;padding:12px 14px;border-radius:14px;border:1px dashed rgba(242,198,107,.55);background:rgba(90,50,20,.35);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.hl-pass b{font-size:14px;letter-spacing:.12em;color:#f2c66b}
.hl-pass small{font-size:12px;line-height:1.7;color:#d8c597}
.hl-pass button{margin-top:2px}
.hl-pass.on{border-style:solid;background:rgba(140,95,30,.4)}
.hl-pass.pulse{animation:hlPulse .9s ease-out}
@keyframes hlPulse{0%{box-shadow:0 0 0 0 rgba(242,198,107,.7)}100%{box-shadow:0 0 0 14px rgba(242,198,107,0)}}
.hl-open button.locked .hl-tag{border-style:dashed;color:#c9b383}
.hl-open button.full{opacity:.5;cursor:not-allowed}
.hl-invite{width:100%;margin-top:14px;padding:10px 0;font-size:13px;letter-spacing:.12em}
/* 左上角：静心寺 + 当前殿名 */
.title{display:flex;flex-direction:column;line-height:1.2}
.title .title-hall{font-size:12px;letter-spacing:.35em;color:#d9b77a;margin-top:4px;opacity:0;transition:opacity .6s}
.title.has-hall .title-hall{opacity:1}
.hl-pass[hidden]{display:none!important}