/* Painted items are shared by inventory, shop and forge; gameplay remains unchanged. */
.painted-item{display:inline-block;width:64px;height:64px;background-image:url('assets/items-atlas.png');background-size:400% 400%;background-repeat:no-repeat;flex:none;vertical-align:middle}.slot-icon:has(.painted-item){display:block;width:64px;height:64px}.bag-tile>.painted-item{width:100%;height:100%}.shop-item-icon>.painted-item{width:48px;height:48px}.rpg-topbar,.nav-seal{display:none}.side-nav button>.painted-item{width:26px;height:26px;margin-right:7px;border-radius:4px}.bag-empty-slot{aspect-ratio:1;border:1px solid #42513b;border-radius:5px;background:#14201a;opacity:.6}.hero-painting{display:block;width:100%;height:100%;object-fit:cover;object-position:center 23%}#page-hero .hero-stage #portrait:has(.hero-painting){height:300px;overflow:hidden;border-radius:12px}
body.hero-art{background:#151c20 url('assets/stronghold.png') center center/cover fixed no-repeat;color:#eee2c7;font-family:Georgia,'Times New Roman',serif}body.hero-art:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#0a121b65,transparent 35%,#0a121b55);pointer-events:none;z-index:-1}.hero-art>header{display:none}.hero-art main{max-width:1500px;margin:0 auto;padding:18px 22px 24px}.hero-art #game>.title{display:none}.hero-art .rpg-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px;padding:10px 18px;margin-bottom:24px;border:2px solid #85653f;border-radius:9px;box-shadow:0 0 0 3px #171414,0 4px 0 #070b0d, inset 0 0 0 2px #392718;background:repeating-linear-gradient(4deg,transparent 0 7px,#0b09091a 8px 10px),linear-gradient(#463526,#241e19 52%,#382b21);position:relative}.rpg-topbar:after{content:'';position:absolute;left:6px;right:6px;top:5px;border-top:1px solid #d4b77f55;pointer-events:none}.rpg-identity{display:flex;gap:12px;align-items:center;min-width:0}.rpg-avatar{width:68px;height:68px;flex:none;border:3px solid #b6955c;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #191919,0 0 0 5px #675034}.rpg-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 13%;transform:scale(1.8);transform-origin:50% 20%}#rpg-name{font-size:23px;color:#f4e4c5;display:block;max-width:180px;overflow-wrap:anywhere}.rpg-level-line{font-size:13px;color:#cbb788;margin-top:6px}.rpg-online{display:none}.rpg-exp{width:130px;position:relative;border:2px solid #987349;border-radius:5px;overflow:hidden;box-shadow:0 0 0 2px #15100d;background:#130f0d;height:26px;margin-left:10px}.rpg-exp>span{position:absolute;inset:0;text-align:center;line-height:23px;font:bold 12px/23px system-ui;color:#fff2cf;z-index:2;text-shadow:0 1px 2px #000}.rpg-exp progress{width:100%;height:100%;margin:0;display:block;border:0;appearance:none}.rpg-exp progress::-webkit-progress-bar{background:#160f0b}.rpg-exp progress::-webkit-progress-value{background:linear-gradient(#ffde82,#d69a31 50%,#a75b19)}.rpg-resources{display:flex;gap:10px;margin-left:auto}.rpg-currency{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:104px;padding:4px 13px 4px 4px;background:linear-gradient(#211b15,#110f0e);border:2px solid #876841;border-radius:6px;box-shadow:inset 0 0 0 2px #30291f,0 2px 3px #000;min-height:47px}.rpg-currency>.painted-item{width:35px;height:35px;border-radius:50%}.rpg-currency strong{font:bold 20px Georgia;color:#f1daa0}.rpg-brand{font-size:15px;letter-spacing:2px;color:#c9ab72;margin-left:8px;white-space:nowrap}.rpg-brand small{display:block;font:9px system-ui;letter-spacing:3px;color:#958365;text-align:center;margin-top:5px}
.hero-art .app-shell{grid-template-columns:186px minmax(0,1fr);gap:22px}.hero-art .side-nav{padding:0;top:16px;position:sticky}.hero-art .nav-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 6px 22px;color:#dfc18c;text-shadow:0 2px 2px #000}.nav-seal>span{display:grid;place-items:center;width:57px;height:57px;border:2px solid #a7834b;border-radius:50%;font:bold 34px Georgia;background:linear-gradient(130deg,#3c4b3c,#151b20);box-shadow:0 0 0 5px #221c16,0 0 0 6px #655132}.nav-seal>strong{font-size:14px;letter-spacing:2px}.nav-seal>small{font:10px system-ui;color:#b6ac97}.hero-art .side-nav>.eyebrow,.hero-art .side-nav>p{display:none}.hero-art .side-nav button{position:relative;display:flex;align-items:center;gap:8px;min-height:76px;margin:0 0 12px;padding:10px 12px;border:2px solid #9b7547;border-radius:5px;color:#f0e3c4;font:bold 18px Georgia;box-shadow:0 0 0 3px #1f1712,inset 0 0 0 2px #4b301e,0 3px 4px #0007;text-shadow:0 2px 1px #000;background:repeating-linear-gradient(3deg,transparent 0 8px,#1a100945 9px 11px),linear-gradient(100deg,#593b24,#332317 65%,#5d3e26)}.hero-art .side-nav button>.painted-item{width:42px;height:42px;margin:0;border-radius:4px;border:1px solid #a38a5a55}.hero-art .side-nav button.active{color:#38200c;text-shadow:0 1px #ffe8ae;background:linear-gradient(110deg,#ffdb85,#deb259 55%,#f8d17e);border-color:#f4d18a;box-shadow:0 0 0 3px #5a371b,inset 0 0 0 2px #8d5a24,0 0 22px #e9b95144}.hero-art .side-nav button.active:after{content:'';position:absolute;width:14px;height:14px;right:-8px;transform:rotate(45deg);background:#ecc16c;border-top:2px solid #a16d31;border-right:2px solid #a16d31}
.hero-art #page-hero{padding:0;margin:0;border:0;border-radius:0;background:none;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.hero-art .character-main{min-width:0;background:linear-gradient(#cfb17c,#e1c795 45%,#c8a876);border:3px solid #87643d;border-radius:8px;box-shadow:0 0 0 3px #201710,inset 0 0 0 2px #efd09c,0 6px 20px #0005;padding:0 18px 20px;color:#352719;position:relative}.hero-art .hero-section-heading{margin:0 -18px;padding:16px 20px 12px;border-bottom:3px solid #80603a;background:repeating-linear-gradient(1deg,transparent 0 7px,#1d100c45 8px 9px),linear-gradient(105deg,#61462e,#34271d);box-shadow:inset 0 1px #c99c61;position:relative;border-radius:4px 4px 0 0}.hero-art .hero-section-heading .eyebrow{font:9px system-ui;color:#c5ac7f;letter-spacing:2px;margin:0 0 4px}.hero-art .hero-section-heading h2{font:bold 31px Georgia;color:#f2d899;text-shadow:0 2px 2px #140e09;margin:0}.hero-art .hero-section-heading:after{content:'✦';color:#c39d5a;font-size:27px;margin-right:6px}.hero-art .paperdoll{position:relative;grid-template-columns:90px minmax(0,1fr) 90px;gap:12px;margin:16px 0 0;align-items:center;min-height:405px;background:radial-gradient(ellipse,#65553655,transparent 70%)}.hero-art .slot-column{gap:20px;z-index:2}.hero-art .gear-slot{background:linear-gradient(130deg,#242724,#111817);border:2px solid #9a7441;box-shadow:0 0 0 2px #392b1e,inset 0 0 0 1px #c0a26a55;min-height:146px;border-radius:5px;padding:8px 5px 31px;gap:4px;color:#d6bc85}.hero-art .gear-slot.filled{border-color:#d2a75b;background:#171c1b;box-shadow:0 0 0 2px #3c2c19,inset 0 0 9px #b79e5255}.hero-art .slot-type{font:9px system-ui;letter-spacing:.7px;color:#c8ae7c}.hero-art .slot-item{font:10px/1.2 Georgia;min-height:20px;color:#dbc796}.hero-art .slot-icon,.hero-art .slot-icon>.painted-item{width:65px;height:65px}.hero-art .slot-icon>svg{width:48px;height:48px;opacity:.38;margin:9px}.hero-art .gear-slot .unequip{background:linear-gradient(#665139,#3a2b1e);border:1px solid #a28453;color:#ebd8a9;padding:3px;bottom:5px;left:5px;right:5px;font:11px Georgia}.hero-art .hero-stage{position:relative;align-self:stretch;min-height:405px;border:3px solid #b69356;border-radius:7px;box-shadow:0 0 0 3px #33251b,0 4px 14px #37251988;overflow:hidden;background:#161e20;display:block}.hero-art #page-hero .hero-stage #portrait{position:absolute;inset:0;margin:0;width:100%;height:100%;float:none;border-radius:0;z-index:0}.hero-art .hero-painting{object-position:50% 15%}.hero-art .stage-base{display:none}.hero-art .stage-caption{position:absolute;top:12px;left:12px;z-index:1;background:#1c221de0;padding:5px 8px;border:1px solid #a58854;border-radius:3px;font:9px system-ui;letter-spacing:2px;color:#edd39c;margin:0}.hero-art .hero-stage strong{position:absolute;z-index:1;bottom:0;left:0;right:0;margin:0;padding:30px 8px 16px;text-align:center;background:linear-gradient(transparent,#121a17e8 55%);font:bold 25px Georgia;color:#fff0ce;text-shadow:0 2px 2px #000;overflow-wrap:anywhere}.hero-art .level-panel{max-width:none;margin:14px 0 0;border:2px solid #7c5932;box-shadow:inset 0 0 0 1px #c6a56e;background:linear-gradient(#413321,#241e17);border-radius:5px;padding:8px 12px;color:#f3deb4}.hero-art .level-panel>div{font:13px Georgia}.hero-art .level-panel #xp-label{font:11px system-ui}.hero-art .level-panel .icon-value{color:#f4d797}.hero-art .level-panel progress{height:12px;width:100%;margin:5px 0 0;appearance:none;display:block;border:1px solid #9d7747;border-radius:3px;overflow:hidden;background:#160f09}.hero-art .level-panel progress::-webkit-progress-bar{background:#160f09}.hero-art .level-panel progress::-webkit-progress-value{background:linear-gradient(#f7d779,#dfaa3d,#ad6823)}
.hero-art .character-main>.profile-section{border-top:1px solid #87663c77;margin-top:18px;padding-top:14px}.hero-art .profile-section .eyebrow{font:9px system-ui;color:#856137;letter-spacing:1.5px;margin:0 0 3px}.hero-art .profile-section h2{font:bold 20px Georgia;margin:2px 0 12px;color:#3c2916}.hero-art .combat-values{gap:8px}.hero-art .combat-metric{padding:10px 6px;border:1px solid #9c7847;border-radius:4px;background:linear-gradient(#ebd5a8,#d6b67e);box-shadow:inset 0 0 0 1px #f4dfb6}.hero-art .combat-metric .icon-value{gap:4px}.hero-art .combat-metric .icon-value>span{font:bold 24px Georgia;color:#442f18}.hero-art .combat-metric .ui-icon{width:22px;height:22px}.hero-art .character-main .icon-hp{color:#a43b2c}.hero-art .character-main .icon-attack{color:#725032}.hero-art .character-main .icon-armor{color:#53636d}.hero-art .character-main .icon-agility{color:#526c30}.hero-art #active-ring{font:11px/1.5 system-ui;margin:10px 0 0;color:#6d512f}.hero-art #page-hero #stats{gap:0 16px}.hero-art #page-hero .stat{padding:9px 0;border-bottom:1px solid #9b7c4c55}.hero-art .stat-value .icon-value>span{font:bold 18px Georgia!important;color:#4a341c}.hero-art .character-main .muted{font:11px/1.4 system-ui;color:#7d603d}.hero-art .stat button{border:1px solid #345327;box-shadow:inset 0 0 0 1px #91a658;background:linear-gradient(#608044,#34532e);color:#fff0bd;font:12px Georgia;padding:6px 9px!important;min-width:86px;justify-content:center;border-radius:3px}.hero-art .stat button .icon-gold{color:#f0c457}.hero-art .record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-art .record-grid .metric{padding:9px 5px;background:#8a663b14;border:1px solid #9d794643}.hero-art .record-grid .metric strong,.hero-art .record-grid .metric strong .icon-value{font:18px Georgia;color:#483019}.hero-art .record-grid .metric span:not(.icon-value){color:#76532c;font:9px/1.3 system-ui;margin-top:3px}.hero-art .record-grid .ui-icon{width:18px;height:18px;color:#976625}
.hero-art .backpack.profile-section{padding:16px 16px 18px;border:3px solid #967042;border-radius:8px;background:radial-gradient(ellipse at top,#eed7a8,#dbbb86 70%);box-shadow:0 0 0 3px #2c2016,inset 0 0 0 2px #f0d9ac,0 5px 18px #0006;margin:0;color:#3c2916}.hero-art .backpack .profile-heading{gap:6px}.hero-art .backpack .eyebrow{color:#926e3c}.hero-art .backpack h2{font:bold 24px Georgia;color:#3c2916;margin:2px 0 12px}.hero-art #bag-count{font:13px Georgia;color:#9a733e}.hero-art #profile-shop{background:linear-gradient(#88653a,#65482c);border:1px solid #4b351d;box-shadow:inset 0 0 0 1px #c49c63;color:#f6e1b2;font:11px Georgia;padding:6px 9px}.hero-art .bag-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-bottom:1px solid #9b7746;padding-bottom:9px}.hero-art .bag-tabs button{font:12px Georgia;padding:8px 5px;border:1px solid #9e7744;border-radius:3px;background:#bea06c;color:#5d4022}.hero-art .bag-tabs button.active{color:#eedeab;background:linear-gradient(#655338,#3c3022);border-color:#5d4224;box-shadow:inset 0 0 0 1px #9f8253}.hero-art .bag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none;margin:13px 0 10px}.hero-art .bag-tile,.hero-art .bag-empty-slot{border:2px solid #9b7645;box-shadow:0 0 0 1px #543d23,inset 0 0 9px #0008;background:linear-gradient(135deg,#262924,#131a19);border-radius:5px;padding:3px;aspect-ratio:1;width:100%;max-height:none}.hero-art .bag-empty-slot{opacity:1;background:linear-gradient(135deg,#705536,#4e3c27);box-shadow:inset 0 2px 8px #24190c99,0 0 0 1px #664821}.hero-art .bag-tile.worn{border-color:#d5b760;box-shadow:0 0 0 1px #785627,inset 0 0 10px #af9c4444}.hero-art .worn-mark{bottom:1px;right:3px;font:12px Georgia;color:#f2dc9b;text-shadow:0 1px 3px #000}.hero-art .bag-help,.hero-art .bag-empty{font:10px/1.5 system-ui;color:#86643c}.hero-art .profile-timers{border-top:1px solid #977343;margin-top:18px;padding-top:16px}.hero-art .profile-timers>.eyebrow{font:bold 20px Georgia;letter-spacing:0;color:#4a3118;margin:0 0 10px;text-transform:none}.hero-art .timer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 9px;border:1px solid #8d683a;background:linear-gradient(100deg,#6b5033,#493722);box-shadow:inset 0 0 0 1px #b2925c55;border-radius:4px;margin:7px 0;color:#f0dcad;font:11px Georgia}.hero-art .timer-row strong{font:12px system-ui;color:#eec771;white-space:nowrap}.hero-art .profile-ranking{border-top:1px solid #977343;margin-top:18px;padding-top:12px}.hero-art .profile-ranking h3{font:bold 21px Georgia;margin:0 0 6px;color:#4a3118}.hero-art .profile-ranking h4{font:bold 13px Georgia;color:#6a4724;margin:14px 0 7px}.hero-art .profile-ranking .muted{font:10px/1.5 system-ui;color:#8a683e}.hero-art .ranking-row{font:11px Georgia;border-bottom:1px solid #96713c55;color:#584022;padding:9px 2px;gap:5px}.hero-art .ranking-row.current{background:#91713b25;color:#38270f;border-color:#96713c55}.hero-art .ranking-row .icon-value{font:11px Georgia;color:#866126}.hero-art .ranking-row .ui-icon{width:14px;height:14px}.hero-art footer{margin-top:18px;color:#c6b99b;font:10px system-ui;text-shadow:0 1px #000}.hero-art #reset{color:#ccb888;border-color:#816747;background:#251e16c9;font:11px Georgia}.hero-art #game-tooltip{background:linear-gradient(#33291f,#1e1c16);border:2px solid #a3824e;color:#ecdab3;box-shadow:0 0 0 2px #16110b,0 10px 30px #000a}.hero-art #game-tooltip .item-level,.hero-art #game-tooltip .price-row>span:first-child{color:#c3ad83}.hero-art button:focus-visible,.hero-art [tabindex]:focus-visible{outline:3px solid #e8c260;outline-offset:3px}.hero-art .gear-slot:hover,.hero-art .bag-tile:hover{filter:brightness(1.16)}
@media(min-width:1500px){.hero-art .paperdoll{grid-template-columns:104px minmax(0,1fr) 104px;gap:16px}.hero-art .slot-icon,.hero-art .slot-icon>.painted-item{width:74px;height:74px}.hero-art .hero-stage{min-height:455px}.hero-art #page-hero{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1220px){.hero-art main{padding:14px}.hero-art .rpg-brand{display:none}.hero-art .rpg-exp{width:105px}.hero-art .app-shell{grid-template-columns:155px minmax(0,1fr);gap:16px}.hero-art .side-nav button{font-size:15px;padding:8px;gap:6px;min-height:67px}.hero-art .side-nav button>.painted-item{width:34px;height:34px}.hero-art #page-hero{grid-template-columns:minmax(0,1fr) 242px;gap:15px}.hero-art .character-main{padding:0 12px 15px}.hero-art .hero-section-heading{margin:0 -12px}.hero-art .paperdoll{grid-template-columns:75px minmax(0,1fr) 75px;gap:9px}.hero-art .gear-slot{min-height:130px}.hero-art .slot-icon,.hero-art .slot-icon>.painted-item{width:54px;height:54px}.hero-art .slot-item{font-size:9px}.hero-art .hero-stage{min-height:380px}.hero-art .backpack.profile-section{padding:13px}.hero-art .bag-tabs button{font-size:11px}.hero-art #page-hero #stats{gap:0 10px}.hero-art .stat button{min-width:75px;font-size:11px}}
@media(max-width:980px){.hero-art .rpg-exp{display:none}.hero-art .app-shell{grid-template-columns:130px minmax(0,1fr)}.hero-art .side-nav button{font-size:14px}.hero-art .side-nav button>.painted-item{width:28px;height:28px}.hero-art #page-hero{grid-template-columns:1fr}.hero-art .backpack.profile-section{padding:20px}.hero-art .bag-grid{max-width:330px}.hero-art .paperdoll{grid-template-columns:95px minmax(0,1fr) 95px}.hero-art .hero-stage{min-height:450px}.hero-art .hero-painting{object-position:50% 20%}.hero-art .slot-icon,.hero-art .slot-icon>.painted-item{width:67px;height:67px}.hero-art .rpg-currency{min-width:85px;padding-right:8px}.hero-art .rpg-currency strong{font-size:18px}.hero-art .nav-seal>strong{font-size:11px;letter-spacing:1px}.hero-art .nav-seal>small{font-size:9px;text-align:center}}
@media(max-width:650px){.hero-art main{padding:10px}.hero-art .rpg-topbar{padding:10px;gap:12px;flex-wrap:wrap;margin-bottom:15px;border-width:1px}.hero-art .rpg-identity{gap:10px;width:100%}.rpg-avatar{width:49px;height:49px;border-width:2px}#rpg-name{font-size:21px;max-width:200px}.rpg-level-line{font-size:12px}.hero-art .rpg-resources{width:100%;margin:0;gap:7px}.hero-art .rpg-currency{flex:1;min-width:0;min-height:36px;padding:2px 8px 2px 2px}.rpg-currency>.painted-item{width:27px;height:27px}.hero-art .rpg-currency strong{font-size:17px}.hero-art .app-shell{grid-template-columns:1fr;gap:12px}.hero-art .side-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hero-art .side-nav .nav-seal{display:none}.hero-art .side-nav button{margin:0;padding:5px 7px;min-height:48px;border-width:1px;font-size:12px;gap:5px;box-shadow:0 0 0 1px #1b120e,inset 0 0 0 1px #714b2b}.hero-art .side-nav button.active:after{display:none}.hero-art .side-nav button>.painted-item{width:26px;height:26px}.hero-art .hero-section-heading{padding:12px 15px}.hero-art .hero-section-heading h2{font-size:28px}.hero-art .hero-section-heading .eyebrow{font-size:8px}.hero-art .paperdoll{grid-template-columns:62px minmax(0,1fr) 62px;gap:7px;min-height:330px;margin-top:12px}.hero-art .hero-stage{min-height:330px;border-width:2px}.hero-art .hero-stage strong{font-size:19px;padding-bottom:12px}.hero-art .stage-caption{font-size:7px;letter-spacing:1px;left:6px;top:8px;padding:4px}.hero-art .gear-slot{min-height:113px;padding:6px 3px 27px;border-width:1px;gap:3px}.hero-art .slot-column{gap:22px}.hero-art .slot-type{font-size:7px;letter-spacing:0}.hero-art .slot-item{font-size:8px;min-height:20px}.hero-art .slot-icon,.hero-art .slot-icon>.painted-item{width:45px;height:45px}.hero-art .slot-icon>svg{width:35px;height:35px;margin:5px}.hero-art .gear-slot .unequip{font-size:9px;padding:3px;left:3px;right:3px}.hero-art .level-panel{padding:7px 9px}.hero-art .level-panel>div{font-size:12px}.hero-art .combat-values{gap:5px}.hero-art .combat-metric .icon-value>span{font-size:23px}.hero-art .profile-section h2{font-size:19px}.hero-art #page-hero #stats{grid-template-columns:1fr 1fr;gap:0 10px}.hero-art .stat-value .icon-value>span{font-size:15px!important}.hero-art .stat button{min-width:0;padding:5px!important;font-size:10px}.hero-art .stat button .ui-icon{width:13px;height:13px}.hero-art .stat .ui-icon{width:16px;height:16px}.hero-art #page-hero .stat{gap:5px}.hero-art .record-grid .metric span:not(.icon-value){font-size:8px}.hero-art .record-grid .metric strong,.hero-art .record-grid .metric strong .icon-value{font-size:16px}.hero-art .record-grid .ui-icon{width:15px;height:15px}.hero-art .backpack.profile-section{padding:16px}.hero-art .bag-grid{max-width:none;gap:10px}.hero-art .bag-tile,.hero-art .bag-empty-slot{max-height:100px}.hero-art .backpack .bag-tabs{max-width:none}.hero-art footer{gap:12px;align-items:flex-start}.hero-art footer>span{max-width:60%;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.hero-art *{scroll-behavior:auto!important;transition:none!important}}
.hero-art .bag-tabs{grid-template-columns:1.3fr .85fr 1fr}.hero-art .bag-tabs button{font-size:11px;padding:8px 3px}.hero-art .food-grid{display:grid!important;grid-template-columns:1fr!important;max-width:none}.hero-art .food-card{background:#e4c792;border:1px solid #a07a44;box-shadow:inset 0 0 0 1px #f3ddb0;border-radius:5px;color:#4a3118;padding:12px}.hero-art .food-card strong{font:15px Georgia;color:#412b16}.hero-art .food-card small{font:10px/1.5 system-ui;color:#85643b}.hero-art .food-card button{font:12px Georgia;background:linear-gradient(#658146,#36572e);color:#f0dfb5;border:1px solid #5b6437}.hero-art .food-feedback{font:12px/1.5 system-ui;color:#72522b;grid-column:1/-1}.forge-item-icon>.painted-item{width:100%;height:100%;min-width:44px;min-height:44px}
.painted-food{display:block;width:64px;height:64px;background:url('assets/supplies-atlas.png') no-repeat;background-size:300% 100%;border-radius:8px;margin-bottom:6px}
.hero-art #profile-record .metric{padding:14px;background:linear-gradient(#e4c998,#d3b47d);border:1px solid #a88147;min-height:90px}
.hero-art #profile-record .metric strong,.hero-art #profile-record .metric strong .icon-value,.hero-art #profile-record .metric strong .icon-value>span{font:bold 23px Georgia;color:#49321c}
.hero-art #profile-record .metric>span{font:12px/1.4 system-ui;color:#76532c;margin-top:8px}
.hero-art .hero-painting{object-position:50% 0%}

/* Painted UI atlas: shared across character, shop, raids and journal. */
.ui-icon.painted-stat{display:inline-block;flex-shrink:0;width:24px;height:24px;background-image:url('assets/ui-atlas.png');background-repeat:no-repeat;background-size:400% 400%;vertical-align:middle;filter:drop-shadow(0 1px 1px #36251655)}
.hero-art .combat-metric .ui-icon.painted-stat{width:32px;height:32px}
.hero-art #profile-record .ui-icon.painted-stat{width:30px;height:30px}
.hero-art .side-nav button>.icon-journal{width:40px;height:40px}
.race-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #9b7744;border-radius:50%;background:#302b21}
.race-avatar .ui-icon.painted-stat{width:32px;height:32px;filter:none}
#ranking-list .ranking-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;align-items:center}
#ranking-list .ranking-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){.hero-art .side-nav button>.icon-journal{width:26px;height:26px}}