#town-v3{--gold:#b7a277;--ink:#131716;--line:#5b5544;color:#ded8c6;background:#101413;max-width:1600px;margin:20px auto 40px;border:1px solid #494735;font-family:system-ui,sans-serif}#town-v3 *{box-sizing:border-box}#town-v3 button,#town-v3 select{font:inherit;color:#ded8c6;background:#242a27;border:1px solid #635e4c;border-radius:2px;padding:9px 13px;cursor:pointer}#town-v3 button:hover{border-color:#baa575;background:#343b33}#town-v3 button:disabled{opacity:.4;cursor:default}#town-v3 a{color:#cbb98f;text-decoration:none}#town-v3 [hidden]{display:none!important}.v3-mast{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;letter-spacing:1.5px;background:#181d1a}.v3-mast b{color:#e0cd9b;margin-left:10px}.v3-mast span{color:#9da38f}.v3-mast i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#91a879;margin:0 10px}#v3-stage{height:min(82vh,900px);min-height:560px;position:relative;overflow:hidden;background:#18231e}#v3-canvas{position:absolute;inset:0}#v3-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.v3-status{position:absolute;left:24px;top:22px;width:220px;padding:12px;background:linear-gradient(120deg,#111a19ed,#161c19c9);border:1px solid #605d49;box-shadow:0 3px 15px #0005;pointer-events:none}.v3-status>div:first-child{display:flex;gap:10px;align-items:center;font-size:13px}.v3-status small{display:block;color:#ada992;font-size:10px;margin-top:5px}.v3-sigil{border:1px solid #95845c;color:#c6b589;padding:8px;font-family:serif;font-size:20px}.v3-health{height:15px;position:relative;background:#271c1a;margin-top:10px;border:1px solid #7b5b44}.v3-health i{position:absolute;inset:0;background:linear-gradient(#9e4236,#612b28);transform-origin:left}.v3-health span{position:absolute;inset:0;text-align:center;line-height:13px;font-size:10px}.v3-xp{height:3px;background:#33362d;margin-top:5px}.v3-xp i{display:block;height:3px;width:0;background:#b8a36a}.v3-location{position:absolute;right:24px;top:23px;text-align:right;text-shadow:0 2px 5px #000;pointer-events:none}.v3-location small{display:block;font-size:9px;letter-spacing:2.5px;color:#c4b28a}.v3-location b{display:block;font-family:serif;font-size:22px;margin:6px 0}.v3-location span{font-size:10px;color:#c5c9b7}#v3-target{position:absolute;left:50%;top:25px;transform:translateX(-50%);padding:7px 20px;border-bottom:1px solid #a68b59;background:#151a19c9;font-size:12px}.v3-guide{position:absolute;left:24px;bottom:120px;display:flex;gap:12px;padding:12px;background:#111a18bf;border-left:2px solid #a68e63;max-width:350px}.v3-guide>span{color:#b3a078;font:24px Georgia}.v3-guide b{font-size:12px;color:#ded2b1}.v3-guide p{font-size:11px;line-height:1.8;color:#bdc1ad;margin:5px 0 0}.v3-guide button{align-self:start;padding:0 5px!important;border:0!important;background:none!important}#v3-message{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:13px;max-width:75%;text-align:center;color:#f1dfaf;text-shadow:0 2px 4px black;pointer-events:none}.v3-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px 18px;background:linear-gradient(transparent,#0b1110ee 30%);gap:20px;pointer-events:none}.v3-bottom button{pointer-events:auto}.v3-reserve{min-width:180px}.v3-reserve small{display:block;letter-spacing:2px;font-size:9px;color:#b5a47e}.v3-reserve b{font-family:Georgia;font-size:25px;font-weight:400;display:inline-block;margin:4px 10px 0 0}.v3-reserve span{font-size:10px;color:#9fa791}.v3-hotbar{display:flex;gap:5px}.v3-hotbar button{position:relative;width:54px;height:57px;padding:5px!important;background:linear-gradient(#28302a,#171c19)!important;box-shadow:inset 0 0 8px #0008}.v3-hotbar kbd{position:absolute;top:3px;left:5px;font-size:9px;color:#b7b49c}.v3-hotbar small{position:absolute;bottom:4px;right:5px;font-size:10px}.v3-vial{display:block;color:#db6860;font-size:30px;text-shadow:0 0 10px #f6333366}.v3-actions{text-align:right}.v3-actions button{font-size:11px!important;padding:8px 10px!important}.v3-actions small{display:block;font-size:9px;color:#9a9f8d;margin-top:7px}kbd{font:10px monospace;color:#aaa58c;margin-left:4px}#v3-chat{position:absolute;bottom:100px;left:24px;width:min(450px,85%)}#v3-chat input{width:100%;padding:12px;color:#e2dfcd;background:#101916ec;border:1px solid #8d805f;font:12px system-ui}#v3-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#1b2824,#101614);z-index:10}#v3-loading small{letter-spacing:5px;color:#a28d61}#v3-loading h1{font-family:serif;font-weight:400;font-size:38px;letter-spacing:5px}#v3-loading p{font-size:13px;color:#aeb4a0}#town-v3 dialog{width:min(520px,92vw);color:#d8d5c3;background:#19211f;border:1px solid #8c7c54;padding:28px;box-shadow:0 20px 90px #0009}#town-v3 dialog::backdrop{background:#040b0999}#town-v3 dialog h2{font:26px serif;margin:6px 0 20px}#town-v3 dialog header small{font-size:9px;color:#b4a078;letter-spacing:2px}#town-v3 dialog p,#town-v3 dialog footer{font-size:12px;line-height:1.8;color:#aeb5a1}#town-v3 dialog footer{border-top:1px solid #454b3c;margin-top:20px;padding-top:12px;font-size:10px}#town-v3 dialog label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:10px 0}#v3-stock>div{padding:12px;background:#222c25;border-bottom:1px solid #454b3c;font-size:13px}.v3-equipment{margin:20px 0}@media(max-width:700px){#town-v3{margin:0;border:0}.v3-mast{padding:0 12px}.v3-mast span{display:none}.v3-status{left:10px;top:10px;width:180px}.v3-location{right:10px;top:15px}.v3-location small{display:none}.v3-location b{font-size:17px}.v3-bottom{padding:16px 10px;gap:8px}.v3-reserve{min-width:80px}.v3-reserve span{display:block}.v3-reserve b{font-size:20px}.v3-hotbar button{width:40px;height:50px}.v3-actions button{padding:7px!important}.v3-guide{left:10px;bottom:105px}#v3-target{top:110px}#v3-message{top:150px}}
/* Original TraderDa combat HUD: restrained, touch-sized and non-blocking. */
#v3-target{width:180px;padding:8px 10px;border:1px solid #7d705444;border-radius:5px;pointer-events:none;background:#101916cc;box-shadow:0 3px 10px #0003}
#v3-target>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}#v3-target-value{font-size:10px;color:#c2bca7}.v3-target-health{height:4px;margin-top:6px;background:#302622;border-radius:2px;overflow:hidden}.v3-target-health i{display:block;height:100%;background:#ac7157;transform-origin:left}
.v3-hotbar{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);gap:5px;padding:5px;border-radius:7px;background:#0c1412b8;border:1px solid #8f805b55;pointer-events:auto}
#town-v3 .v3-hotbar button{width:48px;height:50px;border-radius:4px;border-color:#7d705c88;background:#26312acc!important;box-shadow:inset 0 1px 0 #a99c7022;overflow:hidden}
#town-v3 .v3-hotbar button:disabled{opacity:.55}.v3-hotbar kbd{z-index:2;margin:0;font-size:11px;color:#e0d8bf}.v3-hotbar small{z-index:2;font-size:10px;text-shadow:0 1px 2px #000}.v3-hotbar button>span:not(.v3-vial):not(#v3-potion-cooldown){color:#6f7c6f}
.v3-vial{width:16px;height:23px;margin:9px auto 0;border:1px solid #bcaca0;border-radius:4px 4px 6px 6px;background:linear-gradient(to bottom,#a9b8ad44 24%,#a34e43 25%,#68362e 100%);box-shadow:inset 3px 0 0 #dbcab122;text-shadow:none;position:relative}.v3-vial:before{content:'';position:absolute;width:8px;height:5px;left:3px;top:-5px;border-radius:1px;background:#9b8760}
#v3-potion-cooldown{position:absolute;inset:0;display:grid;place-items:center;background:#07100bd9;z-index:3;color:#e0d8bb;font-size:12px;font-variant-numeric:tabular-nums}#v3-potion-cooldown:empty{display:none}
.v3-bottom{min-height:82px}.v3-status{width:195px;padding:10px}.v3-sigil{font-size:16px;padding:6px}.v3-location b{font-size:18px}.v3-location small{letter-spacing:1px}.v3-reserve{min-width:100px}.v3-reserve span{display:block}.v3-guide{max-width:290px;bottom:100px}#v3-chat{display:flex;gap:4px}#v3-chat input{min-width:0}#v3-chat-close{padding:8px!important}.v3-mast{height:42px}
@media(max-width:700px){.v3-status{width:155px;padding:8px}.v3-status>div:first-child{font-size:11px}.v3-sigil{display:none}.v3-location b{font-size:14px}.v3-bottom{min-height:126px;align-items:flex-end}.v3-hotbar{bottom:58px}.v3-actions small{display:none}.v3-guide{bottom:137px;font-size:10px}#v3-chat{bottom:126px;left:10px}.v3-reserve small{letter-spacing:.6px}#v3-target{top:90px;width:160px}#v3-message{top:140px;font-size:11px}}
/* First dungeon: accessible route action and bounded location text. */
#town-v3 #v3-route{min-height:36px;margin-top:5px;padding:6px 8px!important;border:1px solid #786c50!important;background:#252c27!important;font-size:11px}
@media(max-width:700px){.v3-location{max-width:calc(100% - 185px)}.v3-location b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}#town-v3 #v3-route{min-height:40px}}