.hall-of-fame{padding:20px;font-size:1.1rem}.hall-of-fame h2{text-align:center;margin-bottom:30px}.hall-of-fame .records-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.hall-of-fame .stat-card{background-color:#403f44;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.hall-of-fame .stat-card h3{border-bottom:1px solid #ddd;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:1.3rem}.hall-of-fame .stat-card .top-players{margin:0;padding:0;list-style:none}.hall-of-fame .stat-card .top-players li{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.hall-of-fame .stat-card .top-players li:last-child{border-bottom:none}.hall-of-fame .stat-card .top-players li.rank-1{color:gold;font-weight:700}.hall-of-fame .stat-card .top-players li.rank-2{color:silver}.hall-of-fame .stat-card .top-players li.rank-3{color:#cd7f32}.hall-of-fame .stat-card .top-players li .position{flex:0 0 30px}.hall-of-fame .stat-card .top-players li .player-name{text-overflow:ellipsis;flex:1;align-items:center;gap:6px;margin:0 10px;display:flex;overflow:hidden}.hall-of-fame .stat-card .top-players li .score{text-align:right;flex:none}.hall-of-fame .stat-card .show-all-btn{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:4px;width:100%;margin-top:10px;padding:8px 12px;font-size:.9rem;transition:background-color .2s}.hall-of-fame .stat-card .show-all-btn:hover{background-color:#666}.hall-of-fame .stat-card .show-all-btn:focus{outline-offset:2px;outline:2px solid #007bff}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:#403f44;border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 4px 20px #0000004d}.modal-header{border-bottom:1px solid #555;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{margin:0;font-size:1.4rem}.modal-header .modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.modal-header .modal-close:hover{color:#fff;background-color:#555}.modal-header .modal-close:focus{outline-offset:2px;outline:2px solid #007bff}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-body .all-players-list{margin:0;padding:0;list-style:none}.modal-body .all-players-list li{border-bottom:1px solid #555;justify-content:space-between;padding:10px 0;display:flex}.modal-body .all-players-list li:last-child{border-bottom:none}.modal-body .all-players-list li.rank-1{color:gold;font-weight:700}.modal-body .all-players-list li.rank-2{color:silver}.modal-body .all-players-list li.rank-3{color:#cd7f32}.modal-body .all-players-list li .position{flex:0 0 40px;font-weight:700}.modal-body .all-players-list li .player-name{text-overflow:ellipsis;flex:1;align-items:center;gap:6px;margin:0 15px;display:flex;overflow:hidden}.modal-body .all-players-list li .score{text-align:right;flex:none;font-weight:700}.online-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.online-indicator.online{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.online-indicator.offline{background-color:#6b7280}