#gatc-rank-toggle{position:fixed;right:16px;bottom:16px;z-index:99998;background:#0a1628;color:#fff;border:2px solid #15baff;border-radius:99px;padding:10px 15px;cursor:pointer;box-shadow:0 0 18px #009bff66;font-weight:800;font-size:14px}
#gatc-rank-panel{position:fixed;right:16px;bottom:70px;z-index:99999;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:16px;border:2px solid #12baff;border-radius:14px;background:linear-gradient(140deg,#081525,#201018);color:white;font-family:Arial,sans-serif;box-shadow:0 10px 36px #000b;line-height:1.4}
#gatc-rank-panel[hidden]{display:none!important}#gatc-rank-panel *{box-sizing:border-box}
#gatc-rank-panel .gatc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}#gatc-rank-panel h2{font-size:17px;color:#46cfff;margin:0}#gatc-rank-panel button{cursor:pointer}#gatc-rank-close{border:0;background:transparent;color:white;font-size:24px}
#gatc-rank-panel .gatc-art{display:block;max-width:220px;width:70%;height:160px;object-fit:contain;margin:6px auto}#gatc-rank-panel .gatc-name{text-align:center;font-weight:800;font-size:20px;margin:3px 0 8px}#gatc-rank-panel .gatc-track{height:12px;border-radius:12px;overflow:hidden;background:#343948}#gatc-rank-panel .gatc-fill{height:100%;background:linear-gradient(90deg,#009bff,#ff9b16);width:0;transition:width .3s}#gatc-rank-panel .gatc-small{font-size:13px;margin:9px 0;color:#ddd}#gatc-rank-panel .gatc-lock{color:#ffbd60;font-weight:700}#gatc-rank-panel .gatc-up{color:#6af7c1;text-align:center;font-weight:bold}
@media(max-width:420px){#gatc-rank-panel{right:10px;bottom:66px;width:calc(100vw - 20px)}#gatc-rank-toggle{right:10px;bottom:10px}}
/* Version 1.1: compact, responsive rank panel and celebratory shield reveal. */
#gatc-rank-panel{width:min(320px,calc(100vw - 24px));padding:13px;max-height:calc(100dvh - 90px);overflow-y:auto}
#gatc-rank-panel .gatc-art{height:130px;width:62%;margin:4px auto}
#gatc-rank-panel .gatc-name{font-size:18px}
.gatc-celebration[hidden]{display:none!important}
.gatc-celebration{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,9,26,.67);font-family:Arial,sans-serif;color:#fff}
.gatc-celebration-card{width:min(360px,100%);text-align:center;border:2px solid #30caff;border-radius:18px;padding:22px 18px;background:radial-gradient(circle at center,#15365b 0%,#081320 70%);box-shadow:0 0 36px #159cffaa,0 20px 55px #000b}
.gatc-celebration-heading{font-size:clamp(30px,8vw,46px);font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 0 14px #00baff}
.gatc-celebration-art{display:block;max-width:100%;width:210px;height:210px;object-fit:contain;margin:8px auto;filter:drop-shadow(0 0 15px #00baff88)}
.gatc-celebration-subtitle{font-weight:800;font-size:15px;color:#ffcf79;line-height:1.5}
.gatc-celebration-dismiss{margin-top:17px;background:#007dbb;color:#fff;border:1px solid #53cfff;border-radius:20px;padding:10px 25px;font-weight:bold;cursor:pointer}
.gatc-celebration-dismiss:focus-visible,#gatc-rank-toggle:focus-visible,#gatc-rank-close:focus-visible{outline:3px solid #ffbf50;outline-offset:3px}
@keyframes gatc-flash{0%{background:rgba(0,150,255,.75)} 40%{background:rgba(0,35,85,.77)} 100%{background:rgba(0,9,26,.67)}}
@keyframes gatc-reveal{0%{transform:scale(.72);opacity:.2}65%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
.gatc-animate{animation:gatc-flash .7s ease-out}
.gatc-animate .gatc-celebration-card{animation:gatc-reveal .7s ease-out both}
@media(max-width:420px){#gatc-rank-panel{right:8px;bottom:62px;width:min(300px,calc(100vw - 16px));padding:11px}#gatc-rank-panel .gatc-art{height:112px}#gatc-rank-panel h2{font-size:15px}#gatc-rank-panel .gatc-small{font-size:12px;margin:7px 0}.gatc-celebration-art{height:160px;width:160px}}
@media(prefers-reduced-motion:reduce){.gatc-animate,.gatc-animate .gatc-celebration-card{animation:none!important}#gatc-rank-panel .gatc-fill{transition:none}}
