/* Compact forged-metal HUD; the bottom of the world stays open. */
.shop-card{width:530px;max-height:calc(100% - 20px);overflow:auto}.red-stock{gap:10px;margin:14px 0;padding:13px 10px}.red-bottle{background-position:-96px -48px}.shop-price{margin-left:auto;text-align:right;flex-shrink:0}.shop-price>b{display:block;color:#eed08d;font:12px Georgia;margin-bottom:8px}.shop-price button{font-size:10px;padding:7px 9px;background:#57452b;border-color:#a28b63}.shop-price button:disabled{opacity:.4;cursor:default}#shop-status{line-height:1.8;margin-top:14px}@media(max-width:500px){.shop-card{padding:16px}.red-stock{flex-wrap:wrap}.red-stock>div:not(.shop-price){flex:1;min-width:145px}.shop-price{display:flex;align-items:center;justify-content:space-between;width:100%}.shop-price>b{margin:0}}
.bag-item>.loot-icon,.loot-icon{display:inline-block;width:48px;height:48px;background-image:url('item-icons.png');background-size:192px 96px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0}
.inventory-panel[hidden]{display:none}.inventory-panel{position:absolute;right:20px;top:105px;bottom:105px;width:455px;max-width:calc(100% - 30px);z-index:25;background:linear-gradient(140deg,#2b2d28f8,#111817f8);border:1px solid #b69c6d;box-shadow:inset 0 0 0 3px #111713,0 12px 50px #0009;padding:20px;overflow:auto;scrollbar-width:thin}.inventory-panel h2{font-size:20px;margin:0}.inventory-tabs{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:16px 0 10px}.inventory-tabs button{width:auto;height:auto;padding:6px 15px;font-size:11px;border-radius:2px;box-shadow:none}.inventory-tabs span{margin-left:auto;color:#e2c275;font-size:13px}.inventory-panel>p{font-size:10px;color:#c3b795;line-height:1.8;border-bottom:1px solid #827255;padding-bottom:10px}#inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bag-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px;gap:5px;padding:9px 5px;text-align:center;background:#111918;border:1px solid #665d43;border-radius:2px;color:#d9cbab}.bag-item>span{font-size:25px;color:#d8b879}.bag-item strong{font-size:10px;font-weight:500}.bag-item small{font-size:9px;color:#a8b69d}button.bag-item:hover{background:#34372a;border-color:#c1a66f}header #bag-open,header #gear-open{font-size:11px;padding:9px 10px}@media(max-width:700px){header #bag-open,header #gear-open{font-size:9px;padding:7px 5px}.inventory-panel{top:90px;bottom:90px;right:10px;padding:14px}header{gap:5px}.brand span{display:none}header #character-open{display:none}.scene-select select{min-width:90px;max-width:110px}#inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gold-pouch{position:absolute;right:25px;top:65px;color:#e7c777;background:#171a16c9;border:1px solid #8c7957;padding:5px 10px;font:12px Georgia;pointer-events:none}.shop-overlay[hidden]{display:none}.shop-overlay{position:absolute;inset:0;background:#080c0c99;z-index:30;display:grid;place-items:center;padding:18px}.shop-card{width:420px;max-width:100%;padding:23px;background:linear-gradient(130deg,#30302a,#131918);border:1px solid #b49a6a;box-shadow:inset 0 0 0 4px #111714,0 15px 60px #000b;color:#e6d6b5}.shop-heading{display:flex;align-items:center;justify-content:space-between}.shop-heading small{font:8px Georgia;letter-spacing:2px;color:#b99e73}.shop-heading h2{font-size:18px;margin:6px 0}.shop-heading button{background:none;border:0}.shop-card p{font-size:11px;color:#bcb49b}.shop-product{display:flex;gap:14px;align-items:center;border:1px solid #74664b;padding:17px 12px;margin:22px 0}.shop-product small{display:block;font-size:10px;margin-top:5px;color:#babca8}.shop-product>b{margin-left:auto;white-space:nowrap;color:#efd18a}.potion-symbol{font-size:38px;color:#c9584a}.shop-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px}.shop-footer button{background:#57452b;border-color:#a28b63;font-size:11px}.shop-footer button:disabled{opacity:.4;cursor:default}
.dodge-button{position:absolute;right:20px;bottom:22px;padding:9px 14px;background:#202324dc;border:1px solid #a28b63;border-radius:3px;color:#e7d7b5;font-size:11px;box-shadow:0 3px 12px #0005}.dodge-button:disabled{opacity:.5;cursor:default}
header{height:64px;background:linear-gradient(180deg,#242222,#15191a);border-bottom:1px solid #76654b;padding:0 24px}
.brand{font-size:21px;color:#d6b98a}.brand span{font-size:7px;color:#a79881}
.world{height:calc(100dvh - 64px);min-height:400px;background:#151b19}
footer{display:none}
.profile{top:18px;left:20px;padding:12px 15px 12px 11px;gap:11px;border-radius:2px;border:1px solid #78674d;background:linear-gradient(135deg,#323030f5,#181c1ef2 65%);box-shadow:inset 0 0 0 3px #121617,0 5px 18px #0006;transform:none;align-items:center;width:280px;pointer-events:none}
.profile:before,.profile:after{content:'';position:absolute;width:5px;height:5px;background:#ba9d6e;border:1px solid #473e30;top:4px}.profile:before{left:4px}.profile:after{right:4px}
.hunter-seal{width:41px;height:49px;flex-shrink:0;display:grid;place-items:center;color:#e2c698;font:29px Georgia;background:radial-gradient(ellipse,#753a35,#302727 70%);border:1px solid #9f825a;clip-path:polygon(50% 0,100% 15%,92% 76%,50% 100%,8% 76%,0 15%)}
.vitals{flex:1;min-width:0}.hunter-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.profile strong{font-size:12px;color:#e5dac4;letter-spacing:.2px}.hunter-level{font:9px Georgia;color:#b89d75}.hunter-level b{font-size:13px;color:#efd9ae;margin-left:3px}
.bar{width:100%;border:1px solid #77634f;border-radius:1px;background:#0f1213;box-shadow:inset 0 2px 4px #0009;margin-top:4px;height:16px;overflow:hidden}.bar i{box-shadow:inset 0 1px #ffffff30,inset 0 -2px #0004;transition:width .18s ease-out}
.hp i{background:linear-gradient(90deg,#76272b,#b74d43 75%,#cc7057)}.sp{height:11px;border-color:#4f666b}.sp i{background:linear-gradient(90deg,#294c65,#538fa0)}.bar span{top:0;font:bold 9px/14px Arial;color:#ffeddf;text-shadow:0 1px 2px #000}.sp span{font:8px/9px Arial;color:#e1f2f4}
.exp{height:8px;border:0;border-radius:0;background:#090e0f;margin-top:5px}.exp i{background:#9d8350}.exp span{font:6px/8px Arial;color:#e7ddbd;text-align:center;text-shadow:0 1px #000}
#log{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);max-width:70%;margin:0;padding:4px 12px;border:0;border-radius:2px;background:#101515a6;font-size:10px;color:#d3c6ae;text-align:center;pointer-events:none;opacity:0;transition:opacity .3s}
#log.visible{opacity:1}
.quest{display:none}.maplabel{top:20px;right:22px;color:#ddceb1;font-size:11px}.maplabel small{font-size:9px;color:#c2bba9}.target{top:18px;padding:6px 14px;font-size:10px;background:#231b1be8;border-color:#9b6d50}.target[hidden]{display:none}
@media(max-width:700px){header{height:60px;padding:0 10px}.world{height:calc(100dvh - 60px);min-height:360px}.profile{left:10px;top:12px;width:225px;padding:10px;gap:8px}.hunter-seal{width:31px;height:39px;font-size:23px}.profile strong{font-size:10px}.maplabel{top:112px;right:12px;font-size:9px}.maplabel small{font-size:8px}.target{top:120px;left:12px;transform:none}#log{max-width:92%;width:max-content;font-size:9px;bottom:10px}}

/* Hunt HUD: aged brass, charcoal metal and compact gauges, based on the ref. */
.profile{top:12px;left:16px;width:270px;height:70px;padding:7px 10px 7px 7px;gap:8px;background:linear-gradient(120deg,#141717ed,#111414a8);border:1px solid #b49a6a;box-shadow:inset 0 0 0 2px #080c0c,0 3px 10px #0006;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.profile:before,.profile:after{display:none}.hunter-seal{width:43px;height:48px;font-size:33px;color:#dbc49b;background:radial-gradient(#33342f,#0c1010);border-color:#bfa679;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}
.hunter-name{margin-bottom:3px}.profile strong{font-size:11px;font-weight:500}.hunter-level{font-size:8px}.hunter-level b{font-size:10px}.bar{height:12px;margin-top:3px;border:1px solid #b29a71;background:#080b0c;box-shadow:0 0 0 1px #000}.bar span{font:8px/10px Arial;text-shadow:0 1px 2px #000}.hp i{background:linear-gradient(#bd4739,#8d241f)}.sp{height:9px;border-color:#9d956e}.sp i{background:linear-gradient(#7eaa69,#40774a)}.sp span{font:7px/7px Arial}.exp{height:3px;margin-top:3px;background:#0b0e0d}.exp span{display:none}.exp i{background:#b79a5d}
.party-hud{position:absolute;top:100px;left:17px;width:118px;pointer-events:none}.hud-caption{display:block;font:8px Georgia;letter-spacing:1.5px;color:#d2be92;text-shadow:0 1px 3px #000;margin-bottom:8px}.party-member{display:flex;align-items:center;gap:5px;height:44px;margin-bottom:9px}.party-portrait{width:39px;height:43px;display:grid;place-items:center;background:radial-gradient(#4d4234,#101414);border:1px solid #b79d6d;box-shadow:inset 0 0 0 2px #090d0d,0 2px 4px #0008;font:24px Georgia;color:#d9c296;flex-shrink:0}.party-vitals{flex:1;min-width:0}.party-vitals>span{display:block;font-size:8px;color:#ede2cb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000}.party-meter{height:7px;border:1px solid #af9466;background:#080c0c;margin:2px 0;position:relative}.party-meter i{position:absolute;top:0;left:0;height:100%;background:#b23e33;transition:width .2s}.party-meter.stamina{height:5px}.party-meter.stamina i{background:#598454}.vacant{opacity:.35}.vacant .party-portrait{font-size:19px}
.boss-hud{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:38%;max-width:650px;pointer-events:none;text-align:center;color:#f1e8d4}.boss-hud>span{display:block;margin-bottom:5px;font:17px Georgia,serif;letter-spacing:3px;text-shadow:0 2px 4px #000}.boss-track{height:17px;position:relative;background:#0b1010e8;border:1px solid #bfa375;box-shadow:inset 0 0 0 2px #000,0 2px 5px #0008;padding:3px}.boss-track:before,.boss-track:after{content:'❖';position:absolute;top:-6px;color:#cfb786;font:23px Georgia;text-shadow:0 1px 2px #000}.boss-track:before{left:-15px}.boss-track:after{right:-15px}.boss-track i{display:block;height:9px;background:linear-gradient(#c64735,#87211c);transition:width .2s}.boss-track>span{position:absolute;inset:0;font:8px/15px Arial;color:#f9e5c7;text-shadow:0 1px #000}.boss-hud.dormant{opacity:.4}.boss-hud.dormant>span{font:10px Tahoma;letter-spacing:1px}.boss-hud.dormant .boss-track{height:10px}.boss-hud.dormant .boss-track:before,.boss-hud.dormant .boss-track:after{top:-8px}
.quick-items{position:absolute;bottom:25px;right:27px;display:flex;gap:9px;align-items:flex-end}.item-slot{position:relative;width:55px;height:61px;padding:3px;background:linear-gradient(135deg,#2d3029ed,#0b1010f2 65%);border:1px solid #bba375;border-radius:1px;box-shadow:inset 0 0 0 2px #0b0e0d,0 3px 7px #0009;color:#f2e6ce}.item-slot:before,.item-slot:after{content:'';position:absolute;width:7px;height:7px;border:1px solid #ddc495;pointer-events:none}.item-slot:before{left:-3px;top:-3px;border-right:0;border-bottom:0}.item-slot:after{right:-3px;bottom:-3px;border-left:0;border-top:0}.item-slot svg{width:42px;height:46px;filter:drop-shadow(0 2px 2px #000);display:block;margin:auto}.item-count{position:absolute;bottom:3px;right:5px;font:12px Georgia;text-shadow:0 2px 2px #000}.item-slot kbd{top:auto;left:50%;bottom:-20px;transform:translateX(-50%);width:20px;height:17px;border:1px solid #a18e68;background:#101514;text-align:center;font:11px/15px Georgia;color:#e7d4b0}.item-slot:disabled svg{opacity:.45}.item-slot:disabled{cursor:default}.item-slot:hover:enabled{background:#414234;box-shadow:inset 0 0 0 2px #0b0e0d,0 0 12px #d3ab6144}.item-cool{position:absolute;inset:0;display:grid;place-items:center;font:16px Georgia;color:#fff4da;text-shadow:0 1px 3px #000;pointer-events:none}.item-cool:not(:empty){background:#05090999}
.dodge-button{bottom:112px;right:27px;border:0;background:#101514a6;padding:5px 9px;font-size:9px;color:#c5b48f;box-shadow:none}.maplabel{top:17px;font-size:10px}.target{top:84px;padding:4px 10px;font-size:9px}#log{max-width:50%;bottom:12px;font-size:9px}
@media(max-width:850px){.boss-hud{top:90px;width:40%;left:64%}.boss-hud>span{font-size:13px}.profile{width:245px}.quick-items{right:16px;bottom:24px;gap:7px}.item-slot{width:48px;height:54px}.item-slot svg{width:36px;height:41px}.party-hud{left:16px;width:105px}.dodge-button{right:16px;bottom:96px}}
@media(max-width:500px){.profile{width:220px;left:10px;top:10px}.party-hud{left:10px;top:97px;width:87px}.party-portrait{width:31px;height:35px}.party-member{height:36px;margin-bottom:8px}.party-vitals>span{font-size:7px}.party-meter{height:5px}.party-meter.stamina{height:4px}.hud-caption{font-size:7px;letter-spacing:1px}.maplabel{top:18px;right:10px;max-width:34%;font-size:8px;letter-spacing:.5px}.maplabel small{font-size:7px}.boss-hud{top:88px;left:65%;width:49%}.boss-hud.dormant>span{font-size:8px}.quick-items{right:12px;gap:7px}.item-slot{width:43px;height:49px}.item-slot svg{width:31px;height:36px}.item-count{font-size:10px}.dodge-button{right:12px;bottom:90px}.target{top:145px;left:auto;right:10px;transform:none}#log{bottom:12px;left:10px;transform:none;max-width:47%;width:auto;font-size:8px}}

.shop-overlay .shop-card{width:530px;max-height:calc(100% - 20px);overflow:auto}.shop-card .red-stock{gap:10px;margin:14px 0;padding:13px 10px}

.sell-section{border-top:1px solid #8c754a88;margin-top:22px;padding-top:14px}.sell-section h3{margin:0;color:#e4c68e;font-size:15px}.sell-section>p{font-size:11px;color:#b9a98d}.sell-product{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #75603e44}.sell-product strong{display:block;color:#e9d6b2;font-size:12px}.sell-product small{display:block;font-size:10px;margin-top:6px;color:#c1b296}.sell-actions{display:grid;gap:5px}.sell-actions button{font-size:10px;padding:7px 9px;background:#334236;border-color:#7e8f61;color:#e9dbb6;min-width:112px}@media(max-width:500px){.sell-product{grid-template-columns:40px 1fr;gap:7px}.sell-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.sell-actions button{min-height:40px}.sell-product>.loot-icon{transform:scale(.8);transform-origin:left center}}