.ranked-shell{display:grid;gap:14px;padding-bottom:90px}.rank-head,.rank-card,.rank-result{background:linear-gradient(145deg,rgba(16,42,58,.96),rgba(8,27,40,.98));border:1px solid rgba(104,229,190,.18);border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(0,0,0,.18)}.rank-head>span,.rank-card>span,.rank-result>span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#6fe7c3}.rank-head h2{font-size:30px;margin:8px 0}.rank-head p{color:#9eb0bc;line-height:1.55;margin:0}.rank-server-pill{display:inline-flex;margin-top:14px;border:1px solid rgba(111,231,195,.35);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#6fe7c3}.rank-card h3{margin:6px 0 8px}.rank-card p{color:#9eb0bc;line-height:1.5}.rank-me{display:grid;gap:14px}.rank-me>div:first-child{display:flex;justify-content:space-between;align-items:end}.rank-me>div:first-child strong{font-size:34px;color:#78efd0}.rank-me-pet{display:flex;align-items:center;gap:12px}.rank-me-pet img,.rank-candidate-list img,.rank-board img,.rank-pet-grid img{width:56px;height:56px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.04)}.rank-me-pet div{display:grid;gap:3px}.rank-me-pet small,.rank-candidate-list small,.rank-board small,.rank-pet-grid small{color:#8fa5b2}.rank-attempts{display:flex;justify-content:space-between;padding:12px 14px;border-radius:14px;background:rgba(8,23,34,.7)}.rank-attempts b{color:#ffd977}.rank-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.rank-section-head span{font-size:12px;color:#8fa5b2}.rank-refresh-btn{border:1px solid rgba(111,231,195,.35);border-radius:999px;background:rgba(8,31,42,.9);color:#71e7c5;padding:9px 12px;font-weight:800}.rank-refresh-btn small{color:inherit}.rank-refresh-btn:disabled{opacity:.35}.rank-refresh-note{margin-top:10px;font-size:11px;color:#78909d}.rank-candidate-list{display:grid;gap:10px;margin-top:12px}.rank-candidate-list article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(7,22,33,.72);padding:10px;border-radius:16px}.rank-candidate-list article>div{display:grid;gap:3px;min-width:0}.rank-candidate-list button{border:0;border-radius:12px;padding:10px;background:#64dfbd;color:#04130f;font-weight:900}.rank-candidate-list button:disabled{opacity:.35}.rank-board{display:grid;gap:8px;margin-top:12px}.rank-board>div{display:grid;grid-template-columns:45px 42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border-radius:13px;background:rgba(6,20,30,.65)}.rank-board>div.is-me{outline:1px solid rgba(111,231,195,.5);background:rgba(37,100,83,.18)}.rank-board img{width:42px;height:42px}.rank-board span{display:grid;min-width:0}.rank-board em{font-style:normal;color:#75e9c8;font-weight:800}.rank-result{border-color:rgba(255,216,119,.35);text-align:center}.rank-result h3{font-size:28px;margin:8px 0}.rank-result.is-win h3{color:#ffd977}.rank-result.is-loss h3{color:#ff8c8c}.rank-result>strong{display:block;font-size:20px;margin:10px 0 14px}.rank-loading{padding:40px;text-align:center;color:#9eb0bc}.rank-pet-placeholder{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.05)}.rank-pet-picker{display:grid;gap:12px;border-color:rgba(111,231,195,.38)}.rank-pet-grid{display:grid;gap:10px}.rank-pet-grid article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:rgba(6,21,31,.78);border:1px solid rgba(255,255,255,.05)}.rank-pet-grid article.is-registered{border-color:rgba(111,231,195,.42)}.rank-pet-grid article>div{display:grid;gap:3px}.rank-pet-grid button{border:0;border-radius:11px;padding:9px 12px;background:#64dfbd;color:#04130f;font-weight:900}.rank-pet-grid button:disabled{background:#173847;color:#7fa096}.rank-battle-shell{padding-bottom:105px}.rank-battle-stage{position:relative;display:grid;grid-template-columns:1fr 34px 1fr;gap:5px;align-items:center;min-height:360px;padding:12px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(80,182,160,.14),transparent 38%),linear-gradient(180deg,#0b2534,#071925);border:1px solid rgba(111,231,195,.2);overflow:hidden}.rank-battle-pet{display:grid;gap:8px;min-width:0}.rank-battle-hud{display:grid;gap:3px}.rank-battle-hud>span{font-size:10px;letter-spacing:.12em;color:#72dfc2;font-weight:900}.rank-battle-hud>b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-battle-hud>small{color:#91a9b5}.rank-battle-image{height:165px;display:grid;place-items:center}.rank-battle-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.32))}.rank-battle-vs{font-weight:1000;text-align:center;color:#ffd977;font-size:18px;z-index:2}.rank-battle-meter{display:grid;gap:4px;margin-top:3px}.rank-battle-meter>div{display:flex;justify-content:space-between;font-size:10px}.rank-battle-meter i{display:block;height:7px;border-radius:999px;background:#07131c;overflow:hidden}.rank-battle-meter em{display:block;height:100%;border-radius:999px;background:#5de0b8}.rank-battle-meter.rage em{background:#f5c76a}.rank-shield{color:#9ed8ff!important}.rank-battle-action{display:grid;gap:5px;text-align:center;padding:14px;border-radius:18px;background:#0a2130;border:1px solid rgba(255,255,255,.07)}.rank-battle-action span{font-size:10px;color:#76d9c1;letter-spacing:.12em;font-weight:900}.rank-battle-action strong{font-size:17px}.rank-battle-action small{color:#ffd977}.rank-battle-controls{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px}.rank-battle-controls button{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0b2231;color:#c8d8df;padding:10px;font-weight:800}.rank-battle-controls button.active{border-color:#68e5be;color:#68e5be}.rank-battle-float{position:absolute;top:48%;font-size:24px;font-weight:1000;color:#ff8c8c;text-shadow:0 2px 8px #000;animation:rankFloat .55s ease both;z-index:5}.rank-battle-float.side-a{left:20%}.rank-battle-float.side-b{right:20%}.rank-battle-float.heal{color:#70edb9}@keyframes rankFloat{from{transform:translateY(12px);opacity:0}30%{opacity:1}to{transform:translateY(-18px);opacity:0}}@media(max-width:480px){.rank-head h2{font-size:26px}.rank-candidate-list article,.rank-pet-grid article{grid-template-columns:48px minmax(0,1fr)}.rank-candidate-list img,.rank-pet-grid img{width:48px;height:48px}.rank-candidate-list button,.rank-pet-grid button{grid-column:1/-1;width:100%}.rank-board>div{grid-template-columns:38px 38px minmax(0,1fr) auto}.rank-board img{width:38px;height:38px}.rank-challenge-head{align-items:center}.rank-challenge-head h3{margin:0}.rank-battle-stage{grid-template-columns:1fr 28px 1fr;min-height:330px;padding:9px}.rank-battle-image{height:145px}.rank-battle-hud>b{font-size:13px}.rank-battle-meter>div{font-size:9px}}