.rank-up-open>:not(#rank-up-preview){visibility:hidden}.arena-wrap>#rank-up-preview{z-index:35;border-radius:20px}.rank-up-preview-label[hidden]{display:none}
#rank-up-preview{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;text-align:center;color:#205576;background:radial-gradient(ellipse at 50% 40%,#fff4bdeb 0%,#99eee1db 35%,#2387b5e8 76%),url('../assets/island-lobby-v9.png') center/cover;container-type:size}
.rank-up-glow{position:absolute;inset:-35%;pointer-events:none;background:repeating-conic-gradient(from 10deg at 50% 50%,#fffdd326 0deg 10deg,transparent 10deg 25deg);mask-image:radial-gradient(ellipse,#000 15%,transparent 62%);animation:rank-rays 55s linear infinite}
.rank-up-preview-label{position:absolute;top:20px;left:22px;font-size:9px;letter-spacing:1.5px;font-weight:900;padding:7px 11px;border:1px solid #d7ffff9c;border-radius:20px;background:#185a81a6;color:#e4ffff}
.rank-up-player{position:absolute;top:3%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:2px solid #fffbe4;border-radius:14px;background:#f3ffe8ec;box-shadow:0 4px 0 #268b9b75}.rank-up-player img{width:46px;height:50px;object-fit:contain;border:2px solid #e5bd69;border-radius:9px;background:linear-gradient(#fff2c6,#fbd57f)}.rank-up-player strong{font:800 17px 'Baloo 2',sans-serif;color:#275b7a}
.rank-up-heading{position:absolute;top:14%;left:0;right:0}.rank-up-heading>span{font-size:9px;font-weight:900;letter-spacing:2.5px;color:#317b92}.rank-up-heading h1{font:800 clamp(32px,6cqh,53px)/1 'Baloo 2',sans-serif;margin:5px 0 2px;color:#fffde5;text-shadow:0 3px 0 #23798d,0 0 20px #d2fbed}.rank-up-heading h2{font:800 clamp(18px,3.5cqh,29px)/1 'Baloo 2',sans-serif;margin:4px 0;color:#386c8a}
#rank-up-preview .rank-up-badge{position:absolute;top:29%;left:50%;transform:translateX(-50%);height:33%;width:auto;max-width:50%;object-fit:contain;filter:drop-shadow(0 10px 13px #07648977)}
.rank-up-points{position:absolute;top:63%;left:0;right:0}.rank-up-points strong{display:block;font:800 clamp(29px,6cqh,49px)/1 'Baloo 2',sans-serif;color:#fffde3;text-shadow:0 3px 0 #267b8e}.rank-up-points span{display:block;font:900 clamp(12px,2.4cqh,19px) 'Nunito Sans',sans-serif;color:#785b27;background:#fff0b9;width:max-content;margin:4px auto 0;padding:2px 12px;border-radius:15px}
.rank-up-hero-points{position:absolute;top:76%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;min-width:245px;justify-content:center;padding:8px 24px;border-top:1px solid #eafffbaf;color:#eafff1;font-size:12px;font-weight:800}.rank-up-hero-points strong{font:800 22px 'Baloo 2',sans-serif}.rank-up-hero-points small{font:900 12px 'Nunito Sans',sans-serif;color:#fff0a9;margin-left:6px}
#rank-up-preview footer{position:absolute;bottom:2.4%;left:0;right:0}#rank-up-continue{display:flex;align-items:center;justify-content:space-between;gap:60px;min-width:250px;margin:auto;padding:10px 22px;border:2px solid #fffde3;border-radius:13px;background:linear-gradient(#fff0b1,#f9c95e);color:#695126;font:800 18px 'Baloo 2',sans-serif;box-shadow:0 4px 0 #a6803f}#rank-up-preview footer p{font-size:10px;line-height:1.2;margin:9px 10px 0;color:#e4ffff}
@keyframes rank-rays{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rank-up-glow{animation:none}}
@container(max-height:600px){.rank-up-preview-label{top:10px;left:12px;font-size:7px;padding:5px 8px}.rank-up-player{top:3%;left:20%;padding:3px 8px 3px 3px;gap:6px;border-radius:10px}.rank-up-player img{width:30px;height:34px}.rank-up-player strong{font-size:12px}.rank-up-heading{top:6%;left:48%;right:5%}.rank-up-heading>span{font-size:7px;letter-spacing:1.5px}.rank-up-heading h1{font-size:33px}.rank-up-heading h2{font-size:21px}#rank-up-preview .rank-up-badge{top:21%;left:24%;height:70%;max-width:42%}.rank-up-points{top:39%;left:48%;right:5%}.rank-up-points strong{font-size:35px}.rank-up-points span{font-size:12px;margin-top:1px}.rank-up-hero-points{top:65%;left:71.5%;min-width:190px;padding:4px 10px;font-size:10px;gap:14px}.rank-up-hero-points strong{font-size:18px}#rank-up-preview footer{left:48%;right:5%;bottom:5%}#rank-up-continue{min-width:180px;gap:30px;padding:5px 15px;font-size:14px;border-radius:10px}#rank-up-preview footer p{font-size:8px;margin-top:8px;max-width:280px;margin-left:auto;margin-right:auto}}