/* Obsidian and antique brass adventure HUD. Scoped to the field and town interfaces. */
body.playing{--hud-ink:#0c141a;--hud-edge:#88744c;--hud-gold:#d7be82;--hud-text:#e9e2cf}
body.playing :is(button,input,select):focus-visible{outline:2px solid #f0d391;outline-offset:3px}
body.playing #vitals{background:linear-gradient(160deg,#334148 0%,#17252b 36%,#0a151d 100%);border:1px solid #aa9262;box-shadow:inset 0 1px #ffffff25,inset 0 -3px #0007,0 5px 18px #0008;border-radius:42px 12px 12px 42px}
body.playing #hudName{font-family:Georgia,'Yu Mincho',serif;letter-spacing:1px;color:#f5e3bc;text-shadow:0 2px 2px #000}
body.playing #info{top:106px;left:25px;min-width:0;background:#0d1b21b8;border:1px solid #b3995b30;border-radius:4px;padding:7px 12px;box-shadow:0 3px 10px #0003;font-size:10px;color:#b3c0bd}
body.playing #progressInfo{display:none}body.playing #targetHud{background:linear-gradient(#25343c,#101b23);border:1px solid #957e50;box-shadow:inset 0 1px #ffffff20,0 5px 18px #0008;border-radius:10px}
body.playing #bgmBtn{top:16px!important;right:18px!important;width:auto;padding:8px 13px;background:#112027dc;border:1px solid #9a825044;border-radius:5px;font-size:10px;letter-spacing:1px;color:#cdbd95}
body.playing #adventureDock{bottom:32px;padding:8px 16px;gap:4px;min-height:62px;box-sizing:border-box;background:linear-gradient(180deg,#344248,#18272e 28%,#0d1920 80%,#1c282c);border:1px solid #a28a56;border-radius:9px;box-shadow:inset 0 1px #e4d8a544,inset 0 -3px #0008,0 8px 30px #000b}
#adventureDock:before,#adventureDock:after{content:'◆';position:absolute;top:50%;transform:translateY(-50%);color:#a28a56;font-size:11px;text-shadow:0 1px #000}#adventureDock:before{left:-6px}#adventureDock:after{right:-6px}
body.playing #adventureDock button{min-width:76px;padding:2px 13px;border-left:1px solid #ceb98522;color:#b6beb9;font-size:10px;letter-spacing:1px;transition:background .15s,color .15s;text-shadow:0 2px #000}
body.playing #adventureDock button:hover,body.playing #adventureDock button:focus-visible{color:#ffe7b1;background:linear-gradient(transparent,#cab07820);box-shadow:inset 0 -2px #d4b678}
body.playing #adventureDock button b{font-size:22px;line-height:26px;color:#dac18d;text-shadow:0 1px #fff2,0 3px 8px #000}
body.playing .dockGold{color:#e6c986;font-size:13px;padding-right:10px;letter-spacing:1px}
body.playing #gameChat{width:300px;bottom:186px;border:1px solid #9f875f65;background:linear-gradient(150deg,#1c3038eb,#0a1821ed);border-radius:8px;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0006;backdrop-filter:blur(8px)}
body.playing #gameChat header{padding:10px 12px;border-bottom:1px solid #bba26730;background:#31414933}body.playing #gameChat header strong{font:12px Georgia,'Yu Mincho',serif;letter-spacing:2px;color:#dfc58e}body.playing #chatMessages{height:128px;font-size:11px;line-height:1.75;color:#b4c3c4;scrollbar-width:thin;scrollbar-color:#7d704f transparent}
body.playing #chatInput{background:#070f16a0;border:1px solid #8c7e593f;border-radius:4px;font-size:11px;color:#e5dbc4}body.playing #chatForm button{background:linear-gradient(#4d4a3b,#2b302c);border:1px solid #a08c5b;color:#e4cc96;font-size:11px;border-radius:4px}body.playing #chatHint{font-size:9px;color:#7e959c}body.playing #chatToggle{border:1px solid #bca26a55;background:#13252c;color:#d7c492;border-radius:4px}
body.playing #messages{left:190px;bottom:114px!important;width:270px;max-height:72px;background:linear-gradient(90deg,#0e1e26e8,#0e1e26a8);border:0;border-left:2px solid #a68b52;border-radius:0 5px 5px 0;padding:10px 14px;font-size:10px;box-shadow:none;color:#a9b9b8}
body.playing #pad button{background:linear-gradient(#233741e8,#0e1c26ed);border:1px solid #a48c5766;border-radius:8px;box-shadow:inset 0 1px #ffffff16,0 4px 9px #0005;color:#d6c08a}
body.playing #sword{border-radius:50%;background:radial-gradient(circle at 45% 30%,#465053,#172630 58%,#0b1820);border:2px solid #b59c60;box-shadow:inset 0 0 0 4px #121e25,inset 0 0 0 5px #82704a,0 5px 22px #0008;color:#efd6a1}
body.playing #expBar{height:19px;background:#070e15;border-top:1px solid #8d7950;box-shadow:0 -2px 12px #0008}body.playing #expFill{background:linear-gradient(#edd49a,#9b7940 45%,#d8b465 75%,#675331);box-shadow:0 0 10px #d2aa5a66}body.playing #expLabel{font-size:9px;letter-spacing:1px;text-shadow:0 1px 3px #000,0 -1px #000}
#townDialog{background:linear-gradient(125deg,#18282f,#0b1821);border-color:#b39b67;box-shadow:inset 0 0 0 5px #ffffff03,0 25px 100px #000b}#townDialog .townContent header{color:#c5aa70}.townContent h3{font-family:Georgia,'Yu Mincho',serif;color:#e1cda1}.townContent .itemCard{background:linear-gradient(135deg,#283a4260,#10222a);border-color:#8e805348;transition:border-color .15s,background .15s}.townContent .itemCard:hover{background:linear-gradient(135deg,#78633d50,#21343c);border-color:#c9ad71}.itemIcon{background-color:#07151d6b;border:1px solid #b9a16628}.townContent .slotGrid button{background:linear-gradient(145deg,#1e3139,#101f28);border-color:#96825350}.townContent .slotGrid button.selected{border-color:#e1c383;box-shadow:inset 0 0 18px #d5b15a18}.townContent .primaryTrade{border-color:#dabd7f;box-shadow:inset 0 1px #fff3,0 4px 14px #0005}
@media(max-width:750px){body.playing #adventureDock{padding:6px 9px;min-height:56px}body.playing #adventureDock button{min-width:0;padding:2px 6px;font-size:9px;letter-spacing:0}body.playing .dockGold{font-size:10px;padding-right:3px}body.playing #gameChat{width:240px;bottom:176px}body.playing #chatMessages{height:90px}body.playing #messages{display:none}body.playing #bgmBtn{top:8px!important;right:8px!important;padding:7px;font-size:9px}body.playing #info{top:92px;font-size:9px}}
@media(prefers-reduced-motion:reduce){body.playing #adventureDock button,.townContent .itemCard{transition:none}}
body.playing #vitals{background:linear-gradient(160deg,#334148,#17252b 36%,#0a151d)!important;border:1px solid #aa9262!important;box-shadow:inset 0 1px #ffffff25,inset 0 -3px #0007,0 5px 18px #0008!important}body.playing #vitals:after{display:none}body.playing #vitals .vitalTrack{border-color:#797253;border-radius:3px}body.playing #vitals #hpFill{background:linear-gradient(#f09b80,#bc4a44 48%,#762d33)}body.playing #vitals #mpFill{background:linear-gradient(#91d1db,#498ea9 48%,#285777)}body.playing #adventureDock button b{display:grid;place-items:center;margin-bottom:4px}body.playing #hudPortraitFrame{border-color:#ae9561;box-shadow:0 0 0 3px #142128,0 0 0 4px #80724f,inset 0 0 10px #000}