/* September UI review: one type hierarchy, paper reading surfaces and painted controls. */
@font-face {
    font-family:GameLabel;src:url('../assets/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');
    font-style:normal;font-weight:400;font-display:swap;
}
:root {
    --ui-ink:#533d2c; --ui-muted:#79614b; --ui-paper:#fff0d2;
    --ui-line:#c8a674; --ui-body:'PingFang SC','Microsoft YaHei',sans-serif;
    --ui-button-size:20px;
    --font-ui-title:GameLabel,'PingFang SC','Microsoft YaHei',sans-serif;
}
.stage-title-name,.hg-card-name,.hd-hero-name-text,.su-hero-name,
.settlement-banner-title,.game-detail-title {font-family:var(--font-game-title);font-weight:400;letter-spacing:.025em}
.stage-title-area {box-sizing:border-box;left:2%;width:96%;top:140px;height:auto;aspect-ratio:32/7;padding:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}
.stage-title-name {position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;color:#4c301c;text-shadow:none;letter-spacing:0}
.stage-title-name:not(.stage-banner-ready)::before {content:'';position:absolute;inset:16% 4%;background:#f9e6bd;border:2px solid #a78858;border-radius:18px}
.stage-title-art {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none}
.stage-title-number {position:absolute;z-index:1;left:var(--stage-level-x,85.4%);top:var(--stage-level-y,56%);transform:translate(-50%,-50%);display:flex;align-items:baseline;justify-content:center;gap:1px;max-width:19%;white-space:nowrap;font:400 14px/1 var(--font-ui-title);color:#684323;text-shadow:0 1px #fff6db;letter-spacing:0}
.stage-level-value {font:400 27px/1 var(--font-game-number);letter-spacing:-.02em;color:#57351e}
.stage-title-art[hidden],.stage-title-fallback[hidden] {display:none}
.stage-title-fallback {position:absolute;left:12%;top:56%;transform:translateY(-50%);width:62%;text-align:center;font:400 25px/1.2 var(--font-ui-title);white-space:nowrap}
.battle-btn span {font:400 25px/1.2 var(--font-game-title);letter-spacing:.05em;-webkit-text-stroke:.7px #795131;paint-order:stroke fill;text-shadow:0 1px #795131}
.hero-card-name,.upgrade-card.hero-type .hero-card-name {color:var(--hero-card-ink,#fff5df);-webkit-text-stroke:0;text-shadow:0 1px #38261555;letter-spacing:.015em}
.pick-banner span,.upgrade-banner span {font-weight:400;letter-spacing:.035em;-webkit-text-stroke:1.5px #67472d;text-shadow:0 1px #67472d}
.ui-key-number {font-weight:700;color:inherit}

/* 02 / 03. Dark solid labels on pale panels; large numerals remain the number font. */
.hg-card-name,#hero-detail-screen[data-hero-id] #hd-top-name {color:var(--ui-ink);text-shadow:none;-webkit-text-stroke:0}
.hg-card-name {font-size:15px;line-height:1.4;letter-spacing:.015em}
.hd-stat-label,.hd-skill-name,.hd-skills-title,.hd-dice-hint,.hd-skill-points-info,
.hd-lvl-hint,.hd-lvl-stat-panel .hd-stat-change-label {color:var(--ui-ink);text-shadow:none;-webkit-text-stroke:0;font-family:var(--ui-body)}
.hd-stat-label {font-size:12px;font-weight:500}
.hd-stat-value {color:var(--hero-ink,var(--ui-ink));font:400 20px/1.2 var(--font-game-number);text-shadow:none}
.hd-stats-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 10px 6px;padding:7px 4px;background:#f5e4c1;border:1px solid #c4a475}
.hd-stat-item {display:grid;grid-template-columns:16px max-content;grid-template-rows:auto auto;gap:4px 3px;justify-content:center;min-width:0;padding:0}
.hd-stat-item img {width:16px;height:16px;filter:none}
.hd-stat-item .hd-stat-label {font-size:11px;letter-spacing:0}
.hd-stat-item .hd-stat-value {grid-column:1/-1;text-align:center;font-size:19px;line-height:1.1}
.hd-stat-item:not(:last-child)::after {right:-3px;top:0;height:100%;background:#c8a97877}
.hd-skill-name {font-size:12px;font-weight:600;line-height:1.45}
.hd-skills-row {gap:8px}
.hd-skill-points-info {font-size:12px}
#skill-upgrade-screen .su-preview-heading,#skill-upgrade-screen .su-material-balance,
#skill-upgrade-screen .su-preview-step span {color:var(--ui-muted);font-size:12px}
#skill-upgrade-screen[data-hero-id] .su-card-type-tag {font:400 13px/1.4 var(--font-ui-title);text-shadow:none;letter-spacing:0;padding:5px 3px 2px;box-sizing:border-box;flex:none;overflow-wrap:anywhere}
#skill-upgrade-screen .su-card-upgrade-btn {color:var(--ui-ink)!important;font:400 14px/1.5 var(--font-ui-title);text-shadow:none}
#skill-upgrade-screen .su-card-upgrade-btn.disabled {color:#875640!important}
#skill-upgrade-screen .su-card-max-tag {color:var(--ui-muted);text-shadow:none;font:12px/1.5 var(--ui-body)}
#skill-upgrade-screen .su-card-upgrade-btn,#skill-upgrade-screen .su-card-max-tag {
    box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:2px;height:28px;
    width:calc(100% - 5px);margin-top:4px;padding:0 3px 2px;border:0;border-radius:0;
    background:transparent url('../assets/ui_controls_20260917o/button-amber.png') center/100% 100% no-repeat;
    font:400 13px/1.3 var(--font-ui-title);opacity:1;text-shadow:none;
}
#skill-upgrade-screen .su-card-upgrade-btn.disabled,#skill-upgrade-screen .su-card-max-tag {
    background-image:url('../assets/ui_consistency_20260919a/button-paper.png');filter:none;color:#765841!important;
}
#skill-upgrade-screen .su-card-new-badge {
    top:auto;right:auto;bottom:6px;left:6px;min-width:18px;padding:2px 3px;border:1px solid #8b602c;border-radius:5px;
    background:#ffe19b;color:#63452d;font:400 11px/1.2 var(--font-ui-title);letter-spacing:0;box-shadow:0 1px 0 #49312044;animation:none;
}
.su-hero-name,#hero-detail-screen .hd-hero-name-text,.su-detail-name,.hg-top-bar-title span,
.hd-face-modal-title,.hd-dice-selection strong,.hg-sub-tab>span,.nav-label {
    font-family:var(--font-ui-title);font-weight:400;font-synthesis:none;letter-spacing:.025em;-webkit-text-stroke:0;
}
.su-card-dots {gap:2px;min-height:13px;align-items:center}
.su-rating-star.su-card-dot,.su-rating-star.su-card-dot.filled {display:block;flex:none;width:11px;height:11px;border:0;border-radius:0;box-shadow:none;background:none;object-fit:contain;transition:none}
.su-det-stars {display:flex;align-items:center;justify-content:center;gap:4px;min-height:23px}
.su-rating-star.su-star-filled,.su-rating-star.su-star-empty {display:inline-block;flex:none;width:22px;height:22px;object-fit:contain;border:0;box-shadow:none;background:none;font-size:0}
.su-rating-star.su-star-added {animation:suStarGain .62s cubic-bezier(.22,.8,.3,1) both;transform-origin:50% 50%}
@keyframes suStarGain {0%{transform:translateY(-9px) scale(.35) rotate(-16deg);filter:brightness(1.7);opacity:0}42%{transform:translateY(0) scale(1.3) rotate(5deg);filter:brightness(1.35) drop-shadow(0 0 4px #ffe29d);opacity:1}72%{transform:scale(.92) rotate(-2deg)}100%{transform:none;filter:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.su-rating-star.su-star-added{animation:none;filter:brightness(1.2)}}
#skill-upgrade-screen .su-hero-name {font-size:25px;line-height:1.3;text-shadow:0 2px #36252388}
#hero-detail-screen .hd-hero-name-text {font-size:24px;line-height:1.4}
.hd-hero-rarity {display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;margin-right:7px;font:20px/1 var(--font-game-number);text-shadow:none!important}
.hd-hero-rarity img {display:block;width:36px;height:36px;object-fit:contain}
.nav-detail-text .nav-label {font-size:21px;line-height:1.3;letter-spacing:.07em}
.nav-item:not(.nav-detail-text) .nav-label {font-size:15px;line-height:1.3}
#skill-upgrade-screen .su-special-title {display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:5px}
.su-special-kind {display:block;min-width:34px;padding:1px 4px;border-radius:4px;background:#f4d17e;color:#62432b;font:400 12px/1.4 var(--font-ui-title);letter-spacing:.05em}
.su-special-name {font:400 13px/1.3 var(--font-ui-title);color:var(--hero-card-ink);text-shadow:none}

/* Same painted silhouette and font metrics for peer buttons. */
.ui-cloud-button {
    box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;
    width:100%;min-width:0;height:54px;padding:0 12px 4px;border:0;border-radius:0;
    background:transparent url('../assets/ui_controls_20260917o/button-amber.png') center/100% 100% no-repeat;
    color:#fff7df;font:400 var(--ui-button-size)/1 var(--font-game-title);letter-spacing:.025em;
    -webkit-text-stroke:.7px #69482e;paint-order:stroke fill;text-shadow:0 1px #69482e;
    box-shadow:none;cursor:pointer;touch-action:manipulation;
}
.ui-cloud-button.is-paper {background-image:url('../assets/ui_consistency_20260919a/button-paper.png');color:var(--ui-ink);-webkit-text-stroke:0;text-shadow:none}
.ui-cloud-button.is-red {background-image:url('../assets/ui_controls_20260917o/button-red.png')}
.ui-cloud-button.is-green {background-image:url('../assets/ui_controls_20260917o/button-green.png')}
.ui-cloud-button:enabled:hover {filter:brightness(1.04)}
.ui-cloud-button:enabled:active {transform:translateY(2px)}
.ui-cloud-button:disabled {filter:grayscale(.65);opacity:.6;cursor:default}
.ui-cloud-button:focus-visible {outline:2px solid #69482e;outline-offset:1px}
.battle-dialog-button,.qian-decision-actions button,.su-det-upgrade-btn,.su-upg-ok {letter-spacing:.025em!important;-webkit-text-stroke-width:.7px!important;text-shadow:0 1px #69482e!important}

/* 01. Glow follows alpha, not the rectangular DOM box, including the first-run guide. */
#hextech-screen.temple-gamble #hextech-shuffle-btn.show,
#hextech-screen #hextech-shuffle-btn.guide-hextech-card-highlight {
    animation:uiCupButtonIn .25s ease-out both,uiCupButtonGlow 1.8s .25s ease-in-out infinite!important;
    box-shadow:none!important;outline:none;
}
#hextech-screen #hextech-shuffle-btn::before,#hextech-screen #hextech-shuffle-btn::after {content:none!important}
@keyframes uiCupButtonIn {from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}
@keyframes uiCupButtonGlow {0%,100%{filter:drop-shadow(0 0 2px #f3c36244)}50%{filter:drop-shadow(0 0 7px #f3c36299)}}
#hextech-screen.temple-gamble #hextech-shuffle-btn.spent {animation:none!important;filter:none;opacity:0}

/* The slip uses the same title, icon and body hierarchy as skill-card details. */
#hextech-screen.temple-gamble .hextech-card-inner {padding:94px 25px 64px;gap:0}
#hextech-screen.temple-gamble .hextech-rune-name {
    margin:0 0 13px;max-width:100%;color:var(--ui-ink);
    font:400 23px/1.35 var(--font-ui-title);font-synthesis:none;letter-spacing:.02em;
    text-shadow:none;-webkit-text-stroke:0;text-wrap:balance;
}
#hextech-screen.temple-gamble .hextech-icon-wrap {width:62px;height:62px;flex-basis:62px;margin:0 0 17px;padding:4px;border-radius:14px}
#hextech-screen.temple-gamble .hextech-rune-owner {flex:none;margin:0 0 9px;color:var(--ui-muted);font:400 11px/1.5 var(--ui-body);text-align:center}
#hextech-screen.temple-gamble .hextech-rune-desc {
    box-sizing:border-box;flex:0 1 auto;min-height:0;margin:0;padding:0;border:0;
    color:var(--ui-ink);font:400 14px/1.75 var(--ui-body);text-align:left;
    text-wrap:pretty;word-break:normal;overflow-wrap:anywhere;overflow-y:auto;
}
#hextech-screen.temple-gamble .hextech-effect-line {margin:0;font:inherit;color:inherit}
#hextech-screen.temple-gamble .hextech-effect-line + .hextech-effect-line {margin-top:7px}
#hextech-screen.temple-gamble .qian-short-copy .hextech-rune-desc {text-align:center;text-wrap:pretty}
#hextech-screen.temple-gamble .qian-short-copy .hextech-effect-line + .hextech-effect-line {margin-top:2px}
.qian-decision-scope {color:#fff0d1;font:12px/1.4 var(--ui-body);margin:0 0 6px}
#hextech-screen .qian-decision-risk {color:#e8dbc7;font:12px/1.65 var(--ui-body);max-width:100%}
#hextech-screen .qian-decision-risk .ui-key-number {color:#ffe2a0}
#hextech-screen.temple-gamble .qian-decision-actions button {font-size:var(--ui-button-size);height:54px;min-height:54px}
#hextech-screen.temple-gamble .qian-decision-actions .qian-decision-gamble {
    background-image:url('../assets/ui_consistency_20260919a/button-paper.png');
    color:var(--ui-ink);text-shadow:none!important;-webkit-text-stroke:0!important;
}
#hextech-screen.temple-gamble .temple-invitation>span {font:12px/1.5 var(--ui-body);color:#e6d8be;letter-spacing:.02em}
#hextech-screen.temple-legacy .hextech-rune-desc {font-size:11px;line-height:1.55;overflow:hidden}
#hextech-screen.temple-legacy .hextech-rune-owner {font-size:10px;margin-bottom:6px}
#hextech-screen.temple-legacy .hextech-card-inner {padding:61px 13px 45px;gap:0}
#hextech-screen.temple-legacy .hextech-rune-name {font-size:17px;line-height:1.35;margin-bottom:6px}
#hextech-screen.temple-legacy .hextech-icon-wrap {width:46px;height:46px;flex-basis:46px;margin-bottom:9px}
@container temple (max-height:760px) {
    #hextech-screen.temple-gamble:not(.temple-legacy) .hextech-card {--slip-height:min(470px,calc(100cqh - 216px));height:var(--slip-height);width:min(220px,calc((100cqh - 216px) * .4681))}
    #hextech-screen.temple-gamble .hextech-card-inner {padding:calc(var(--slip-height,438px) * .195) 11.4% calc(var(--slip-height,438px) * .14);gap:0}
    #hextech-screen.temple-gamble .hextech-rarity-label {top:10.5%;font-size:14px}
    #hextech-screen.temple-gamble .hextech-rune-name {font-size:21px;line-height:1.3;margin-bottom:9px}
    #hextech-screen.temple-gamble .hextech-icon-wrap {width:50px;height:50px;flex-basis:50px;margin-bottom:12px}
    #hextech-screen.temple-gamble .hextech-rune-desc {font-size:13px;line-height:1.7;padding:0}
    #hextech-screen.temple-legacy .hextech-card-inner {padding:61px 13px 45px}
    .qian-decision-scope {margin-bottom:4px}
}

/* 06. Keep the guide character and sequence, replace the old neon material. */
.guide-speech-bubble {background:var(--ui-paper);border:2px solid #886444;color:var(--ui-ink);box-shadow:inset 0 0 0 2px #fff8e8,0 4px 0 #34231830;animation:none;font-family:var(--ui-body)}
.guide-speech-bubble::before {border-right-color:#886444}
.guide-speech-bubble::after {border-right-color:var(--ui-paper)}
.guide-text-main {color:var(--ui-ink);font-size:14px;font-weight:500;line-height:1.7;text-shadow:none}
.guide-text-main::before {color:#976530;font:400 17px/1.5 var(--font-game-title);text-shadow:none;letter-spacing:.025em}
.guide-text-main strong,.guide-text-main b {color:#8a502f;text-shadow:none}
.guide-dismiss-hint {color:#f9e8c3;font:12px/1.5 var(--ui-body);text-shadow:0 1px #473723;animation:none;letter-spacing:0}

/* 07 / 08. Face index, skill picture and pips. Selected information reads below. */
#hero-detail-screen {container:hero-detail / size}
#hd-panel-equip {overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b89568 transparent;touch-action:pan-y}
#hd-panel-equip .hd-hero-showcase {min-height:154px;padding:0;flex:1 0 154px}
#hd-panel-equip .hd-bottom-info-panel {margin-top:0;padding-bottom:8px}
.hd-dice-section {margin:6px 10px 5px}
.hd-dice-faces-row {grid-template-columns:repeat(4,60px);grid-template-rows:repeat(3,60px);gap:4px}
.hd-dice-face {width:60px;height:60px;padding:5px;justify-content:center;overflow:visible}
.hd-dice-face-icon {width:40px;height:40px;margin:0}
.hd-dice-face-num {top:5px;left:5px;font:10px/1 var(--ui-body);color:var(--hero-ink,#6a513a);opacity:.7}
.hd-dice-face-points {position:absolute;right:3px;bottom:2px;padding:1px 4px;min-width:16px;border:1px solid var(--hero-edge,#8c7251);border-radius:5px;background:#fff6e3;color:#543d2d;font:16px/1 var(--font-game-number)}
#hero-detail-screen .hd-dice-face.is-current {outline:2px solid var(--hero-edge);outline-offset:1px;box-shadow:inset 0 0 0 2px #fff8e6,0 2px 0 #76543755}
.hd-dice-selection {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;margin:9px 3px 0;padding:7px 10px;background:#fff1d3;border:1px solid #bfa274;border-radius:8px;color:var(--ui-ink)}
.hd-dice-selection strong {font:400 17px/1.3 var(--font-ui-title)}
.hd-dice-selection span {font:12px/1.45 var(--ui-body);text-align:right;white-space:pre-line}
.hd-face-summary {display:flex;flex-direction:column;gap:3px}
.hd-face-index {font:400 16px/1.25 var(--font-ui-title);letter-spacing:.035em;color:var(--hero-ink)}
.hd-face-meta {font:11px/1.4 var(--ui-body);color:var(--ui-muted)}
.hd-face-modal-title {font:400 21px/1.4 var(--font-ui-title);letter-spacing:.025em;text-shadow:none}
.hd-face-modal {box-sizing:border-box;max-height:calc(100% - 145px);overflow-y:auto;overscroll-behavior:contain}
.hd-face-modal-subtitle {font:12px/1.55 var(--ui-body);color:var(--ui-muted);padding:0 15px}
.hd-face-modal-item {width:100%;text-align:left;font-family:var(--ui-body);cursor:pointer}
.hd-face-modal-item.disabled {opacity:.55;cursor:default}
.hd-face-modal-item.current,.hd-face-modal[data-hero-id] .hd-face-modal-item.current {
    background:var(--hero-light,#fff0d4);border:2px solid var(--hero-edge,#8e7150);box-shadow:inset 0 0 0 1px #fff8e8;
}
.hd-face-modal[data-hero-id] .hd-face-modal-item.current .hd-face-modal-cost {color:var(--hero-ink)}
.hd-face-modal-desc {font:12px/1.55 var(--ui-body);color:#735b43}
.hd-face-modal-cost {font:12px/1.5 var(--ui-body);color:#775637;min-width:54px;text-align:right}
.hd-face-modal-close {border:0;background:none;width:40px;height:40px;cursor:pointer}
@container hero-detail (max-height:720px) {
    .hd-dice-faces-row {grid-template-columns:repeat(4,57px);grid-template-rows:repeat(3,57px);gap:4px}
    .hd-dice-face {width:57px;height:57px}
    .hd-dice-face-icon {width:35px;height:35px}
    .hd-dice-selection {margin-top:6px;padding:5px 8px;min-height:37px}
    #hd-panel-equip .hd-hero-showcase {min-height:154px}
}

/* 09 / 10. Hero identity frames and a deliberate locked-card entry. */
#hero-detail-screen[data-hero-id] .hd-card-frame-wrap {
    box-sizing:border-box;border:4px solid var(--hero-edge);border-radius:13px;background:var(--hero-light);
    box-shadow:inset 0 0 0 2px #fff6dc,0 3px 0 #46332355;
}
#hero-detail-screen .hd-card-frame-bg {display:none}
#hero-detail-screen .hd-card-frame-wrap .hd-compare-portrait {box-shadow:none;object-fit:contain}
#hero-detail-screen .hd-frame-stars {bottom:-8px;left:50%;transform:translateX(-50%);max-width:116px}
.hd-lvl-stat-panel,#hd-panel-starup .hd-lvl-bottom-content .hd-stat-changes {background:#f5e4c1;border:1px solid #c4a475;border-radius:10px;box-shadow:none}
.hd-lvl-stat-panel .hd-stat-base-val {font:18px/1.4 var(--font-game-number);color:var(--ui-ink)}
.hd-lvl-stat-panel .hd-stat-add-val {font:16px/1.4 var(--font-game-number);color:#426f34;text-shadow:none;animation:none}
.hd-lvl-bottom-content .hd-stat-change-label {font:12px/1.5 var(--ui-body);color:var(--ui-ink)}
.hd-lvl-bottom-content .hd-stat-old {font:14px/1.4 var(--font-game-number);color:#765d44}
.hd-lvl-bottom-content .hd-stat-new {font:16px/1.4 var(--font-game-number);color:var(--hero-ink,var(--ui-ink))}
.hd-lvl-bottom-content .hd-stat-diff {font:14px/1.4 var(--font-game-number);color:#426f34;text-shadow:none}
#skill-upgrade-screen .su-card-grid {row-gap:18px;column-gap:5px;align-content:start}
.su-locked-entry {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;width:100%;padding:10px 13px;border:1px solid #b6956e;border-radius:10px;background:#f5e5c8;color:var(--ui-ink);text-align:left;font:14px/1.5 var(--ui-body);cursor:pointer}
.su-locked-entry span {font-size:12px;color:var(--ui-muted)}
.su-locked-entry:focus-visible {outline:2px solid var(--hero-edge);outline-offset:2px}

/* 11. Readable battle cards: name, skill picture, effect and change. */
.upgrade-cards {align-items:stretch}
.upgrade-card {height:auto;min-height:292px}
.upgrade-card:not(.hero-type) .upgrade-face-slot:not(:first-child) {display:none}
.upgrade-card:not(.hero-type) .upgrade-face-icon {width:46px!important;height:46px!important}
.upgrade-card:not(.hero-type) .upgrade-card-inner {box-sizing:border-box;padding:10px 8px 15px;gap:7px;min-height:292px;height:100%}
.upgrade-card:not(.hero-type) .upgrade-skill-top {padding:0;gap:5px;min-height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.upgrade-card:not(.hero-type) .upgrade-card-title {font:400 18px/1.3 var(--font-ui-title);letter-spacing:0;margin:0;text-shadow:none;-webkit-text-stroke:0;overflow-wrap:anywhere}
.upgrade-kind {display:inline-block;flex:none;min-width:45px;box-sizing:border-box;padding:2px 7px;border:1px solid #956832;border-radius:6px;background:#ffe0a0;color:#634226;font:400 14px/1.35 var(--font-ui-title);letter-spacing:.08em;text-shadow:none;-webkit-text-stroke:0;white-space:nowrap}
.upgrade-kind-bond {background:#e8d5f3;border-color:#8a619d;color:#643e7d}
.upgrade-banner span {font-family:var(--font-ui-title);font-size:27px;letter-spacing:.07em;color:#604129;animation:none;-webkit-text-stroke:0;text-shadow:0 1px #fff2bf}
.upgrade-card:not(.hero-type) .upgrade-mid {padding:2px 0;min-height:46px}
.upgrade-card:not(.hero-type) .upgrade-skill-name-label,.upgrade-card:not(.hero-type) .upgrade-flower-row,.upgrade-card:not(.hero-type) .upgrade-growth-note {display:none}
.upgrade-card:not(.hero-type) .upgrade-bottom {padding:0;flex:1;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:0}
.upgrade-card:not(.hero-type) .upgrade-skill-desc {font:500 13px/1.55 var(--ui-body);text-shadow:none;display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere;margin:0}
.upgrade-skill-desc .upgrade-desc-number {font-weight:700;text-shadow:none;-webkit-text-stroke:0}
.upgrade-card .upgrade-value-change {margin:1px 0 0;padding:3px 4px;background:#1c191526;border:0;box-shadow:none;border-radius:6px}
.upgrade-card .upgrade-vc-cur {font:15px/1.3 var(--font-game-number);color:var(--hero-card-ink);opacity:.85;text-shadow:none}
.upgrade-card .upgrade-vc-next {font:20px/1.3 var(--font-game-number);color:var(--hero-card-number);text-shadow:none}
.upgrade-card .upgrade-vc-arrow {color:var(--hero-card-ink);font:14px/1.3 var(--ui-body);animation:none;text-shadow:none}
.upgrade-card[aria-disabled="true"] {cursor:default}
.upgrade-selection-busy #upgrade-reroll-wrapper {opacity:.35;pointer-events:none}
.upgrade-choice-muted {opacity:.24}
.upgrade-choice-confirmed {z-index:5}
.upgrade-feedback-layer {position:absolute;inset:0;z-index:80;overflow:hidden;pointer-events:none}
.upgrade-flight-icon {position:absolute;width:44px;height:44px;box-sizing:border-box;padding:3px;object-fit:contain;border:2px solid var(--hero-edge,#c49748);border-radius:11px;background:var(--hero-light,#fff0cd);box-shadow:0 2px 0 #54382055,0 0 12px #fff0b7a0;will-change:transform,opacity}
.upgrade-recipient-glow {position:absolute;width:77px;height:77px;border-radius:50%;background:radial-gradient(ellipse,#fff1c188 0%,var(--hero-light,#fff0cd) 20%,transparent 68%);mix-blend-mode:screen;pointer-events:none}
.upgrade-card .upgrade-dice-change {display:flex;align-items:center;justify-content:center;gap:3px;min-height:34px;padding:2px}
.upgrade-point-symbol {position:relative;display:inline-flex;width:27px;height:29px;flex:none;align-items:center}
.upgrade-point-symbol img {width:100%;height:100%;object-fit:contain}
.upgrade-point-symbol b {position:absolute;right:0;bottom:0;padding:0 1px;border-radius:3px;background:#ffdb83;color:#624020;font:12px/1 var(--font-game-number)}
.upgrade-point-scope {font:500 11px/1.3 var(--ui-body);color:var(--hero-card-ink)}
.dice-point-feedback {position:absolute;display:flex;align-items:center;gap:1px;padding:2px 5px;border:1px solid var(--hero-edge,#99754a);border-radius:10px;background:#fff0d6ed;box-shadow:0 2px 0 #6a482b44;transform:translate(-50%,-50%);pointer-events:none}
.dice-point-face {position:relative;display:block;width:42px;height:45px;flex:none}
.dice-point-frame {position:absolute;inset:0;width:42px;height:42px;object-fit:contain}
.dice-point-skill {position:absolute;left:10px;top:6px;width:20px;height:20px;object-fit:contain}
.dice-point-number {position:absolute;left:2px;top:25px;width:33px;text-align:center;color:#55412c;font:400 14px/15px var(--font-game-number)}
.dice-point-number.is-after {color:#306b45}
.dice-point-number[hidden] {display:none}
.dice-point-added {padding:0 3px;color:#3b7850;font:400 20px/1 var(--font-game-number);text-shadow:0 1px #fff8df}
@media(prefers-reduced-motion:reduce) {
    .upgrade-card,.upgrade-card.upgrade-card-key {animation:none!important}
    .upgrade-recipient-glow {transform:translate(-50%,-50%);opacity:.5}
}
#upgrade-reroll-btn {box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:7px;width:154px;height:44px;min-height:44px;padding:0 10px 3px;border:0;border-radius:0;background:transparent url('../assets/ui_consistency_20260919a/button-paper.png') center/100% 100% no-repeat;box-shadow:none;color:var(--ui-ink)}
#upgrade-reroll-btn span {color:inherit;text-shadow:none;font:400 18px/1 var(--font-game-title)}
#upgrade-reroll-btn .upgrade-reroll-count {font-family:var(--font-game-number);font-size:18px}
#upgrade-reroll-btn::before,#upgrade-reroll-btn::after {content:none}

/* 12 / 13. Clear action icons and the same paper confirmation material. */
.main-top-right {gap:8px;align-items:center}
.main-top-right button {box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;padding:5px;border:1.5px solid #98764e;border-radius:11px;background:#ffefd4dc;box-shadow:inset 0 0 0 1px #fff9e8,0 2px 0 #77553844;cursor:pointer}
.main-top-right button img {width:27px;height:27px;object-fit:contain}
.main-top-right button:active {transform:translateY(1px)}
.main-top-right button:focus-visible {outline:2px solid #695139;outline-offset:2px}
.main-top-right button.is-muted {background:#ddceb4}
#reset-save-overlay {box-sizing:border-box;position:absolute;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;background:#2e291caf}
.reset-save-dialog {box-sizing:border-box;position:relative;width:320px;max-width:100%;padding:25px 22px 21px;text-align:center;border:3px solid #795539;border-radius:17px;background:var(--ui-paper);box-shadow:inset 0 0 0 3px #ffe0a6,0 12px 30px #1c150b55}
.reset-save-title {margin:0 0 12px;color:var(--ui-ink);font:400 27px/1.3 var(--font-game-title)}
.reset-save-desc {color:var(--ui-ink);font:14px/1.75 var(--ui-body);margin:0 0 20px;text-align:left}
.reset-save-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}
.reset-save-actions button {width:100%;height:50px;min-height:50px;font-size:19px}

/* Shared details keep full rules, level context and unlock conditions available. */
.game-detail-overlay {box-sizing:border-box;position:absolute;inset:0;z-index:13000;background:#282316b3;display:flex;align-items:center;justify-content:center;padding:24px 19px;animation:uiReadIn .16s ease-out both}
.game-detail-sheet {box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;width:342px;max-width:100%;max-height:100%;padding:22px 22px 18px;border:3px solid #795539;border-radius:18px;background:var(--ui-paper);box-shadow:inset 0 0 0 3px #ffe1aa,0 10px 28px #25190f55;color:var(--ui-ink)}
.game-detail-close {position:absolute;top:5px;right:5px;display:grid;place-items:center;width:40px;height:40px;background:none;border:0;color:#735137;font:29px/1 var(--ui-body);cursor:pointer}
.game-detail-close:focus-visible {outline:2px solid #ac8757;border-radius:8px}
.game-detail-icon {width:52px;height:52px;object-fit:contain;margin:0 0 8px;flex:none}
.game-detail-title {margin:0 0 14px;font:400 25px/1.3 var(--font-game-title);text-align:center;color:var(--ui-ink)}
.game-detail-eyebrow {margin:0 0 4px;color:#81633e;font:12px/1.5 var(--ui-body)}
.game-detail-body {width:100%;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#b69668 transparent;touch-action:pan-y}
.game-detail-section+.game-detail-section {border-top:1px solid #d7ba88;margin-top:12px;padding-top:12px}
.game-detail-section h3 {font:400 18px/1.4 var(--font-game-title);margin:0 0 6px;color:var(--hero-ink,var(--ui-ink))}
.game-detail-section p {margin:0;white-space:pre-line;font:14px/1.85 var(--ui-body);color:var(--ui-ink);overflow-wrap:anywhere}
.game-detail-row {display:flex;align-items:center;gap:10px;padding:8px 0}
.game-detail-row+.game-detail-row {border-top:1px solid #e4cfaa}
.game-detail-row>img {flex:none;width:35px;height:35px;object-fit:contain}
.game-detail-row>div {min-width:0}
.game-detail-row strong {font:400 18px/1.4 var(--font-game-title)}
.game-detail-row p {font-size:12px;color:var(--ui-muted)}
.game-detail-done {width:205px;max-width:100%;margin:17px 0 0;flex:none}
@keyframes uiReadIn {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* 14. Settlement reuses the pause / revive material and live navigation routes. */
#result-screen {background:#2e291caf;container:settlement / size}
#result-screen .settlement-container {box-sizing:border-box;position:absolute;inset:auto 18px;top:50%;transform:translateY(-50%);width:auto;height:auto;max-height:calc(100% - 48px);padding:23px 18px 18px;justify-content:flex-start;border:3px solid #795539;border-radius:19px;background:var(--ui-paper);box-shadow:inset 0 0 0 3px #ffe1a4,0 12px 30px #20160855;color:var(--ui-ink);overflow-y:auto;overscroll-behavior:contain}
#result-screen .settlement-banner {width:100%;height:auto;flex:none;margin:0 0 5px}
#result-screen .settlement-banner-title {color:var(--ui-ink);font:400 31px/1.4 var(--font-game-title);text-shadow:none;letter-spacing:.035em}
#result-screen .settlement-banner-scroll,#result-screen .settlement-panel-bg,#result-screen .settlement-reward-title-img,#result-screen .settlement-reward-area-bg {display:none}
#result-screen .settlement-subtitle {font:14px/1.6 var(--ui-body);color:var(--ui-muted);margin:0 0 11px}
#result-screen .settlement-stats {gap:12px;margin:0 0 14px}
#result-screen .settlement-stat-item {color:var(--ui-ink);font:13px/1.5 var(--ui-body);background:#e9d2a95c;box-shadow:none}
#result-screen .settlement-panel {width:100%;flex:none;min-height:0;animation:none}
#result-screen .settlement-panel-content {position:relative;inset:auto;width:100%;height:auto;min-height:0;justify-content:flex-start}
#result-screen .settlement-reward-header {height:auto;margin:8px 0 13px;width:100%;border-top:1px solid #cbaa75;padding-top:15px}
#result-screen .settlement-reward-title {font:400 21px/1.4 var(--font-game-title);color:var(--ui-ink);letter-spacing:.025em}
#result-screen .settlement-rewards-wrap {margin:0 0 16px;flex:none;min-height:128px;display:flex;align-items:center;justify-content:center}
#result-screen .settlement-rewards-grid {position:relative;inset:auto;width:100%;gap:12px;max-height:260px;overflow-y:auto;padding:8px 2px;box-sizing:border-box}
#result-screen .settlement-reward-item {box-sizing:border-box;width:75px;height:85px;border:1px solid #b89662;border-radius:11px;background:#fff7e5;box-shadow:0 2px 0 #b99c6944;gap:6px}
#result-screen .settlement-reward-frame {display:none}
#result-screen .settlement-reward-icon {width:39px;height:39px;margin:0}
#result-screen .settlement-reward-count {font:19px/1 var(--font-game-number);color:var(--ui-ink);text-shadow:none}
#result-screen .settlement-buttons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:none;margin:0;animation:none}
#result-screen .settlement-btn {width:100%;height:53px;min-height:53px;margin:0;padding:0 6px 4px;font-size:19px}
#result-screen .settlement-ways-section {width:100%;padding:18px 0 0;margin:12px 0 0;border-top:1px solid #d8ba8a;flex:none}
#result-screen .settlement-ways-hint {font:13px/1.5 var(--ui-body);color:var(--ui-muted);margin:0 0 12px;text-shadow:none}
#result-screen .settlement-ways-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
#result-screen .settlement-way-item {box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;min-width:0;width:100%;height:52px;margin:0;padding:7px;background:#f2dfba;border:1px solid #c4a276;border-radius:10px;cursor:pointer;box-shadow:0 2px #82613a1a}
#result-screen .settlement-way-icon {width:31px;height:31px;flex:none}
#result-screen .settlement-way-icon img {width:100%;height:100%;object-fit:contain}
#result-screen .settlement-way-name {font:17px/1.4 var(--font-game-title);color:var(--ui-ink);text-shadow:none;white-space:nowrap}
@container settlement (max-height:660px) {
    #result-screen .settlement-container {inset:auto 16px;top:50%;max-height:calc(100% - 28px);padding:15px 15px 14px}
    #result-screen .settlement-banner-title {font-size:27px}
    #result-screen .settlement-ways-section {padding-top:12px;margin-top:10px}
    #result-screen .settlement-rewards-wrap {min-height:90px;margin-bottom:12px}
}

/* 15. Retain the compact HUD; raise readable text and group long inventories. */
.battle-hud .wave-info {font-size:14px;line-height:18px;color:#4c3828;margin-top:0;font-weight:400}
.battle-hud .exp-text {font-size:8px;line-height:8px}
.land-blessing-layer {z-index:36}
.land-blessing-tip {box-sizing:border-box;max-height:calc(100% - 90px);color:var(--ui-ink);display:flex;flex-direction:column}
.land-blessing-list {min-height:0;max-height:390px;overflow-y:auto}
.land-tip-heading {font-size:23px;color:var(--ui-ink)}
.land-tip-title {font-size:18px;line-height:1.4;color:var(--ui-ink)}
.land-tip-rarity {font:12px/1.4 var(--ui-body);color:#786042}
.land-tip-group {font:400 15px/1.5 var(--font-game-title);color:#6b4a2e;background:#ebd5ab77;border-radius:5px;padding:4px 7px;letter-spacing:.02em;margin:10px 0 2px}
.land-blessing-tip p {font:13px/1.75 var(--ui-body);color:var(--ui-ink)}
.land-tip-target {color:#775336}
.land-tip-live {color:#476345!important}
.land-tip-copy .ui-key-number {font-weight:700}
@media(prefers-reduced-motion:reduce) {
    #hextech-screen.temple-gamble #hextech-shuffle-btn.show,#hextech-screen #hextech-shuffle-btn.guide-hextech-card-highlight {animation:none!important;filter:none}
    .game-detail-overlay {animation:none}
}

/* Keep the taller original Nezha art inside the equipment viewport, including its floating motion. */
#hd-panel-equip .hd-hero-showcase[data-hero-id="nezha"] .hd-hero-full-portrait {
    width:auto;height:140px;max-height:140px;max-width:156px;object-fit:contain;
}