.scrollable-container::-webkit-scrollbar{width:0}.scrollable-container{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;height:100vh}@media (max-width:768px){.scrollable-container{height:100vh}}.gradient-card{background:linear-gradient(to bottom right,var(--primary-color),var(--primary-hover));border-color:var(--primary-color);color:#fff}.top-users-container{padding:1rem;max-width:600px;margin:auto}.top-users-title{text-align:center;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon{margin-right:5px}.user-card{padding:15px;margin:8px 0;border-radius:8px;transition:transform .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.1)}.user-card:hover{transform:scale(1.02)}.user-card-content{display:flex;flex-direction:column;gap:10px}.user-card-header{display:flex;align-items:center;gap:10px}.gold{background:linear-gradient(45deg,gold 30%,#ffc400 90%)}.gold,.silver{color:#000;box-shadow:0 3px 5px 2px rgba(0,0,0,.3)}.silver{background:linear-gradient(45deg,silver 30%,#a9a9a9 90%)}.bronze{background:linear-gradient(45deg,#cd7f32 30%,#b87333 90%);color:#000;box-shadow:0 3px 5px 2px rgba(0,0,0,.3)}.default{background:linear-gradient(45deg,#2c2c2c 30%,#3c3c3c 90%);color:#fff}.rank{font-weight:700;font-size:1.1em;min-width:35px}.username{font-weight:500;flex:1 1}.user-card-stats{display:flex;flex-flow:row wrap;gap:15px;margin-left:45px}.stats{gap:1rem}.stat-item,.stats{display:flex;align-items:center}.stat-item{gap:8px;font-size:.9em;min-width:60px}.stat-icon{font-size:1.1em}.stat-value{font-weight:500}.coin-icon,.penalty-icon{color:#333}.default .coin-icon,.default .penalty-icon{color:#fff}.stat-label{color:rgba(0,0,0,.6)}.default .stat-label{color:hsla(0,0%,100%,.6)}.stat-icon{margin-right:4px}