/* v1.9 */
dialog.hero19{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;max-height:none}
dialog.hero19::backdrop{background:#120803f2}
.hero19-box{max-width:420px;margin:0 auto;min-height:100%;padding:18px 18px 28px;color:#ffeccb;display:flex;flex-direction:column;gap:8px;background:linear-gradient(#3b1b09,#241006)}
.hero19-box h2{margin:0;text-align:center;color:#ffd48a}.hero19-box p{margin:0;text-align:center;font-size:13px}
.hero19-gender{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero19-gender button{font-size:34px;padding:10px;border:3px solid #7a4b23;border-radius:12px;background:#2a1809;color:#ffeccb;display:flex;flex-direction:column;align-items:center}
.hero19-gender button b{font-size:14px}.hero19-gender button.on{border-color:#ffd34e;background:#5a3317;box-shadow:0 0 12px #ffd34e88}
.hero19-preview{display:flex;justify-content:center;background:radial-gradient(circle at 50% 80%,#7a4b2355,transparent 70%);padding:6px}
.hero19-preview svg{height:170px;width:auto}
.hero19-lab{font-size:13px;color:#ffd48a}
.hero19-colors{display:flex;gap:10px;justify-content:center}
.hero19-colors button{width:34px;height:34px;border-radius:50%;border:3px solid #7a4b23;min-height:0;padding:0}
.hero19-colors button.on{border-color:#fff;box-shadow:0 0 0 2px #ffd34e}
#heroName19{font-size:18px;padding:12px;border-radius:10px;border:2px solid #7a4b23;background:#160a05;color:#fff1d0;text-align:center}
/* cửa tiệm */
.shop19{position:relative;border:3px solid #5a3317;border-radius:12px;overflow:hidden;min-height:190px;background:linear-gradient(#e7c68d 0 55%,#8a5a2b 55%);margin-bottom:8px}
.shop19.gold{background:linear-gradient(#f3dc9a 0 55%,#7a4b1f 55%)}.shop19.cloth{background:linear-gradient(#f0c9d4 0 55%,#8a5a3b 55%)}.shop19.veh{background:linear-gradient(#cfe0e8 0 55%,#6b6b6b 55%)}.shop19.food{background:linear-gradient(#f2d9a0 0 55%,#9a6a35 55%)}
.shop19-sign{display:block;text-align:center;background:#2a1809;color:#ffd48a;font-size:12px;padding:5px 6px;border-bottom:3px solid #e0a82e;letter-spacing:.5px}
.shop19-shelf{display:flex;justify-content:space-around;font-size:26px;padding:8px 4px 0}
.shop19-npc{display:flex;align-items:flex-end;gap:8px;padding:2px 8px 6px;position:relative;z-index:2}
.shop19-face{width:62px;height:96px;object-fit:contain;flex:0 0 auto}.shop19-face.small{width:44px;height:68px}.shop19-face.fb{display:flex;align-items:center;justify-content:center;font-size:36px}
.shop19-bubble{background:#fffbe8;color:#3a220c;border:2px solid #5a3a1a;border-radius:10px;padding:6px 9px;font-size:13px;line-height:1.35;flex:1}
.shop19-bubble b{display:block;font-size:12px;color:#8a4a1c}
.shop19-counter{position:absolute;left:0;right:0;bottom:0;height:16px;background:#5a3317;border-top:3px solid #3a1f0c}
.shop19-money{font-weight:700;margin:2px 2px 6px}
.tabs19{display:flex;gap:6px;margin-bottom:8px}.tabs19 button{flex:1;padding:8px 2px}.tabs19 button.on{background:#e0a82e;color:#3a220c}
.avatar19{display:flex;justify-content:center}.avatar19 svg{height:120px;width:auto}
.emoji19{font-size:40px;display:block;text-align:center}
.locked19{opacity:.55}
.opts19{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.opt19{display:flex;flex-direction:column;align-items:flex-start;padding:6px 10px;border:2px solid #7a4b23;border-radius:8px;background:#2a1809;color:#ffeccb;font-size:13px}
.opt19 small{color:#e6c999;font-size:11px}.opt19.on{border-color:#7be29a;background:#1f4a2c}
.veh19{display:block;width:100%;height:64px;object-fit:contain}
.visit19{display:flex;align-items:center;gap:8px;background:#2a1809;border:1px solid #7a4b23;border-radius:8px;padding:6px;margin-bottom:8px}
.money19{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.money19 figure{margin:0;text-align:center;background:#2a1809;border-radius:8px;padding:6px}.money19 img{width:100%;height:auto}.money19 figcaption{font-size:12px;color:#ffd48a}
/* chat */
.chat19{position:fixed;right:0;bottom:92px;z-index:60;display:flex;align-items:flex-end;font-family:inherit}
.chat19-tab{width:44px;height:56px;border-radius:12px 0 0 12px;border:2px solid #e0b05a;border-right:0;background:linear-gradient(#2f7a4a,#1d4a2c);color:#fff;font-size:22px;position:relative;padding:0}
.chat19-tab i{display:none;position:absolute;top:2px;left:2px;background:#d63a2a;border-radius:10px;font-size:11px;font-style:normal;padding:0 5px}
.chat19-panel{width:min(82vw,310px);height:min(52vh,360px);display:flex;flex-direction:column;background:#241006;border:2px solid #e0b05a;border-radius:12px 0 0 12px;color:#ffeccb}
.chat19.collapsed .chat19-panel{display:none}.chat19:not(.collapsed) .chat19-tab{display:none}
.chat19-panel header{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #7a4b23}.chat19-panel header small{flex:1;font-size:10px;color:#e6c999}.chat19-panel header button{min-height:0;padding:2px 8px}
.chat19-list{flex:1;overflow:auto;padding:6px 8px;display:flex;flex-direction:column;gap:5px}
.c19{font-size:12px;line-height:1.35;background:#3b1b09;border-radius:8px;padding:4px 8px;align-self:flex-start;max-width:90%;overflow-wrap:anywhere}.c19 b{display:block;font-size:10px;color:#ffd48a}.c19.me{align-self:flex-end;background:#1f4a2c}
.chat19 form{display:flex;gap:4px;padding:6px;border-top:1px solid #7a4b23}.chat19 form input{flex:1;min-width:0;font-size:14px;padding:6px;border-radius:8px;border:1px solid #7a4b23;background:#160a05;color:#fff1d0}.chat19 form button{min-height:0;padding:4px 10px}
/* v2.0 */
.altar20{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:190px;border-radius:12px;border:3px solid #5a3317;background:radial-gradient(circle at 50% 40%,#fff1c2 0,#b9894a 45%,#4a2a12 100%);margin-bottom:8px;overflow:hidden}
.altar20.church{background:radial-gradient(circle at 50% 35%,#fffbe8 0,#b8c8e0 45%,#2d3a5a 100%)}
.bud20{width:130px;height:auto}
.alt-fire{position:absolute;left:8px;top:8px;font-size:22px}
.alt-off{position:absolute;left:6px;right:6px;bottom:4px;display:flex;justify-content:center;gap:6px;font-size:24px}
.alt-off small{color:#fff;background:#0006;padding:2px 8px;border-radius:8px}
.alt-inc{position:absolute;right:12px;bottom:34px;display:flex;gap:3px}.alt-inc i{width:3px;height:34px;background:#c0392b;border-top:3px solid #ffd34e;display:block;animation:pop18 .5s}
.stained20{position:absolute;right:8px;top:8px;display:flex;gap:4px}.stained20 i{width:14px;height:34px;border-radius:7px 7px 0 0;background:linear-gradient(#e0523a,#4a7ae0,#e0c23a)}
.swatch20{height:54px;border-radius:8px;border:2px solid #5a3317;background-size:34px 34px}
.keys20{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:10px 0}
.keys20 button{height:120px;background:#fff;border:2px solid #333;border-radius:0 0 6px 6px;color:#333;display:flex;align-items:flex-end;justify-content:center;padding:0 0 6px;font-size:11px}
.keys20 button:active{background:#ffe38a}
.sty20{position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:multiply;opacity:.82;overflow:hidden}
.sty20 i{position:absolute;display:block}
.sty20.w i{left:0;top:0;width:100%;height:100%}
.sty20.f i.fl{left:48%;top:70.5%;width:64.8%;aspect-ratio:1;height:auto;transform:translate(-50%,-50%) scaleY(.515) rotate(45deg)}
.shop19.pets{background:linear-gradient(#f6dfc0 0 55%,#9a6a3a 55%)}
.cage20 .cage-bars20{border:3px solid #6b4a2a;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 10px,#6b4a2a55 10px 12px),#f0dcb8;padding:6px 0;margin-bottom:4px}
.pet20{font-size:52px;display:block;text-align:center;animation:bounce18 1.8s ease-in-out infinite}
.cage20 small{min-height:34px;display:block;font-size:11px}