/* v46 UI theme: one coherent in-world look for HUD, menus and panels.
   Dark weathered glass, aged-gold trim, soul-teal accents, serif headings. Colours and framing only;
   layout of the existing screens is kept so nothing moves under the player's fingers. */
:root{--zx-ink:#e9e1cc;--zx-dim:#a9a28f;--zx-gold:#c9a45c;--zx-gold-hi:#f0d28c;--zx-teal:#5fe0cf;--zx-red:#d9483b;--zx-glass:rgba(14,20,24,.78);--zx-glass-2:rgba(24,32,36,.86);--zx-line:rgba(201,164,92,.55);--zx-serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif}
body{color:var(--zx-ink)}
h1,h2,h3,.panelTitle,.dialogHead h2,.dialogHead strong,#frontierTitle,.startCard h1,.startCard h2{font-family:var(--zx-serif);letter-spacing:.04em;color:var(--zx-gold-hi);text-shadow:0 1px 0 rgba(0,0,0,.6)}
.eyebrow{color:var(--zx-gold)!important;letter-spacing:.22em}
/* Panels and dialogs */
dialog,.startCard,#frontierPanel,#partyPanel,#inventory,#collection,#campPanel,#lootPanel,#modelViewer{background:linear-gradient(180deg,var(--zx-glass-2),var(--zx-glass))!important;border:1px solid var(--zx-line)!important;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 4px rgba(201,164,92,.08),0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(240,210,140,.12)!important;border-radius:10px!important;color:var(--zx-ink)}
dialog::backdrop{background:radial-gradient(ellipse at center,rgba(8,12,14,.35),rgba(4,6,8,.75))}
.dialogHead{border-bottom:1px solid var(--zx-line)!important;background:linear-gradient(90deg,rgba(201,164,92,.12),transparent 60%)}
/* Buttons */
button{font-family:inherit}
dialog button,.startCard button,#cornerMenu button,.pauseActions button,.accountActions button{background:linear-gradient(180deg,rgba(48,58,60,.92),rgba(26,32,34,.95))!important;color:var(--zx-ink)!important;border:1px solid rgba(201,164,92,.45)!important;border-radius:6px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.35);transition:border-color .15s,box-shadow .15s,transform .08s}
dialog button:hover,.startCard button:hover,#cornerMenu button:hover,.pauseActions button:hover,.accountActions button:hover{border-color:var(--zx-gold-hi)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 12px rgba(240,210,140,.25)}
dialog button:active,#cornerMenu button:active{transform:translateY(1px)}
#play,#accountLogin{background:linear-gradient(180deg,#d8b66c,#a9853f)!important;color:#1b1608!important;border-color:#f0d28c!important;font-weight:600}
input,select,textarea{background:rgba(8,12,14,.7)!important;color:var(--zx-ink)!important;border:1px solid rgba(201,164,92,.35)!important;border-radius:5px}
input:focus,select:focus{outline:none;border-color:var(--zx-teal)!important;box-shadow:0 0 0 2px rgba(95,224,207,.18)}
/* Vitals */
.vitals{background:linear-gradient(180deg,var(--zx-glass-2),var(--zx-glass))!important;border:1px solid var(--zx-line)!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(240,210,140,.1)!important}
#healthFill{background:linear-gradient(90deg,#8e1f1a,#d9483b 70%,#f07a5f)!important;box-shadow:0 0 8px rgba(217,72,59,.45)}
#energyFill{background:linear-gradient(90deg,#8b6a25,#d6ad52 70%,#f2d48a)!important}
#soulFill{background:linear-gradient(90deg,#1f7f78,#5fe0cf)!important}
#staminaFill{background:linear-gradient(90deg,#4f7a3a,#9fd36b)!important}
#healthText,#energyText,#soulText{color:var(--zx-ink)!important;text-shadow:0 1px 2px #000}
/* Skill / ability bar */
#abilityBar button,#weaponSkills button,#companionSkills button,#equipment button{background:radial-gradient(circle at 50% 35%,rgba(52,64,66,.95),rgba(18,24,26,.96))!important;border:1px solid rgba(201,164,92,.5)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.4)!important;color:var(--zx-ink)!important}
#abilityBar button:hover,#weaponSkills button:hover,#companionSkills button:hover{border-color:var(--zx-gold-hi)!important}
/* Corner menu, minimap meta, quest tracker, toast */
#cornerMenu button{width:auto}
#mapMeta,#questTracker,#levelHUD,#partyHUD,#companionStatus{color:var(--zx-ink);text-shadow:0 1px 3px rgba(0,0,0,.85)}
#questTracker{background:linear-gradient(90deg,rgba(14,20,24,.7),transparent)!important;border-left:2px solid var(--zx-gold)!important;padding-left:.6rem}
#toast{background:linear-gradient(180deg,var(--zx-glass-2),var(--zx-glass))!important;border:1px solid var(--zx-line)!important;color:var(--zx-gold-hi)!important;font-family:var(--zx-serif);letter-spacing:.03em;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}
/* World labels */
.worldLabel{background:rgba(10,14,16,.72)!important;border:1px solid rgba(201,164,92,.45)!important;color:var(--zx-ink)!important;border-radius:4px!important;font-family:var(--zx-serif);letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.worldLabel.remoteName{border-color:rgba(95,224,207,.6)!important;color:#d8fff9!important}
/* Hurt vignette tuned to the palette */
#hurt{background:radial-gradient(ellipse at center,transparent 55%,rgba(150,20,12,.55))!important}
/* Target lock frame (Tab) */
#lockHud{position:fixed;top:14px;left:50%;transform:translateX(-50%);min-width:240px;padding:.45rem .8rem .5rem;background:linear-gradient(180deg,var(--zx-glass-2),var(--zx-glass));border:1px solid var(--zx-line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.45);text-align:center;z-index:30;pointer-events:none}
#lockHud b{display:block;font-family:var(--zx-serif);color:var(--zx-gold-hi);font-weight:600;letter-spacing:.04em}
#lockHud i{display:block;height:7px;margin:.35rem 0 .25rem;background:rgba(0,0,0,.6);border:1px solid rgba(201,164,92,.35);border-radius:4px;overflow:hidden}
#lockHud span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8e1f1a,#d9483b);transition:width .15s}
#lockHud small{color:var(--zx-dim);font-size:.72rem;letter-spacing:.08em}
#lockHud[hidden]{display:none}
/* Scrollbars inside panels */
dialog ::-webkit-scrollbar{width:9px}dialog ::-webkit-scrollbar-thumb{background:rgba(201,164,92,.35);border-radius:6px}dialog ::-webkit-scrollbar-track{background:rgba(0,0,0,.25)}