.levelup110{position:absolute;inset:0;z-index:65;container-type:size;color:#fff1d4;font-family:"MF Sans",system-ui,sans-serif;isolation:isolate;background:linear-gradient(90deg,transparent 25%,#090c1044 39%,#090c10d9 65%,#090c10ed);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.levelup110[hidden]{display:none!important}
.levelup110-content{position:absolute;left:40%;right:3%;top:8%;bottom:6%;display:flex;flex-direction:column;justify-content:center;gap:2.3cqh;min-height:0}
.levelup110-heading{position:relative;flex:0 0 auto;margin:0}
.levelup110-eyebrow{display:flex;align-items:center;gap:1.5cqw;padding-left:.65cqw;border-left:3px solid #dfba67;font-size:1.45cqw;line-height:1.4}
.levelup110-level{font-weight:900;color:#ffe9a7;white-space:nowrap;font-size:2cqw;letter-spacing:.03em}
.levelup110-reason{color:#d4c9b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.levelup110-title-wrap{position:relative;width:94%;height:20cqh;display:flex;align-items:center;transform:translateY(var(--lu110-title-y,0)) scale(var(--lu110-title-scale,1));transform-origin:45% 65%;overflow:hidden}
.levelup110-title{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 .7cqh .3cqh #030407);pointer-events:none}
.levelup110-shine{position:absolute;inset:0;pointer-events:none;opacity:var(--lu110-shine-alpha,0);background:linear-gradient(112deg,transparent 38%,#fff7d688 47%,#fffce8 50%,transparent 59%);background-size:250% 100%;background-position:var(--lu110-shine-x,-60%) center;mask:url('/dragon-ui/art/level-up-title-v110.webp') left center/contain no-repeat;-webkit-mask:url('/dragon-ui/art/level-up-title-v110.webp') left center/contain no-repeat;mix-blend-mode:screen}
.levelup110-instruction{margin:-.2cqh 0 0;color:#e6d9c0;font-size:1.55cqw;line-height:1.4;letter-spacing:.025em}
.levelup110-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;align-items:stretch;min-height:0}
.levelup110-card{--accent:#ffc35b;--wash:#ae581e;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:30cqh;margin:0;padding:1.4cqh 1.1cqw 1.2cqh;border:1px solid #71644d;border-top:3px solid var(--accent);border-radius:0;background:linear-gradient(155deg,color-mix(in srgb,var(--wash) 25%,#161716),#0a0d11 72%);color:#f9ead2;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px #090a0e;outline-offset:4px;-webkit-tap-highlight-color:transparent}
.levelup110-card[data-choice=health]{--accent:#6ce8b5;--wash:#17674e}
.levelup110-card[data-choice=defense]{--accent:#8fc6ff;--wash:#264e8c}
.levelup110-card:not(:disabled):hover,.levelup110-card:not(:disabled):focus-visible{border-color:var(--accent);background:linear-gradient(150deg,color-mix(in srgb,var(--wash) 50%,#17191c),#11161c);outline:2px solid var(--accent)}
.levelup110-card-cap{display:flex;align-items:center;gap:.7cqw;width:100%;margin-bottom:1.5cqh}
.levelup110-key{font:700 1.35cqw/1.2 system-ui;color:var(--accent);opacity:.85;padding-right:.65cqw;border-right:1px solid #827051}
.levelup110-name{font-size:2.35cqw;line-height:1;letter-spacing:.06em;font-weight:900}
.levelup110-bonus{font-size:1.3cqw;line-height:1.35;font-weight:800;color:var(--accent);white-space:nowrap}
.levelup110-stat-label{font-size:1.1cqw;line-height:1.3;color:#c3bcaf;margin-top:2.6cqh}
.levelup110-values{display:flex;align-items:baseline;gap:.55cqw;white-space:nowrap;margin:.6cqh 0 1.9cqh;font-variant-numeric:tabular-nums;font-size:1.42cqw;font-weight:700}
.levelup110-before{color:#c5c0b5}
.levelup110-arrow{color:var(--accent)}
.levelup110-after{font-size:2.05cqw;color:#fff5db;letter-spacing:-.045em}
.levelup110-tag{font-size:1.03cqw;line-height:1.3;color:#c9c0ae;margin-bottom:2.4cqh}
.levelup110-mark{display:block;width:100%;border-top:1px solid #77674a;padding-top:1cqh;margin-top:auto;font-size:1.12cqw;line-height:1.3;letter-spacing:.06em;color:var(--accent);font-weight:800}
.levelup110-card:disabled{cursor:default;opacity:1}
.levelup110[data-phase=applied] .levelup110-card:not([data-selected=true]){opacity:.4}
.levelup110[data-phase=applied] .levelup110-card[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 25px color-mix(in srgb,var(--accent) 20%,transparent),0 0 2.5cqw color-mix(in srgb,var(--accent) calc(var(--lu110-glow,0)*35%),transparent)}
.levelup110[data-paused=true] .levelup110-cards{filter:saturate(.55)}
.levelup110-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.1cqh 1cqw;color:#d4c9b7;font-size:1.12cqw;line-height:1.25}
.levelup110-heal{display:block;width:100%;font-size:1.5cqw;color:#a7efd0}
.levelup110-help{flex:1 1 auto}
.levelup110-pause{font:700 1.15cqw/1.2 "MF Sans",system-ui,sans-serif;border:1px solid #8d784d;background:#0d1017c9;color:#ecd9a9;padding:.8cqh .8cqw;cursor:pointer;border-radius:0}
.levelup110-pause:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}
.levelup110-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container (max-height:450px){
 .levelup110-content{top:6%;bottom:5%;gap:2cqh}
 .levelup110-eyebrow{font-size:1.3cqw}.levelup110-level{font-size:1.8cqw}
 .levelup110-title-wrap{height:20cqh}.levelup110-instruction{font-size:1.42cqw}
 .levelup110-card{min-height:31cqh;padding:1.5cqh .9cqw 1.2cqh}
 .levelup110-card-cap{margin-bottom:1.6cqh}.levelup110-name{font-size:2.2cqw}
 .levelup110-bonus{font-size:max(11px,1.25cqw)}.levelup110-stat-label{margin-top:2.2cqh;font-size:max(11px,1.15cqw)}
 .levelup110-tag{display:none}.levelup110-values{margin-bottom:2cqh;font-size:1.3cqw;gap:.38cqw}.levelup110-after{font-size:1.9cqw}
 .levelup110-mark{font-size:max(11px,1.17cqw)}.levelup110-footer{font-size:max(11px,1.14cqw)}.levelup110-heal{font-size:1.42cqw}
}

.level-badge110{position:absolute;right:9%;bottom:0;padding:2px 7px;border-left:2px solid #dfba67;background:#0b101bdd;color:#ffdc85;font:900 12px/1.2 system-ui;white-space:nowrap;pointer-events:none}
@media(max-height:450px){.level-badge110{font-size:10px;padding:1px 5px}}