body.level-up-is-open{overflow:hidden}.level-up-celebration{--celebration-duration:1600ms;position:fixed;z-index:2000;inset:0;padding:18px;display:grid;place-items:center;overflow:hidden;background:rgba(29,83,87,.32);backdrop-filter:blur(8px) saturate(.82);animation:levelUpBackdropIn .22s ease-out both}.level-up-panel{width:min(430px,100%);height:min(720px,calc(100dvh - 36px));position:relative;z-index:4;padding:42px 34px 28px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:34px;background:linear-gradient(180deg,rgba(250,255,255,.98),rgba(224,247,246,.97) 48%,rgba(174,226,228,.98));color:#164f4c;text-align:center;box-shadow:0 28px 86px rgba(12,67,72,.22),0 5px 18px rgba(22,95,99,.1),inset 0 1px 0 #fff;animation:levelUpPanelIn .4s cubic-bezier(.2,.75,.24,1) both}.level-up-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 40%,rgba(255,252,215,.5),transparent 24%),repeating-radial-gradient(ellipse at 50% 4%,transparent 0 27px,rgba(255,255,255,.16) 28px 29px,transparent 30px 60px)}.level-up-panel:after{content:"";position:absolute;z-index:-1;left:-14%;right:-14%;bottom:-58px;height:170px;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(4px)}.level-up-copy{position:relative;z-index:4;opacity:0;transform:translateY(-6px);animation:levelUpCopyIn .32s ease-out .68s forwards}.level-up-copy>span{display:block;height:12px;color:#d4b458;font-size:12px;line-height:1;text-shadow:0 0 10px rgba(234,209,128,.45)}.level-up-copy h1{margin:7px 0 6px;font-family:var(--font-title);font-size:39px;line-height:1;letter-spacing:.04em;text-shadow:0 2px 0 rgba(255,255,255,.62)}.level-up-copy p{margin:0;color:#62827f;font-size:11px;font-weight:720}.level-up-island{width:390px;height:390px;margin:-3px auto -7px;position:relative;z-index:2;flex:none}.level-up-island-art{width:112%;height:100%;z-index:1;top:50%;object-fit:contain;transform:translate(-50%,-50%) scale(.88);filter:drop-shadow(0 16px 15px rgba(31,112,108,.12));animation:levelUpIslandIn .36s cubic-bezier(.18,.88,.3,1.1) .04s forwards}.level-up-island-art,.level-up-rays{position:absolute;left:50%;opacity:0}.level-up-rays{width:265px;height:265px;z-index:0;top:42%;transform:translate(-50%,-50%) scale(.65);border-radius:50%;background:radial-gradient(circle,rgba(255,242,173,.5),rgba(255,246,204,.12) 49%,transparent 70%);animation:levelUpRays .65s ease-out .62s forwards}.level-up-medallion{width:132px;height:132px;position:absolute;z-index:3;left:50.2%;top:37.6%;transform:translate(-50%,-50%);border-radius:50%}.level-up-number{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial Rounded MT Bold,Avenir Next Rounded,sans-serif;font-size:82px;font-weight:950;line-height:1;color:#fffef5;-webkit-text-stroke:1px rgba(255,255,255,.74);text-shadow:0 2px 0 rgba(52,135,120,.28),0 5px 8px rgba(42,112,101,.2),0 0 13px rgba(255,255,255,.48)}.level-up-number-new,.level-up-number-old{translate:7px 12px}.level-up-number-old{animation:levelOldNumber var(--celebration-duration) ease-in-out both}.level-up-number-new{opacity:0;animation:levelNewNumber var(--celebration-duration) cubic-bezier(.2,.8,.2,1) both}.level-up-plaque{min-width:102px;position:absolute;z-index:4;left:50.2%;top:58%;padding:5px 18px;transform:translate(-50%,-50%) scale(.88);color:#756243;font-family:Avenir Next Rounded,sans-serif;font-size:16px;font-weight:900;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.8);opacity:0;animation:levelUpPlaqueIn .3s ease-out .88s forwards}.level-up-finish{width:100%;position:relative;z-index:5;margin-top:auto;opacity:0;transform:translateY(7px);animation:levelUpFinishIn .3s ease-out 1.08s forwards}.level-up-finish>p{margin:0 0 14px;color:#376b67;font-size:10px;font-weight:720}.level-up-finish button{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:linear-gradient(145deg,#268b7f,#146b67);color:#fff;font-size:13px;font-weight:880;letter-spacing:.025em;box-shadow:0 10px 22px rgba(13,91,85,.17),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer}.level-up-finish button:disabled{cursor:wait}.level-up-finish button span{margin-left:18px;color:#d0f2ea;font-size:16px}.level-up-finish button:not(:disabled):hover{transform:translateY(-1px)}.level-up-sea-glow{position:absolute;z-index:1;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,242,182,.34),rgba(255,247,216,.06) 46%,transparent 70%);opacity:0;transform:scale(.55);animation:levelUpSeaGlow .7s ease-out .6s forwards;pointer-events:none}.level-up-fireworks,.level-up-sparkles{position:absolute;z-index:5;inset:0;pointer-events:none}.level-up-fireworks i{width:3px;height:3px;position:absolute;left:calc(50% - 155px);top:calc(50% - 85px);border-radius:50%;color:#e7cc76;box-shadow:0 -25px currentColor,18px -18px currentColor,25px 0 currentColor,18px 18px currentColor,0 25px currentColor,-18px 18px currentColor,-25px 0 currentColor,-18px -18px currentColor;filter:drop-shadow(0 0 3px rgba(231,204,118,.45));opacity:0;animation:levelUpFirework .7s cubic-bezier(.18,.72,.2,1) .72s both}.level-up-fireworks i:nth-child(2){left:calc(50% + 154px);top:calc(50% - 53px);color:#b9e7d9;animation-delay:.84s}.level-up-fireworks i:nth-child(n+3){display:none}.level-up-sparkles i{position:absolute;left:50%;top:50%;color:#fff0b4;font-size:12px;font-style:normal;text-shadow:0 0 7px rgba(222,197,110,.56);opacity:0;animation:levelUpSparkle .92s calc(.66s + var(--sparkle-delay,0s)) ease-out both}.level-up-sparkles i:first-child{--sparkle-delay:.02s;transform:translate(-145px,-110px)}.level-up-sparkles i:nth-child(2){--sparkle-delay:.1s;transform:translate(137px,-126px)}.level-up-sparkles i:nth-child(3){--sparkle-delay:.18s;transform:translate(-170px,35px)}.level-up-sparkles i:nth-child(4){--sparkle-delay:.25s;transform:translate(165px,49px)}.level-up-sparkles i:nth-child(5){--sparkle-delay:.32s;transform:translate(-77px,159px)}.level-up-sparkles i:nth-child(6){--sparkle-delay:.38s;transform:translate(91px,166px)}.level-up-sparkles i:nth-child(n+7){display:none}@keyframes levelUpBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes levelUpPanelIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes levelUpCopyIn{to{opacity:1;transform:none}}@keyframes levelOldNumber{0%,13%{opacity:1;transform:scale(1) translateZ(0)}31%{opacity:.25;transform:scale(.58) translateZ(-18px)}38%,to{opacity:0;transform:scale(.54) translateZ(-22px)}}@keyframes levelNewNumber{0%,25%{opacity:0;transform:scale(.55)}32%{opacity:.38;transform:scale(.69)}43%{opacity:1;transform:scale(1.1)}50%{opacity:1;transform:scale(1)}56%{opacity:1;transform:scale(1.09)}63%,to{opacity:1;transform:scale(1)}}@keyframes levelUpIslandIn{0%{opacity:0;transform:translate(-50%,-47%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(.88)}}@keyframes levelUpRays{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}50%{opacity:.8}to{opacity:.42;transform:translate(-50%,-50%) scale(1)}}@keyframes levelUpSeaGlow{0%{opacity:0;transform:scale(.55)}58%{opacity:1;transform:scale(1.04)}to{opacity:.55;transform:scale(1)}}@keyframes levelUpPlaqueIn{0%{opacity:0;transform:translate(-50%,-42%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes levelUpFinishIn{to{opacity:1;transform:none}}@keyframes levelUpFirework{0%{opacity:0;transform:scale(.12)}22%{opacity:.8}72%{opacity:.48}to{opacity:0;transform:scale(1.12)}}@keyframes levelUpSparkle{0%{opacity:0;scale:.5}35%{opacity:.9;scale:1.05}to{opacity:0;scale:.7}}@media(max-width:720px){.level-up-celebration{padding:9px}.level-up-panel{width:min(410px,100%);height:min(750px,calc(100dvh - 18px));padding:34px 20px 21px;border-radius:29px}.level-up-copy h1{font-size:38px}.level-up-island{width:350px;height:390px;margin-top:-8px;margin-bottom:-12px}.level-up-island-art{width:116%}.level-up-medallion{width:122px;height:122px;top:37.8%}.level-up-number{font-size:78px}.level-up-plaque{top:57.8%;font-size:15px}.level-up-finish button{min-height:54px}.level-up-fireworks i:first-child{left:10%;top:31%}.level-up-fireworks i:nth-child(2){left:89%;top:37%}.level-up-sparkles i:first-child{transform:translate(-137px,-143px)}.level-up-sparkles i:nth-child(2){transform:translate(126px,-150px)}.level-up-sparkles i:nth-child(3){transform:translate(-148px,-10px)}.level-up-sparkles i:nth-child(4){transform:translate(143px,18px)}.level-up-sparkles i:nth-child(5){transform:translate(-87px,155px)}.level-up-sparkles i:nth-child(6){transform:translate(91px,160px)}}@media(max-height:760px) and (max-width:720px){.level-up-panel{padding-top:23px}.level-up-copy h1{font-size:34px}.level-up-island{height:345px;margin-block:-8px -16px}.level-up-medallion{width:105px;height:105px}.level-up-number{font-size:68px}.level-up-finish>p{margin-bottom:9px}}@media(prefers-reduced-motion:reduce){.level-up-celebration,.level-up-copy,.level-up-finish,.level-up-fireworks i,.level-up-island-art,.level-up-number-new,.level-up-number-old,.level-up-panel,.level-up-plaque,.level-up-rays,.level-up-sea-glow,.level-up-sparkles i{animation:none!important;transition:none!important}.level-up-number-old{display:none}.level-up-copy,.level-up-finish,.level-up-island-art,.level-up-number-new,.level-up-plaque{opacity:1}.level-up-island-art{transform:translate(-50%,-50%) scale(.88)}.level-up-number-new{transform:none}.level-up-plaque{transform:translate(-50%,-50%)}.level-up-rays,.level-up-sea-glow{opacity:.35}.level-up-fireworks,.level-up-sparkles{display:none}}