/* ===== Làng riêng ===== */
.ho-h,.ho-d{position:absolute;pointer-events:none}
.hall[data-ws="ho"] .hall-ttl .t-phat,.hall[data-ws="ho"] .hall-ttl .t-cg{display:none!important}
.hall[data-ws="ho"] .hall-ttl::before{content:"Làng nhà tôi";display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.hall[data-ws="ho"] .w-bar [data-w]:not(.ho-btn):not([data-w="doi"]){display:none!important}
.ho-h canvas,.ho-d img{width:100%;height:100%;display:block}
.hall:not([data-ws="ho"]) .ho-h,.hall:not([data-ws="ho"]) .ho-d{display:none}
.ho-h.pulse canvas{animation:hoGlow 1.2s ease-out}
@keyframes hoGlow{0%{filter:brightness(1.6) drop-shadow(0 0 18px #FFE7A8)}100%{filter:none}}
.hall:not([data-ws="ho"]) .w-bar .ho-btn,.hall:not([data-ws="ho"]) .ho-ban{display:none!important}
.hall .w-bar .ho-btn{background:linear-gradient(180deg,#6E8A3A,#3F5A20)!important;color:#F4F8E8!important;border-color:transparent!important}
.ho-ban{position:absolute;z-index:6;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(32,20,13,.8);border:1px solid rgba(212,162,76,.4);color:#FBF1DC;font-size:13px;white-space:nowrap;max-width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis}
.ho-ban b{font-family:var(--f-display);font-weight:500;font-size:15px}
.ho-ban button{border:0;border-radius:999px;padding:4px 10px;background:linear-gradient(180deg,#E2A548,#A8661A);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
@media (max-width:600px){.ho-ban{top:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 24px)}}
.hos{position:fixed;inset:0;z-index:386;display:grid;place-items:end center;background:rgba(14,8,4,.45);animation:moFade .25s both}
.hos[hidden]{display:none}
.hos-c{width:min(460px,100%);max-height:86dvh;overflow:auto;border-radius:22px 22px 0 0;background:#FBF6EC;color:#2B241C;padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(0,0,0,.35);animation:hosUp .35s cubic-bezier(.2,.9,.3,1) both}
@media (min-width:700px){.hos{place-items:center}.hos-c{border-radius:22px}}
@keyframes hosUp{from{transform:translateY(40px);opacity:0}}
.hos-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.hos-h i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:600;font-size:18px;flex:none}
.hos-h b{display:block;font-family:var(--f-display);font-weight:500;font-size:20px;line-height:1.15}
.hos-h small{font-size:12.5px;color:#7A6A55}
.hos-x{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:#EFE6D4;font-size:22px;cursor:pointer;flex:none}
.hos-act{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hos-act button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:16px;border:1px solid #E6DAC3;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#3A2E20;cursor:pointer}
.hos-act button svg{width:24px;height:24px;color:#A8661A}
.hos-act button:hover{background:#FFF4DE}
.hos h4{margin:16px 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8C7A60}
.hos-sty{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hos-sty button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 8px;border-radius:14px;border:2px solid transparent;background:#fff;font:inherit;font-size:11px;cursor:pointer;color:#3A2E20}
.hos-sty button[aria-pressed="true"]{border-color:#C9892E;background:#FFF4DE}
.hos-sty canvas{width:100%;aspect-ratio:1;display:block}
.hos-sw{display:flex;gap:8px;flex-wrap:wrap}
.hos-sw button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #D9CDB5;cursor:pointer}
.hos-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px #C9892E}
.hos-tg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hos-tg label,.hos-gf label{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #E6DAC3;font-size:13px;cursor:pointer}
.hos-tg input,.hos-gf input{accent-color:#A8661A;width:18px;height:18px}
.hos-gf{display:grid;gap:6px}.hos-gf .in{padding:9px 10px;border-radius:12px;background:#F4EDE0;font-size:13px}
.hos-foot{display:flex;gap:8px;margin-top:16px}
.hos-foot button{flex:1;min-height:44px;border-radius:999px;border:1px solid #D9CDB5;background:#fff;font:inherit;font-weight:600;cursor:pointer}
.hos-foot .pri{border:0;color:#fff;background:linear-gradient(180deg,#E2A548,#A8661A)}
.hos-note{margin:10px 0 0;font-size:12px;color:#8C7A60}
.gp-row{margin-top:10px}.gp-row>small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8C7A60;margin-bottom:6px}
.gp-ppl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gp-ppl button{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid #E6DAC3;background:#fff;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.gp-ppl button i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:600;flex:none}
.gp-ppl button small{display:block;font-size:11px;color:#8C7A60}
.gp-ppl .amp{color:#C9892E;font-weight:700}
.gp-ppl .alive{opacity:.55;cursor:default}

.hall:not([data-ws="lang"]) .w-bar .lmap-btn{display:none!important}
.hall .w-bar .lmap-btn{background:linear-gradient(180deg,#C9892E,#8C5A16)!important;color:#fff!important;border-color:transparent!important}
.lm-z{display:grid;gap:8px}
.lm-z button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid #E6DAC3;background:#fff;font:inherit;text-align:left;cursor:pointer;color:#2B241C}
.lm-z button:hover{background:#FFF4DE}
.lm-z i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.lm-z i svg{width:20px;height:20px}
.lm-z b{display:block;font-size:15px}.lm-z small{display:block;font-size:12px;color:#8C7A60}
.lm-z em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:#8C7A60;white-space:nowrap}
.lm-mini{position:relative;margin:0 0 12px;border-radius:16px;overflow:hidden;aspect-ratio:3/2;background:#7FA44A}
.lm-mini img{width:100%;height:100%;object-fit:cover;display:block}
.lm-mini span{position:absolute;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.lm-mini span.me{width:12px;height:12px;background:#fff;border-color:#C9892E;animation:hudRing 1.6s infinite}

.hall .w-hot .wh{transition:opacity .35s}
.hall .w-hot .wh.wh-off{opacity:0!important;pointer-events:none!important}

.dai{position:fixed;inset:0;z-index:390;display:grid;place-items:end center;background:rgba(14,6,4,.55);animation:moFade .25s both}
.dai[hidden]{display:none}
.dai-c{width:min(440px,100%);max-height:90dvh;overflow:auto;border-radius:22px 22px 0 0;background:#FBF6EC;color:#2B241C;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(0,0,0,.4);animation:hosUp .35s cubic-bezier(.2,.9,.3,1) both}
@media (min-width:700px){.dai{place-items:center}.dai-c{border-radius:22px}}
.dai-hd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#DA251D;color:#FFE9A8;position:sticky;top:0;z-index:2}
.dai-hd svg{width:34px;height:34px;flex:none}
.dai-hd b{display:block;font-family:var(--f-display);font-weight:600;font-size:19px;color:#fff}
.dai-hd small{font-size:12px;opacity:.9}
.dai-hd button{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.18);color:#fff;font-size:20px;cursor:pointer}
.dai-alt{margin:14px 14px 0;display:grid;justify-items:center;gap:8px;background:#1A1110;color:#F6EBDD;border-radius:20px;padding:20px 14px 18px;position:relative;overflow:hidden}
.dai-alt::before{content:"";position:absolute;inset:auto -20% -50% -20%;height:80%;background:radial-gradient(closest-side,rgba(242,180,80,.28),transparent);opacity:.35;transition:opacity 1s}
.dai-alt.lit::before{opacity:1}
.dai-alt.flash::before{animation:daiGlow .9s ease-out}
.dai-urn{position:relative;width:180px;height:180px}
.dai-stk{position:absolute;bottom:50px;width:3px;height:96px;background:linear-gradient(#E9A23B 0 8%,#7A2E1A 8% 100%);border-radius:2px;transform-origin:bottom center}
.dai-stk.a{left:68px;transform:rotate(-7deg)}.dai-stk.b{left:89px}.dai-stk.c{left:110px;transform:rotate(7deg)}
.dai-stk::before{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#FFB347;box-shadow:0 0 12px 4px rgba(255,170,70,.65);animation:daiEmber 2.4s ease-in-out infinite;opacity:0;transition:opacity .6s}
.dai-alt.lit .dai-stk::before{opacity:1}
.dai-smk{position:absolute;bottom:140px;width:14px;height:56px;margin-left:-5px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.4),transparent);filter:blur(4px);opacity:0;animation:daiSmoke 4.5s ease-in infinite}
.dai-smk.a{left:66px}.dai-smk.b{left:90px;animation-delay:1.5s}.dai-smk.c{left:114px;animation-delay:3s}
.dai-alt:not(.lit) .dai-smk{animation:none}
.dai-bowl{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:58px;background:linear-gradient(#C9A24B,#8E6A22);border-radius:10px 10px 58px 58px}
.dai-bowl::before{content:"";position:absolute;top:-7px;left:-5px;right:-5px;height:14px;border-radius:50%;background:#D9B65E}
.dai-bowl span{position:absolute;inset:16px 0 0;text-align:center;font-family:var(--f-display);font-size:11px;white-space:nowrap;color:#5A3E10;letter-spacing:.06em}
.dai-inc{position:relative;display:grid;justify-items:center;line-height:1.2}
.dai-inc b{font-size:2.3rem;font-weight:700;color:#F2C94C;font-variant-numeric:tabular-nums}
.dai-inc span{font-size:.85rem;color:#CDBBA6}
.dai-go{position:relative;margin-top:4px;padding:12px 22px;border-radius:999px;border:0;background:linear-gradient(180deg,#F2C94C,#C9932E);color:#3A2408;font:inherit;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px}
.dai-go:disabled{opacity:.6;cursor:default}
.dai-go svg{width:18px;height:18px}
.dai-say{margin:14px 14px 0;display:grid;gap:8px}
.dai-say h4{margin:0;display:flex;align-items:center;gap:8px;font-size:15px}
.dai-say h4 svg{width:18px;height:18px;color:#DA251D}
.dai-say textarea,.dai-say input{width:100%;box-sizing:border-box;border:1px solid #E6DAC3;border-radius:14px;padding:10px 12px;font:inherit;font-size:14px;background:#fff;color:#2B241C}
.dai-say textarea{min-height:70px;resize:vertical}
.dai-row{display:flex;gap:8px}.dai-row input{flex:1}
.dai-row button{padding:0 18px;border-radius:14px;border:0;background:#DA251D;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.dai-fd{margin:12px 14px 0;display:grid;gap:8px}
.dai-fd div{background:#fff;border:1px solid #EFE4D0;border-left:3px solid #DA251D;border-radius:12px;padding:9px 12px;font-size:14px;line-height:1.45}
.dai-fd small{display:block;margin-top:3px;font-size:12px;color:#8C7A60}
.dai-fd p{margin:0;text-align:center;font-size:13px;color:#8C7A60}
.dai-lk{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 14px 0;font-size:13px;color:#8C5A16}
@keyframes daiEmber{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@keyframes daiSmoke{0%{transform:translateY(0) scaleX(.6);opacity:0}20%{opacity:.75}100%{transform:translateY(-70px) scaleX(1.6);opacity:0}}
@keyframes daiGlow{0%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.dai-smk,.dai-stk::before{animation:none!important}}

.hall .w-stage{touch-action:none}
.hall.w-pan .w-stage{cursor:grabbing}
.hall.w-pan .w-hot .wh{pointer-events:none}