/* Cosmetic names keep class, rank and ownership visible. */
body[data-progression="xp"] #game .hero .hero-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:17px!important;min-height:17px!important}
body[data-progression="xp"] #game .hero .hero-class-name{display:block;font:12px/14px system-ui;color:#e8e4c5;flex:none;text-align:center}
.journal-party-names{padding:0 0 0 18px;font:14px/19px system-ui}.journal-party-names li{margin:5px 0}.journal-party-names button{font-size:12px;padding:2px 6px}
#renamePanel .overlay-card{width:min(500px,calc(100vw - 28px));height:auto;max-height:calc(100dvh - 28px)}
#heroNameForm{display:flex;flex-direction:column;gap:10px}
#heroNameForm h2,#heroNameForm p{margin:0}#heroNameForm label{font-size:16px}
#heroNameInput{width:100%;padding:10px;font:20px/25px system-ui;color:#fff0ca;background:#11251e;border:2px solid #e0c483;border-radius:6px;user-select:text;-webkit-user-select:text}
#heroNameStatus{min-height:20px;font:14px/20px system-ui}.rename-actions{display:flex;justify-content:end;gap:8px}.rename-actions button{min-height:36px;padding:6px 14px}
.cast-preview>strong:has(.party-target-commit){display:flex;justify-content:space-between;align-items:center;gap:6px}
.party-target-commit{font:700 13px/17px system-ui;padding:3px 7px;min-height:27px;white-space:nowrap;border:2px solid #e2d28b}
/* A single celebration retains XP while giving three real bonus choices their space. */
.loot-layout.loot-with-cards{grid-template-rows:auto auto 64px minmax(200px,1fr) auto;gap:8px;padding:12px}
.loot-with-cards header .eyebrow{display:none}.loot-with-cards header h2{font-size:25px;line-height:28px;margin-bottom:3px}.loot-with-cards header>p:last-child{font-size:14px;line-height:17px}
.loot-with-cards .loot-rewards{padding:3px 8px;gap:5px 24px}.loot-with-cards .loot-rewards .icon{width:26px;height:26px}.loot-with-cards .loot-rewards strong{font-size:24px}.loot-with-cards .loot-rewards>div{font-size:16px}
.loot-with-cards .loot-heroes article{gap:6px;padding:4px 7px}.loot-with-cards .loot-heroes article>img{width:42px;height:54px;flex:none}.loot-with-cards .loot-heroes article>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 5px}.loot-with-cards .loot-heroes h3{font-size:16px;line-height:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-with-cards .loot-heroes strong{font-size:17px;line-height:19px;white-space:nowrap}.loot-with-cards .loot-heroes p{font-size:12px;line-height:14px;margin:0;grid-column:1/-1}.loot-with-cards .loot-heroes .experience-meter{grid-column:1/-1;margin:0;height:14px;min-height:14px}.loot-with-cards .loot-heroes .loot-held-label{display:none}
.loot-with-cards footer{flex-wrap:nowrap;gap:6px}.loot-with-cards footer>.loot-pager{flex:1;justify-content:start}.loot-with-cards footer>button{min-height:32px;font-size:15px;padding:5px 14px;margin-left:auto}
.loot-with-cards>.loot-reward-options{padding:2px 4px 6px;overflow:hidden}
.loot-with-cards footer>.spoils-instruction{flex:1;margin:0;font:14px/18px system-ui}
.loot-with-cards .loot-reward-card.spoils-leave{border-color:#e2a18b;outline:2px solid #c6755d;outline-offset:-5px}
.loot-with-cards .loot-reward-card.spoils-keep{border-color:#b4d591;outline:2px solid #829d60;outline-offset:-5px}
.spoils-selection{position:absolute;top:32px;left:6px;padding:2px 8px;background:#223d2b;color:#e7f6d0;border:1px solid #b4d591;border-radius:3px;font:700 14px/18px system-ui}
.spoils-leave .spoils-selection{background:#563129;color:#ffe8d9;border-color:#e2a18b}
.loot-with-cards footer>.loot-choice-receipt{margin:0;font:14px/18px system-ui}
@media(max-width:700px) and (min-height:501px){.loot-layout.loot-with-cards{grid-template-rows:auto auto 64px 252px auto;padding:10px;gap:7px}.loot-with-cards header h2{font-size:23px;line-height:26px}.loot-with-cards>.loot-reward-options{overflow-x:auto;overflow-y:hidden}.loot-with-cards .loot-heroes{grid-template-columns:1fr}.loot-with-cards footer{flex-wrap:wrap}.loot-with-cards footer>.loot-pager{flex-basis:auto}}
@media(max-height:500px){.loot-layout.loot-with-cards{grid-template-rows:auto auto 46px minmax(151px,1fr) auto;padding:8px;gap:4px}.loot-with-cards header h2{font-size:21px;line-height:24px}.loot-with-cards header>p:last-child{display:none}.loot-with-cards .loot-rewards{padding:0 5px}.loot-with-cards .loot-rewards .icon{width:22px;height:22px}.loot-with-cards .loot-rewards strong{font-size:20px}.loot-with-cards .loot-heroes article>img{height:39px;width:30px}.loot-with-cards .loot-heroes p{display:none}.loot-with-cards .loot-heroes h3{font-size:14px;line-height:16px}.loot-with-cards .loot-heroes strong{font-size:15px;line-height:17px}.loot-with-cards footer>button{min-height:26px;font-size:14px;padding:3px 10px}.loot-with-cards .loot-rewards>div{font-size:14px}}

.skip-motion{position:fixed;bottom:74px;right:80px;z-index:45;padding:4px 8px;font:13px/17px system-ui;background:#e5d1a5;color:#202921;border:2px solid #393f31;border-radius:3px}
.skip-motion[hidden]{display:none}
body[data-style="hybrid"] #questTarget.action-available{animation:none!important}
body[data-style="hybrid"] #heroNameInput{color:#1d2928;background:#e7d8b4;border-color:#847956}
@media(max-height:500px){.skip-motion{bottom:54px;right:58px}}

/* Legacy summary minimums must not overrun the new explicit XP row. */
.loot-layout.loot-with-cards{grid-template-rows:auto auto 72px minmax(200px,1fr) auto}
.loot-with-cards .loot-heroes{min-height:0!important;height:100%;grid-auto-rows:minmax(0,1fr)}
.loot-with-cards .loot-heroes .experience-meter{height:22px;min-height:22px}
@media(max-width:700px) and (min-height:501px){.loot-layout.loot-with-cards{grid-template-rows:auto auto 72px 252px auto}}
@media(max-height:500px){.loot-layout.loot-with-cards{grid-template-rows:auto auto 54px minmax(151px,1fr) auto}}