/* Shared inline reward layout: icon and number always share one flex baseline. */
body .icon-value{display:inline-flex;align-items:center;justify-content:center;gap:7px;vertical-align:middle;white-space:nowrap;line-height:1.15}
body .icon-value>span:not(.ui-icon):not(.trail-icon){display:inline-block;line-height:1.15;transform:none;vertical-align:middle}
body .icon-value>:is(.ui-icon,.trail-icon){display:block;flex:0 0 auto;margin:0;vertical-align:middle;transform:none}
body button:has(.icon-value){display:inline-flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
body :is(.adventure-rewards,.battle-report-amounts,.result-rewards>div,.raid-prize>div){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-art .patrol-option .icon-value,.hero-art #patrol-preview,.hero-art #patrol-earned{color:#4e371e!important;text-shadow:none}
.hero-art #page-raids .patrol-option{display:block;min-height:0}
.hero-art #page-raids .patrol-option .option-title{margin-bottom:16px}
.hero-art #page-raids .patrol-option .activity-budget{margin:0 0 18px;padding:10px 14px}
.hero-art #page-raids .patrol-option #patrol-duration{margin:8px 0 18px;width:100%}
.hero-art #page-raids .patrol-option .raid-prize{margin:0 0 18px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-art #page-raids .patrol-option #start-patrol{margin:0;width:100%}
.hero-art #page-raids .patrol-option :is(#patrol-help,#patrol-message):empty{display:none}
/* Single styled socket for empty equipment; worn items have no nested frame. */
.hero-art #page-raids .duel-slots .battle-gear-tile{box-sizing:border-box;width:100%;aspect-ratio:1;padding:0;display:flex;justify-content:center;align-items:center}
.hero-art #page-raids .duel-slots .battle-gear-tile>div{box-sizing:border-box;width:100%;height:100%;padding:3px;margin:0;border:0;background:none;box-shadow:none;border-radius:0;display:flex;align-items:center;justify-content:center}
.hero-art #page-raids .duel-slots .equipped-slot{background:none;border:0;box-shadow:none;border-radius:0}
.hero-art #page-raids .duel-slots .equipped-slot .painted-item{display:block;width:100%;height:100%;border:0;border-radius:0;background-color:transparent;mix-blend-mode:lighten}
.hero-art #page-raids .duel-slots .empty-slot{border:1px solid #8e784e;border-radius:10px;background:radial-gradient(ellipse at 50% 35%,#424438,#20271e);box-shadow:inset 0 0 0 3px #24291f,inset 0 0 0 4px #ad92652b,0 2px 4px #0004}
.hero-art #page-raids .duel-slots .empty-slot svg{width:64%!important;height:64%!important;color:#9f9476;opacity:.65;filter:drop-shadow(0 1px #090f0c)}
.hero-art #page-raids .duel-slots .empty-slot svg g{stroke-width:2;fill:#9f94761a}
.hero-art #page-raids .duel-slots .battle-gear-tile:focus-visible{outline:2px solid #e9c47b;outline-offset:3px}
#raid-battle .battle-actions{margin:20px 0 0;justify-content:center;align-items:center}
#campaign-result[hidden]{display:none!important}
/* Name and start action precede portraits, including on short screens. */
.creation-screen main{max-width:960px;padding:16px 22px}
.creation-heading h1{font-size:clamp(26px,3.3vw,38px);margin:5px 0 8px}
.creation-heading p{margin:6px 0;font-size:14px}
.creation-screen .sex-picker{margin:12px auto;gap:10px}
.creation-screen .sex-picker legend{margin-bottom:6px;font-size:12px}
.creation-screen .sex-picker label{padding:7px 18px}
.creation-screen .creation-footer{width:100%;max-width:720px;margin:12px auto 18px;gap:10px 14px}
.creation-screen .creation-footer label{gap:5px}.creation-screen .creation-footer p{margin:0;font-size:11px}
.creation-screen .creation-races{gap:18px}
.creation-screen .creation-race{height:clamp(220px,38vh,330px)}
.creation-screen .creation-race>div{padding:40px 18px 14px}
.creation-screen .creation-race h2{font-size:24px}
.creation-screen .creation-race p{font-size:12px;margin:6px 0}
.creation-screen .choice-status{padding:4px 14px;font-size:12px}
@media(max-width:600px){.creation-screen main{padding:12px}.creation-screen .creation-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end}.creation-screen .creation-footer button{padding:0 12px;font-size:12px}.creation-screen .creation-footer p{grid-column:1/-1}.creation-screen .creation-races{gap:10px}.creation-screen .creation-race{height:240px}.creation-screen .creation-race>div{padding:40px 10px 12px}.creation-screen .creation-race h2{font-size:20px}.creation-screen .creation-race p{display:none}.creation-screen .creation-heading p:not(.eyebrow){font-size:12px}}

/* v26: stable portrait positioning and shared engraved empty equipment icons. */
.creation-screen #creation{margin:0 auto;max-width:800px;width:100%}
.creation-screen .creation-races{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.creation-screen .creation-race{min-width:0;padding:0;isolation:isolate}
.creation-screen .creation-race>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:50% 15%}
.creation-screen .creation-race>div{z-index:1}
.creation-screen .creation-footer input{margin:0}
.hero-art #page-hero .gear-slot:not(.filled) .slot-icon{display:flex;align-items:center;justify-content:center;border:1px solid #85714d;border-radius:8px;background:radial-gradient(ellipse at 50% 35%,#424438,#20271e);box-shadow:inset 0 0 0 3px #24291f,inset 0 0 0 4px #ad92652b}
.hero-art #page-hero .gear-slot:not(.filled) .empty-equipment-icon,
.hero-art #page-raids .duel-slots .empty-slot .empty-equipment-icon{display:block;width:85%;height:85%;border:0;border-radius:0;filter:grayscale(1) sepia(.45);opacity:.4;mix-blend-mode:luminosity}
.hero-art #page-hero .gear-slot:not(.filled) .slot-item{color:#ab9a79}