.a9-top-island-case{width:min(calc(100% - 32px),max(80%,960px));max-width:1376px;margin:40px auto 16px;color:#c3f2ec;font-family:inherit}
.a9-top-island-case__banner{position:relative;width:100%;aspect-ratio:1721/187;container-type:inline-size}
.a9-top-island-case__art{display:block;width:100%;height:100%;object-fit:contain}
.a9-top-island-case button{font:inherit;cursor:pointer}
.a9-top-island-case__stage{position:absolute;left:20%;top:38%;width:5%;text-align:center;font-size:1cqw;color:#fff}
.a9-top-island-case__currency{position:absolute;left:3.3%;bottom:8%;display:flex;align-items:center;gap:.4cqw;color:#8cc4c8;font-size:1.3cqw}
.a9-top-island-case__currency img{width:2.4cqw;height:2.1cqw;object-fit:contain}
.a9-top-island-case__currency strong{color:white;font-size:1.7cqw}
.a9-top-island-case__current-chest{position:absolute;left:28%;top:13%;width:8%;height:76%;object-fit:contain;filter:drop-shadow(0 0 8px #ffdc6440)}
.a9-top-island-case__title{position:absolute;left:36.5%;top:28%;display:flex;gap:1cqw;align-items:center;font-size:1.38cqw;font-weight:700;white-space:nowrap}
.a9-top-island-case__rule{font-size:1.1cqw!important;font-weight:400;background:none;border:0;color:#c3f2ecba;text-decoration:underline;padding:0}
.a9-top-island-case__rule:hover{color:white}
.a9-top-island-case__progress{position:absolute;left:36.5%;top:59%;width:31.3%;height:14.4%;background:#11292e;outline:2px solid #11292e}
.a9-top-island-case__fill{position:absolute;inset:0 auto 0 0;max-width:100%;background:linear-gradient(90deg,#0e3439,#367f85);transition:width .5s ease}
.a9-top-island-case__progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4cqw;font-weight:700}
.a9-top-island-case__next{position:absolute;z-index:2;left:99%;top:50%;transform:translateY(-50%);display:flex;align-items:center;padding:0;border:0;background:none;color:#c3f2ec;white-space:nowrap}
.a9-top-island-case__next img{width:4.8cqw;height:4.8cqw;object-fit:contain;position:relative;z-index:1}
.a9-top-island-case__next span{margin-left:-1.8cqw;padding:.3cqw 1cqw .3cqw 1.7cqw;font-size:1cqw;background:url('./a9-island-top-assets/level-l8o77v1y.png') right center/100% 100% no-repeat;text-shadow:1px 1px #000}
.a9-top-island-case__desc{position:absolute;right:2%;top:13%;font-size:.96cqw;color:#c3f2ec;padding:0 1cqw;background:#4c6d7099}
.a9-top-island-case__redeem{position:absolute;right:.6%;top:33%;width:19%;background:none;border:0;padding:0;transition:filter .15s,transform .15s}
.a9-top-island-case__redeem img{display:block;width:100%;height:auto}
.a9-top-island-case__redeem:hover{filter:brightness(1.2);transform:scale(1.04)}
.a9-top-island-case__notice{text-align:center;padding:8px;color:#efca80;font-size:14px}
.a9-top-island-case__rewards{width:min(900px,calc(100vw - 64px));max-height:75vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:16px;box-sizing:border-box}
.a9-top-island-case__balance{grid-column:1/-1;color:#c3f2ec;font-size:16px}
.a9-top-island-case__reward-card{padding:12px;border:1px solid #377781;background:linear-gradient(#173b40,#0c2026);text-align:center;color:#c3f2ec;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:8px}
.a9-top-island-case__reward-card.is-claimable{border-color:#ddc779;box-shadow:0 0 12px #ddc77933}
.a9-top-island-case__reward-chest{width:96px;height:96px;object-fit:contain}
.a9-top-island-case__reward-card h3{font-size:16px}.a9-top-island-case__reward-card p{font-size:13px}
.a9-top-island-case__prizes{width:100%;flex:1}.a9-top-island-case__prize{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0;font-size:12px}.a9-top-island-case__prize img{width:80px;height:65px;object-fit:contain}
.a9-top-island-case__claim{padding:8px 12px;border:1px solid #a0d2c8;background:#296066;color:#d9fbef;border-radius:3px;font:inherit;cursor:pointer;font-size:13px}.a9-top-island-case__claim:disabled{opacity:.5;cursor:default}
.a9-top-island-case__rules{max-width:600px;padding:18px 24px;color:#c3ddd9;line-height:1.8;font-size:15px}.a9-top-island-case__rules p{margin:12px 0}
@media(max-width:700px){
 .a9-top-island-case{width:calc(100% - 24px);margin:30px auto 14px}.a9-top-island-case__banner{min-height:250px;aspect-ratio:auto;border:1px solid #367780;background:#102d33;border-radius:6px;overflow:hidden}
 .a9-top-island-case__art{position:absolute;inset:0 auto auto 0;width:100%;height:auto;object-fit:contain}
 .a9-top-island-case__stage{left:4%;top:90px;width:auto;font-size:12px}.a9-top-island-case__currency{left:4%;bottom:auto;top:116px;font-size:13px;gap:6px}.a9-top-island-case__currency img{width:25px;height:24px}.a9-top-island-case__currency strong{font-size:18px}
 .a9-top-island-case__current-chest{left:5%;top:149px;width:19%;height:70px}
 .a9-top-island-case__title{left:4%;right:4%;top:54px;font-size:13px;white-space:normal;gap:8px;justify-content:space-between}.a9-top-island-case__rule{font-size:12px!important;flex-shrink:0}
 .a9-top-island-case__progress{left:29%;top:171px;width:45%;height:20px}.a9-top-island-case__progress-text{font-size:14px}.a9-top-island-case__next img{width:42px;height:42px}.a9-top-island-case__next span{position:absolute;top:35px;left:-6px;margin:0;padding:3px 7px;font-size:11px}
 .a9-top-island-case__desc{top:auto;bottom:10px;right:4%;font-size:11px}.a9-top-island-case__redeem{right:4%;top:98px;width:39%;max-width:180px}
 .a9-top-island-case__rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.a9-top-island-case__reward-card{padding:8px}.a9-top-island-case__reward-card h3{font-size:14px}
}

/* Match the original TOP animation coordinates in the responsive banner. */
.a9-top-island-case__pirate{position:absolute;z-index:20;left:7.5%;top:63%;pointer-events:none;transform:translateY(-50%)}
.a9-top-island-case__pirate img{display:block;width:33.933759cqw;height:auto;max-width:none;transform:scale(1.5);margin-top:-5.810575cqw;object-fit:contain}
@media(max-width:700px){
 .a9-top-island-case__pirate{left:1%;top:69%}
 .a9-top-island-case__pirate img{width:54cqw;max-width:210px;transform:none;margin-top:0}
}