.player-stats{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1));background:linear-gradient(180deg,var(--space-blue) 0%,var(--background-dark) 100%);min-height:55vh}.btn-modern{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(40 174 184 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;border-radius:12px}.btn-modern:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-modern:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(40 174 184 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.btn-icon{border-radius:9999px;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-icon:hover{background-color:#28aeb81a}.btn-icon:focus{outline:2px solid transparent;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.rotate-hover{transition:transform .3s ease}.rotate-hover:hover{transform:rotate(5deg) scale(1.05)}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background-color:#fffc;border-radius:50%;pointer-events:none;animation:float 5s infinite ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.bg-gray-700\/60{background-color:#0a234299!important;border:1px solid rgba(255,255,255,.1)}.bg-gray-700\/60:hover{background-color:#0a2342cc!important;border-color:var(--primary-color)}.search-input{background-color:#0f1c2ecc!important;border-color:#ffffff1a}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #28aeb84d}.bg-gradient-to-r{background:linear-gradient(90deg,#28aeb833,#0f1c2ecc)!important}.player-playtime{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.65rem}.player-playtime-label{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c}.player-playtime-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.2}.player-playtime-detail{font-size:.72rem;color:#ffffff80}.player-stat-chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:.15rem}.player-stat-chip{display:flex;flex-direction:column;gap:.12rem;min-width:0;width:100%;padding:.5rem .65rem;background:#111827a6;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;text-align:left}.player-stat-chip-label{font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c}.chip-label-full{display:none}.chip-label-short{display:inline}.player-stat-chip-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .4rem;font-size:.92rem;font-weight:700;color:#fff;line-height:1.2}.player-stat-chip-sub{font-size:.7rem;color:#fff9}.player-stat-change{font-size:.75rem;font-weight:700}.rank-remaining-full{display:none}.rank-remaining-short{display:inline}@media(min-width:768px){.player-playtime{align-items:flex-start}.player-playtime-value{font-size:1.2rem}.player-stat-chips{display:flex;flex-wrap:wrap;justify-content:flex-start;width:auto}.player-stat-chip{min-width:9.5rem;width:auto;padding:.55rem .8rem}.player-stat-chip-label{font-size:.68rem}.chip-label-full{display:inline}.chip-label-short{display:none}.player-stat-chip-value{font-size:1rem}.player-stat-change{font-size:.85rem}.rank-remaining-full{display:inline}.rank-remaining-short{display:none}}.change-up{color:#4ade80}.change-down{color:#f87171}.change-new{color:#4fcbd3}.change-flat{color:#ffffffa6}.rank-progress{width:100%;max-width:28rem;margin:.15rem 0 1rem}@media(max-width:767px){.rank-progress{max-width:none;margin:.1rem 0 .85rem}}.rank-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.rank-progress-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}.rank-progress-arrow{color:#4fcbd3e6;padding:0 .15rem}.rank-progress-percent{flex-shrink:0;font-size:.95rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.rank-progress-track{position:relative;height:.72rem;overflow:hidden;border-radius:999px;background:#081220bf;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 2px #00000059}.rank-progress-fill{height:100%;overflow:hidden;position:relative;border-radius:999px;transition:width .85s cubic-bezier(.22,1,.36,1)}.rank-progress-gradient{position:absolute;left:0;top:0;height:100%;min-width:100%}.rank-progress-shimmer{position:absolute;left:0;top:0;height:100%;min-width:100%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.42) 50%,transparent 100%);background-size:32% 100%;background-repeat:no-repeat;animation:rank-shimmer 2.8s linear infinite}.rank-progress-fill.is-max{width:100%!important;border-radius:999px}@keyframes rank-shimmer{0%{background-position:-35% 0}to{background-position:135% 0}}.rank-progress-meta{margin-top:.45rem;font-size:.8rem;color:#ffffff9e}.rank-progress-next{font-weight:700}.bg-gray-800\/80{background-color:#0f1c2ecc!important;border:1px solid rgba(255,255,255,.1)}.bg-gray-800\/80:hover{border-color:var(--primary-color)}.bg-red-500\/40{background-color:#ef444466!important}.bg-green-500\/40{background-color:#4ade8066!important}.bg-blue-500\/40{background-color:#28aeb866!important}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 25px 5px,#fff,#fff0),radial-gradient(1px 1px at 50px 25px,#fff,#fff0),radial-gradient(1px 1px at 125px 20px,#fff,#fff0),radial-gradient(1.5px 1.5px at 50px 75px,#fff,#fff0),radial-gradient(2px 2px at 15px 125px,#fff,#fff0),radial-gradient(2.5px 2.5px at 110px 80px,#fff,#fff0);background-repeat:repeat;background-size:200px 200px;animation:drift 15s linear infinite;opacity:.5}.stars2{background-image:radial-gradient(1px 1px at 75px 45px,#fff,#fff0),radial-gradient(1px 1px at 100px 25px,#fff,#fff0),radial-gradient(1px 1px at 175px 70px,#fff,#fff0),radial-gradient(1.5px 1.5px at 100px 125px,#fff,#fff0),radial-gradient(2px 2px at 65px 175px,#fff,#fff0),radial-gradient(2.5px 2.5px at 160px 130px,#fff,#fff0);animation:drift 20s linear infinite;opacity:.3}.stars3{background-image:radial-gradient(1px 1px at 10px 10px,#fff,#fff0),radial-gradient(1px 1px at 150px 150px,#fff,#fff0),radial-gradient(1px 1px at 60px 170px,#fff,#fff0),radial-gradient(1.5px 1.5px at 175px 180px,#fff,#fff0),radial-gradient(2px 2px at 195px 95px,#fff,#fff0),radial-gradient(2.5px 2.5px at 95px 145px,#fff,#fff0);animation:drift 25s linear infinite;opacity:.2}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(0)}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1)}to{transform:scale(1)}}.w-16.h-16{border-color:var(--primary-color)!important;border-top-color:transparent!important}.w-8.h-8{background-color:#28aeb833!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}