:root{--bg:#112250;--bg2:#1a2f5a;--bg3:#233a68;--border:#e0c58f1f;--border2:#e0c58f33;--text:#f5f0e9;--text2:#c5b8a8;--text3:#8a7d6d;--rank1:#0fe656;--rank2:#19de12;--rank3:#62d714;--rank4:#bdc918;--rank6:#ba731c;--rank8:#ac3020;--rankX:#1a2535}.grid-bg{background-image:linear-gradient(#e0c58f0a 1px,#0000 1px),linear-gradient(90deg,#e0c58f0a 1px,#0000 1px);background-size:44px 44px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rankIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 #e0c58f4d}70%{box-shadow:0 0 0 10px #e0c58f00}to{box-shadow:0 0 #e0c58f00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes staggerFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.animate-fadeUp{animation:.5s both fadeUp}.animate-spin-svg{animation:.8s linear infinite spin}.animate-staggerFade{animation:.4s cubic-bezier(.16,1,.3,1) both staggerFade}.animate-float{animation:3s ease-in-out infinite float}.animate-breathe{animation:2s ease-in-out infinite breathe}.skeleton{background:linear-gradient(90deg, var(--bg3) 0%, #e0c58f14 40%, var(--bg3) 80%);background-size:200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite shimmer}.rank-cell{cursor:pointer;animation:.35s cubic-bezier(.34,1.56,.64,1) both rankIn;animation-delay:calc(var(--i,0) * 25ms);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.rank-cell:hover{z-index:50;transform:scale(1.18)}.rank-cell.leader{animation:.35s cubic-bezier(.34,1.56,.64,1) both rankIn,3s ease-in-out 2s infinite breathe}.rank-tooltip{border:1px solid var(--border2);pointer-events:none;opacity:0;z-index:200;white-space:normal;background:#0a1635;border-radius:10px;width:200px;padding:10px 12px;transition:opacity .15s,transform .15s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}.rank-cell:hover .rank-tooltip{opacity:1}.field-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);appearance:none;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,transform .15s cubic-bezier(.34,1.56,.64,1)}.field-input::placeholder{color:var(--text3)}.field-input:focus{border-color:#e0c58f80;transform:translateY(-1px)}.field-input option{color:#f5f0e9;background:#233a68}.ranqueamento-page .btn-primary{color:#112250;cursor:pointer;letter-spacing:.02em;background:#e0c58f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.ranqueamento-page .btn-primary:hover:not(:disabled){background:#e8d09e;transform:translateY(-2px);box-shadow:0 8px 24px #e0c58f59}.ranqueamento-page .btn-primary:active:not(:disabled){transform:scale(.98)translateY(0)}.ranqueamento-page .btn-primary:disabled{color:var(--text3);cursor:not-allowed;box-shadow:none;border:1px solid var(--border);background:#f5f0e90a;transform:none}.results-main-row{align-items:start;gap:14px;display:grid}@media (min-width:1024px){.results-main-row{grid-template-columns:minmax(280px,1.1fr) minmax(420px,1.9fr)}}.tag-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text2);animation:.35s cubic-bezier(.16,1,.3,1) both staggerFade;animation-delay:calc(var(--i,0) * 80ms);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:12px;display:inline-flex}