body{background:#06091a;font-family:Open Sans,sans-serif}.page-bg{background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(0,80,180,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 10%,rgba(0,227,253,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 80%,rgba(80,0,180,.12) 0%,transparent 60%),#06091a;min-height:100vh}.trails-svg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.45}@keyframes trail-move{0%{stroke-dashoffset:1000;opacity:0}20%{opacity:1}80%{opacity:.6}to{stroke-dashoffset:0;opacity:0}}.trail-line{stroke-dasharray:400 600;animation:trail-move 6s linear infinite}.trail-line:nth-child(2){animation-delay:1.5s;animation-duration:7s}.trail-line:nth-child(3){animation-delay:3s;animation-duration:5.5s}.trail-line:nth-child(4){animation-delay:.8s;animation-duration:8s}.trail-line:nth-child(5){animation-delay:2.2s;animation-duration:6.5s}.glass{background:#ffffff0a;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09)}.glass-gold{background:#ffd16c0f;backdrop-filter:blur(20px);border:1px solid rgba(255,209,108,.25)}.glass-silver{background:#c8c8dc0d;backdrop-filter:blur(16px);border:1px solid rgba(200,200,220,.2)}.glass-bronze{background:#b464280f;backdrop-filter:blur(16px);border:1px solid rgba(205,127,50,.22)}.badge-gold{background:linear-gradient(135deg,#fff8c5,gold,#b8860b);box-shadow:0 0 20px #ffd70099,0 4px 12px #0006}.badge-silver{background:linear-gradient(135deg,#f0f0f0,silver,gray);box-shadow:0 0 16px #c0c0c080,0 4px 12px #0006}.badge-bronze{background:linear-gradient(135deg,wheat,#cd7f32,#8b4513);box-shadow:0 0 16px #cd7f3280,0 4px 12px #0006}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #ffd16c4d}50%{box-shadow:0 0 50px #ffd16cb3,0 0 80px #ffa0004d}}@keyframes pulse-silver{0%,to{box-shadow:0 0 16px #c8c8dc33}50%{box-shadow:0 0 35px #c8c8dc80}}.glow-gold{animation:pulse-gold 3s ease-in-out infinite}.glow-silver{animation:pulse-silver 3s ease-in-out infinite}@keyframes pulse-bronze{0%,to{box-shadow:0 0 16px #cd7f3233}50%{box-shadow:0 0 35px #cd7f3280}}.glow-bronze{animation:pulse-bronze 3s ease-in-out infinite}.avatar{border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.podium-card{width:100%;max-width:320px;min-height:150px;border-radius:1rem;display:grid;grid-template-rows:auto minmax(1.25em,auto) 1.35em auto;align-content:center;justify-items:center;padding:1rem .75rem;text-align:center;position:relative;overflow:hidden;row-gap:.35rem}.podium-avatar{width:3rem;height:3rem;margin:0 auto}.podium-badge{position:absolute;right:-.25rem;bottom:-.25rem;width:1.25rem;height:1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.625rem;font-weight:900;font-family:Open Sans,sans-serif}.podium-name{color:#fff;font-size:.75rem;font-weight:700;line-height:1.25;min-height:1.25em;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.podium-branch{width:100%;color:#fff6;font-size:.6875rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:768px){.podium-card{flex:1 1 0%;max-width:220px;min-height:0;grid-template-rows:4rem 2.5em 1.4em auto;align-content:center;padding:1rem .75rem 1.25rem;row-gap:.45rem}.podium-card.rank-card-1{height:15rem;order:2}.podium-card.rank-card-2{height:14.5rem;order:1}.podium-card.rank-card-3{height:14.25rem;order:3}.podium-avatar{width:4rem;height:4rem}.podium-badge{width:1.5rem;height:1.5rem;font-size:.875rem}.podium-name{font-size:.875rem;min-height:2.5em;-webkit-line-clamp:2}.podium-branch{font-size:.875rem}}.lb-row{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.lb-row:hover{background:#00e3fd0a}.lb-row:last-child{border-bottom:none}.rank-1{background:linear-gradient(135deg,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-2{background:linear-gradient(135deg,#e8e8e8,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-input{background-color:#0d1117!important;border:1px solid rgba(255,255,255,.15);color:#fff!important;outline:none!important;transition:background-color .3s,border-color .3s,box-shadow .3s;-webkit-appearance:none}.search-input::-moz-placeholder{color:#ffffff4d!important}.search-input::placeholder{color:#ffffff4d!important}.search-input:focus{background-color:#06090f!important;border-color:#00e3fdcc!important;box-shadow:0 0 20px #00e3fd40,inset 0 0 10px #00e3fd0d!important}.region-btn{transition:all .2s}.region-btn.active{background:linear-gradient(135deg,#ff9500,#ffd16c);color:#4a2800}.region-btn:not(.active){background:#ffffff0f;color:#f1f3fc99}.region-btn:not(.active):hover{background:#ffffff1a;color:#f1f3fc}.period-btn{transition:all .2s}.period-btn.active{background:#ffffff26;color:#ffd16c;box-shadow:inset 0 0 10px #ffd16c1a}.period-btn:not(.active){color:#ffffff4d}.period-btn:not(.active):hover{background:#ffffff0d;color:#fff9}.tracuu-btn{background:linear-gradient(135deg,#ff6d00,#ffd16c);color:#4a2800;font-weight:800;transition:all .25s}.tracuu-btn:hover{box-shadow:0 0 20px #ffa00080,0 0 40px #ff640040;transform:translateY(-1px)}.tracuu-btn:active{transform:translateY(0)}.page-btn{width:2rem;height:2rem;border-radius:.5rem;font-size:.875rem;font-weight:700;font-family:Open Sans,sans-serif;transition:all .15s;border:1px solid rgba(255,255,255,.08);color:#f1f3fc80;background:transparent}.page-btn:hover{background:#ffffff12;color:#f1f3fc}.page-btn.active{background:linear-gradient(135deg,#ff9500,#ffd16c);color:#4a2800;border-color:transparent}.pts{font-family:Open Sans,sans-serif;font-weight:800;color:#ffd16c}@keyframes bounce-slow{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.crown{animation:bounce-slow 2.5s ease-in-out infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin .8s linear infinite}
