body{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  background:url('../assets/backgrounds/bg_game.jpg') center/cover no-repeat;
  color:#000;min-height:100vh;display:flex;flex-direction:column;align-items:center;
  padding:24px 16px;
}
.topbar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:20px;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color: #FFF;
  font-size: 11px;
 }
.topbar a {
    color: #FFF;
}
h1{font-size:clamp(28px,5vw,42px);margin-bottom:8px;background:linear-gradient(135deg,#f5c518,#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.subtitle{color:#555;margin-bottom:24px;font-size:14px}
a.back{display:inline-block;margin-bottom:20px;padding:10px 24px;background:#fff;color:#333;text-decoration:none;border-radius:20px;font-weight:600;transition:background .2s}
a.back:hover{background:rgba(255,255,255,.8)}
table{width:100%;max-width:600px;border-collapse:collapse;background:rgba(255,255,255,.85);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);border:2px solid #000}
thead{background:rgba(255,255,255,.08)}
th{padding:14px 16px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#555}
td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);font-size:15px}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:rgba(255,255,255,.03)}
.rank{font-weight:700;color:#b8860b}
.score-cell{font-weight:700;color:#0f9b58;font-size:18px}
.level-cell{font-weight:700;color:#b8860b;font-size:16px}
.time-cell{color:#333;font-size:14px}
.date-cell{color:#666;font-size:12px}
.empty{text-align:center;padding:40px;color:#555;font-size:16px}
.medal-1::before{content:'ðŸ¥‡ ';font-size:18px}
.medal-2::before{content:'ðŸ¥ˆ ';font-size:18px}
.medal-3::before{content:'ðŸ¥‰ ';font-size:18px}
@media(max-width:500px){
  th,td{padding:10px 12px;font-size:13px}
  .date-cell,.time-cell{display:none}
  th:nth-child(5),th:nth-child(6){display:none}
  td:nth-child(5),td:nth-child(6){display:none}
}
