:root{--primary-color:#e10600;--bg-color:#1a1a1a;--text-color:#f0f0f0;--card-bg:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-color);color:var(--text-color)}.container{text-align:center;max-width:1200px;margin:0 auto;padding:20px}.btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;margin:10px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background-color:#ff1a1a}.btn-secondary{background-color:#444}.btn-secondary:hover{background-color:#666}.form-group{text-align:left;max-width:400px;margin-bottom:15px;margin-left:auto;margin-right:auto}.form-group label{margin-bottom:5px;display:block}.form-group input{color:#fff;background-color:#333;border:1px solid #444;border-radius:4px;width:100%;padding:10px}.data-table{border-collapse:collapse;width:100%;max-width:800px;margin:20px auto}.data-table th,.data-table td{text-align:center;border-bottom:1px solid #444;padding:12px}.data-table th{background-color:var(--primary-color);color:#fff}.player-row{background-color:#3a2e00;font-weight:700}@media (width<=768px){.container{padding:10px;margin-top:10px!important}nav>div{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}nav .btn{text-align:center;flex:calc(33% - 10px);margin:0!important;padding:8px 5px!important;font-size:13px!important}h1{font-size:28px!important}h2{font-size:22px!important}h3{font-size:18px!important}div[style*="font-size: 100px"]{margin-bottom:20px!important;font-size:70px!important}.data-table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;font-size:14px;display:block;overflow-x:auto}div[style*="overflow-x: auto"],div[style*="overflowX: 'auto'"]{width:100vw!important;margin-left:-10px!important;padding:0 10px!important}div[style*="display: flex"][style*="justify-content: space-between"]{flex-direction:column!important;align-items:stretch!important;gap:15px!important}div[style*="flex: 1"][style*="border-right: 1px solid"]{border-bottom:1px solid #444!important;border-right:none!important;padding-bottom:15px!important;padding-right:0!important}div[style*="padding-left: 20px"]{padding-left:0!important}.btn{box-sizing:border-box;width:100%;margin:10px 0!important}div[style*="max-width: 600px"],div[style*="maxWidth: '650px'"]{width:95%!important;margin:20px auto!important;padding:20px!important}}
