.level-dialog{position:fixed;inset:auto auto 50px 50%;margin:0;padding:0;border:0;transform:translateX(-50%);background:transparent;color:#fff;overflow:visible;container-type:inline-size;max-width:none;max-height:none;user-select:none;filter:drop-shadow(0 1cqw 2.5cqw #07052280)}
.level-dialog::backdrop{background:#0908264d}
.level-panel-art{position:absolute;z-index:0;left:-2.6%;top:-16cqw;width:105.2%;height:calc(100% + 23cqw);object-fit:fill;pointer-events:none}
.level-dialog-scroll{position:relative;max-height:var(--level-max-height,85svh);overflow-y:auto;overflow-x:hidden;border-radius:13cqw;scrollbar-width:thin;scrollbar-color:#a08bff #342587;overscroll-behavior:contain;touch-action:pan-y}
.level-card{position:relative;padding:4.5cqw 4.1cqw 3cqw;isolation:isolate}
.level-card-heading{text-align:center;padding:0 5cqw}
.level-card-heading h1{font:700 11.4cqw/1.02 Fredoka,var(--font);margin:0;letter-spacing:-.2cqw;-webkit-text-stroke:1.2cqw #100825;paint-order:stroke fill;text-shadow:0 .7cqw .15cqw #1b062e;color:#fffaf2;transform:rotate(-1deg);white-space:nowrap}
.level-detail-number{color:#ffd12b;font-size:11.9cqw;text-shadow:0 .7cqw .1cqw #642909}
.level-mine-name{font:900 4.15cqw/1.2 var(--font);color:#e1dbff;text-shadow:0 .3cqw .15cqw #1b1749;margin:1.15cqw -4cqw .7cqw}
.level-requirement{font:900 3.85cqw/1.25 var(--font);margin:.4cqw -4cqw 2.3cqw;color:#ddd7ff;text-shadow:0 .25cqw .1cqw #1d194f}.level-requirement strong{color:#fff058}.level-requirement.ready{color:#a5ffb1}
.level-x{position:absolute;right:3.5cqw;top:6.2cqw;width:8cqw;height:8cqw;min-width:30px;min-height:30px;border-radius:50%;border:.35cqw solid #b58aff;background:linear-gradient(145deg,#8d4df8,#3430b9);box-shadow:inset 0 .25cqw .5cqw #d2a8ff69,0 .5cqw .7cqw #17114877;color:#dad8ff;display:grid;place-items:center;padding:2cqw;z-index:2}.level-x svg{width:100%;height:100%}
.level-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1.8cqw}
.level-metric,.level-holding{border:.35cqw solid #6850ff;border-radius:4.2cqw;background:linear-gradient(115deg,#3223a4f2,#1b185ddd);box-shadow:inset 0 .4cqw .9cqw #9e79ff35,0 .3cqw .5cqw #21107744;display:flex;align-items:center;gap:1.3cqw;padding:1.3cqw 1.5cqw;min-width:0;min-height:14.4cqw}
.level-icon{display:block;background:url('assets/level-icons.webp') 17% 5%/300% 220% no-repeat;flex:none;width:11.5cqw;height:11.5cqw;pointer-events:none}.level-icon-coins{background-position:80% 5%}.level-icon-wallet{background-position:23% 100%}.level-icon-miner{background-position:80% 95%}
.level-metric>div{min-width:0}.level-metric>div>span{display:block;font-size:3cqw;font-weight:900;color:#e5e0ff;line-height:1.08}.level-metric strong{display:block;font:1000 4.55cqw/1.17 var(--font);color:#fff15a;letter-spacing:-.15cqw;text-shadow:0 .25cqw .15cqw #121132;margin-top:.7cqw;white-space:nowrap}
.level-holding{margin-top:1.5cqw;min-height:12.6cqw;border-radius:3.5cqw;padding:1.2cqw 2cqw;gap:1.8cqw}.level-holding>.level-icon{width:9.9cqw;height:9.9cqw}.level-holding>div{flex:1;min-width:0}.level-holding>div>span{display:block;font-size:2.9cqw;color:#bfb8ff;font-weight:800;line-height:1.1}.level-holding strong{display:block;font-size:4.8cqw;line-height:1.15;color:#ff9cc7;font-weight:1000;white-space:nowrap;text-shadow:0 .2cqw .12cqw #170c36;margin-top:.6cqw}
.level-warning{display:flex;justify-content:center;align-items:center;gap:1cqw;padding:1.4cqw 1.7cqw;width:31.6cqw;min-height:8.1cqw;border:.3cqw solid #af59af88;border-radius:3cqw;color:#ff9fc5;background:linear-gradient(125deg,#592564aa,#3c18588a);font-size:2.9cqw;font-weight:1000;white-space:nowrap;text-shadow:0 .2cqw #441444}.level-warning svg{flex:none;width:4.7cqw;height:4.7cqw}.level-warning.ready{color:#a4ffb8;background:#1e665357;border-color:#81d29966;font-size:2.4cqw;white-space:normal;text-align:center}
.level-rewards-heading{font:700 4.6cqw/1.1 Fredoka,var(--font);-webkit-text-stroke:.8cqw #0e0b2e;paint-order:stroke fill;color:#fff;margin:2cqw 0 1.5cqw;text-shadow:0 .25cqw #10052c}
.level-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw}.level-reward{min-width:0;height:14.1cqw;display:flex;align-items:center;justify-content:center;border:.35cqw solid #845afb;border-radius:3.1cqw;gap:.5cqw;padding:.5cqw;background:linear-gradient(130deg,#7548da,#4338bd 60%,#302b9399);box-shadow:inset 0 .4cqw .6cqw #cca6ff44,0 .4cqw .5cqw #21164899}.level-reward>.level-icon{width:11cqw;height:12.4cqw}.level-reward>.sprite{width:11cqw;height:12.4cqw}.level-reward strong{display:block;color:#fff757;font:1000 3.9cqw/1.1 var(--font);text-shadow:0 .25cqw .1cqw #100c34;white-space:nowrap}.level-reward b{display:block;color:#f6f5ff;font:900 3.1cqw/1.18 var(--font);text-shadow:0 .25cqw .15cqw #1a1554;white-space:nowrap}.level-skin-reward b{font-size:2.75cqw;line-height:1.3;white-space:normal}.level-skin-reward[hidden]{display:none}
.level-hint{color:#b8b4ef;font-size:2.7cqw;font-weight:700;line-height:1.3;text-align:center;margin:2.5cqw .4cqw 2.5cqw}.level-feedback{font-size:2.7cqw;font-weight:800;text-align:center;color:#dbffd8;margin:0 0 1.2cqw}.level-feedback:empty{display:none}
.level-primary{position:relative;width:100%;min-height:14.3cqw;border-radius:9cqw;border:.5cqw solid #ffec6c;background:linear-gradient(#fff16a,#ffda32 55%,#ffbd21);box-shadow:inset 0 .9cqw 0 #fff69c,inset 0 -1.15cqw 0 #ed8b0c,inset 0 -1.6cqw 0 #ffc344,0 .8cqw 1.1cqw #0d07377a;color:#fff9df;font:700 7.2cqw/1.1 Fredoka,var(--font);-webkit-text-stroke:1.05cqw #170f06;paint-order:stroke fill;text-shadow:0 .4cqw .1cqw #552008;padding:.9cqw 1cqw 1.6cqw;white-space:nowrap}
.level-close{display:block;margin:1.7cqw auto 0;width:69%;min-height:8.7cqw;border:.35cqw solid #9685f4;border-radius:7cqw;background:linear-gradient(150deg,#6e5dc4,#37348c);box-shadow:inset 0 .45cqw .7cqw #c4a7ff44,0 .7cqw .6cqw #14082e77;color:#e5deff;font:1000 4.25cqw/1.15 var(--font);text-shadow:0 .3cqw .2cqw #222049;padding:.8cqw}
.level-open .bottom-nav,.level-open .map-progress{visibility:hidden}.map-level[aria-haspopup="dialog"]{cursor:pointer}
html:not([lang="en"]) .level-mine-name{font-size:3.6cqw}html:not([lang="en"]) .level-primary{font-size:5.3cqw;-webkit-text-stroke:.8cqw #170f06}html:not([lang="en"]) .level-metric>div>span{font-size:2.8cqw}html:not([lang="en"]) .level-warning{font-size:2.45cqw;gap:.7cqw}html:not([lang="en"]) .level-skin-reward b{font-size:2.45cqw}html[lang="uk"] .level-card-heading h1,html[lang="uk"] .level-primary,html[lang="uk"] .level-rewards-heading{font-family:Nunito,var(--font);font-weight:1000}html[lang="uk"] .level-primary{font-size:4.9cqw}html[lang="de"] .level-rewards-heading{font-size:4cqw}
@media(hover:hover){.level-primary:hover,.level-close:hover,.level-x:hover{filter:brightness(1.1)}}
.level-x:focus-visible{outline:.5cqw solid #bb9aff;outline-offset:.2cqw}
.level-open .map-level[aria-pressed="true"] .map-plate{filter:drop-shadow(0 0 1cqw #ffcf4e)}
.level-open .map-level[aria-pressed="true"]::before{content:'';position:absolute;z-index:1;left:8%;top:17%;width:84%;height:63%;border:.65cqw solid #fff28b;border-radius:50%;box-shadow:0 0 1.2cqw #ffb92b,inset 0 0 1cqw #ffe036;pointer-events:none}
.level-open .map-level[aria-pressed="true"]::after{content:'';position:absolute;left:22%;top:-27%;width:56%;height:64%;background:url('assets/level-icons.webp') 80% 95%/300% 220% no-repeat;pointer-events:none;filter:drop-shadow(0 0 .7cqw #fbc536)}
@media(prefers-reduced-motion:no-preference){.level-dialog[open]{animation:level-reveal .2s ease-out}@keyframes level-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}