:root{--gold:#c5ab76;--panel:#101719;--line:#76664a;--ink:#e4d8bd}
.painted-icon,.painted-item{display:inline-block;flex-shrink:0;background-repeat:no-repeat;vertical-align:middle;border-radius:5px;box-shadow:inset 0 0 0 1px #ceb77b66,0 3px 10px #0008}
.painted-icon{background-size:500% 500%}.painted-item{background-size:500% 600%;border-radius:2px}
.painted-avatar{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 8px #000b)}
.title-art{background-image:linear-gradient(90deg,#080d10 0%,#080d1011 50%,#080d1033 100%),url('./assets/pact-art/menus-a.webp');background-size:cover,200% 400%;background-position:center,0 0;filter:saturate(.8) brightness(.85)}
.title-avatar{position:absolute;right:5%;bottom:5%;height:82%;width:47%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 30px #000);pointer-events:none}
.title-content{position:relative;z-index:2}.title-shade{background:linear-gradient(90deg,#070b10f5,#070c1099 34%,transparent 80%),linear-gradient(0deg,#080d10,transparent 30%)}
.art-caption{right:4%;text-shadow:0 2px 8px #000}.title-footer{z-index:3}
.modal-shade{background:linear-gradient(90deg,#060c10e8,#060c1088),url('./assets/pact-art/menus-a.webp');background-size:cover,200% 400%;background-position:center,100% 0;opacity:1}
body[data-screen="inventory"] .modal-shade,body[data-screen="cargo"] .modal-shade{background-position:center,100% 33.333%}
body[data-screen="skills"] .modal-shade,body[data-screen="loadout"] .modal-shade{background-position:center,0 100%}
body[data-screen="forge"] .modal-shade,body[data-screen="recipes"] .modal-shade,body[data-screen="merchant"] .modal-shade{background-position:center,0 66.666%}
body[data-screen="quests"] .modal-shade,body[data-screen="lore"] .modal-shade,body[data-screen="settings"] .modal-shade{background-position:center,0 33.333%}
body[data-screen="companions"] .modal-shade{background-position:center,100% 100%}
body[data-screen="map"] .modal-shade,body[data-screen="accounts"] .modal-shade{background-image:linear-gradient(90deg,#060c10e8,#060c1099),url('./assets/pact-art/menus-b.webp');background-position:center,0 33.333%}
.modal-body{background:linear-gradient(135deg,#131b1df5,#090f13f5);border:1px solid #a38b5870;box-shadow:0 20px 80px #000c,inset 0 0 0 5px #0a0f12,inset 0 0 0 6px #8c785a33;border-radius:3px}
.modal-body::before{content:'';position:absolute;top:8px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#d2b77a,transparent);pointer-events:none}
.class-choice{overflow:hidden;background:linear-gradient(#1a2325,#0a1115);position:relative;padding-top:10px}.class-choice .painted-avatar{width:100%;height:170px;margin:0 auto 6px}.class-choice.selected{border-color:#c5ab76;box-shadow:inset 0 0 30px #c8ac6812}
.hero-banner .painted-avatar{width:100px;height:140px}.hero-picker .painted-avatar{height:70px;width:50px}
.equip-slot{background:linear-gradient(135deg,#202626,#10171a);min-height:70px}.item-tile{background:linear-gradient(140deg,#242a29,#101619);border-bottom:2px solid var(--rarity);min-height:139px}.item-tile .painted-item{margin:2px auto 7px}.item-inspector{background:#080e11b8;border-color:#9c845550}.inspector-heading>.painted-item{margin-bottom:12px}
.skill-node{background:linear-gradient(110deg,#1d292b,#10171c);border-color:#70807950}.skill-node.trained{border-color:#b5a16a99}.skill-node.keystone .painted-icon{border:1px solid #cbb26e;transform:rotate(-3deg)}
.skill-inspector>.painted-icon{width:76px!important;height:76px!important;margin-bottom:14px}.spell-card h3{display:flex;align-items:center;gap:10px}.spell-card{background:linear-gradient(135deg,#1d2528,#0c1418)}
.choice>.painted-icon{margin-bottom:15px}.choice{background:linear-gradient(#202b2ae8,#0e171bea);border-color:#9a865750}.choice .category{display:block;margin:7px 0}
.ability{background:linear-gradient(#192322,#090f13);border-color:#9b865d88;box-shadow:inset 0 0 0 2px #080d10,0 5px 18px #0009}.ability .glyph{line-height:1;display:flex;align-items:center;justify-content:center}.ability .painted-icon{box-shadow:none}.ability kbd{z-index:1;text-shadow:0 1px 3px #000}.ability .cooldown{z-index:2}
.vitals,.resources,.chapter{filter:drop-shadow(0 3px 7px #000)}.health{box-shadow:inset 0 0 0 2px #0a1012,0 0 0 1px #9c805e88}.soul-icon{font-size:0;width:42px;height:50px;background:url('./assets/pact-art/soul-beacon.webp') center/contain no-repeat}
#hollow-map{display:block;width:100%;height:auto;max-height:58vh;background:#070e12;border:1px solid #8d7b534d}.map-key{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#b4c8bc;margin:12px 0}.map-key span:nth-child(2){color:#d4bd79}.map-key span:nth-child(3){color:#e6a27e}
.cargo-list article{display:flex;align-items:center;gap:15px}.cargo-list article::before{content:'';width:32px;height:45px;background:url('./assets/pact-art/soul-shard.webp') center/contain no-repeat;flex-shrink:0}
@media(max-width:900px){.class-choice .painted-avatar{height:115px}.title-avatar{right:-9%;width:65%;opacity:.75}.title-content{max-width:60%}.class-choice p{font-size:12px}.item-tile{min-height:125px}.ability .painted-icon{width:35px!important;height:35px!important}}
@media(prefers-reduced-motion:reduce){.painted-avatar{transition:none}}


.hero-emblem .painted-avatar{height:190px;width:160px}.roster .painted-avatar{height:48px;width:30px}