* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: Arial, Helvetica, sans-serif; background: #050505; color: #f5f5f5; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at top left, rgba(190,0,0,.35), transparent 35%), radial-gradient(circle at bottom right, rgba(120,0,0,.25), transparent 30%), linear-gradient(180deg,#070707,#020202); z-index: -2; }
.nav { position: sticky; top: 0; z-index: 5; min-height: 76px; padding: 14px 6vw; display: flex; align-items: center; justify-content: space-between; background: rgba(5,5,5,.88); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,0,0,.25); gap: 14px; }
.brand { font-size: 30px; font-weight: 900; color: #ff1616; letter-spacing: 2px; text-decoration: none; text-shadow: 0 0 18px rgba(255,0,0,.9); }
.nav nav { display: flex; gap: 18px; flex-wrap: wrap; }
.nav a { color: #eee; text-decoration: none; font-weight: 700; font-size: 14px; }
.discord-btn,.btn { border:0; cursor:pointer; display:inline-block; border-radius:999px; padding:12px 18px; text-decoration:none; font-weight:900; text-transform:uppercase; letter-spacing:.8px; }
.discord-btn,.primary { background:#c90000; color:white; box-shadow:0 0 25px rgba(255,0,0,.45); }
.ghost { border:1px solid rgba(255,255,255,.25); color:white; }
.hero { min-height:88vh; display:grid; place-items:center; text-align:center; position:relative; padding:80px 6vw; }
.blood-bg { position:absolute; width:600px; height:600px; background:radial-gradient(circle,rgba(255,0,0,.35),transparent 65%); filter:blur(10px); animation:pulse 4s infinite alternate; }
.hero-content { position:relative; max-width:1000px; }
.eyebrow { color:#ff3030; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin-bottom:12px; }
h1 { font-size:clamp(58px,11vw,150px); line-height:.88; font-weight:1000; letter-spacing:-5px; }
h1 span { color:#ff1515; text-shadow:0 0 35px rgba(255,0,0,.7); }
.tagline { margin:26px auto; max-width:650px; color:#d4d4d4; font-size:20px; line-height:1.5; }
.hero-actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.section { padding:80px 6vw; }
.section-head { margin-bottom:34px; }
.section h2 { font-size:clamp(38px,6vw,76px); text-transform:uppercase; }
.fight-card { display:grid; grid-template-columns:1fr 260px 1fr; gap:18px; background:linear-gradient(135deg,rgba(255,0,0,.18),rgba(255,255,255,.04)); border:1px solid rgba(255,0,0,.35); box-shadow:0 0 40px rgba(255,0,0,.14); padding:24px; border-radius:28px; }
.fighter,.versus,.table-card,.champ-card,.profile-card,.rules,.admin-card,.archive-card { background:rgba(18,18,18,.86); border:1px solid rgba(255,255,255,.09); border-radius:22px; }
.fighter { min-height:260px; display:flex; flex-direction:column; justify-content:end; padding:26px; }
.fighter h3 { font-size:42px; text-transform:uppercase; }
.red-corner { border-color:rgba(255,0,0,.45); }
.blue-corner { border-color:rgba(255,255,255,.25); }
.record { color:#ff3030; font-weight:900; }
.versus { display:grid; place-items:center; text-align:center; padding:24px; }
.versus strong { font-size:76px; color:#ff1515; text-shadow:0 0 25px rgba(255,0,0,.8); }
.tables,.champ-grid,.fighter-grid,.archive-grid,.admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.table-card,.champ-card,.profile-card,.admin-card,.archive-card { padding:26px; }
.table-card h3,.champ-card h3,.profile-card h3,.admin-card h3,.archive-card h3 { font-size:28px; margin-bottom:16px; }
.archive-card p { color:#ddd; line-height:1.6; }
.archive-card a { color:white; font-weight:900; display:inline-block; margin-top:12px; }
table { width:100%; border-collapse:collapse; }
th,td { padding:14px; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; }
th { color:#ff3030; }
.belt { display:inline-block; background:#c90000; padding:8px 12px; border-radius:999px; font-weight:900; margin-bottom:18px; }
.rules ul { list-style:none; display:grid; gap:14px; }
.rules li { padding:16px; background:rgba(255,255,255,.045); border-left:4px solid #d60000; border-radius:12px; }
footer { text-align:center; padding:40px 6vw; border-top:1px solid rgba(255,0,0,.25); color:#aaa; }
.admin-main .section { padding-top:40px; }
.admin-note { color:#bbb; max-width:760px; line-height:1.5; margin-bottom:14px; }
.admin-card.full { margin-top:22px; }
label { display:grid; gap:8px; margin-bottom:14px; color:#ddd; font-weight:700; }
input,select { width:100%; background:#080808; border:1px solid rgba(255,255,255,.15); color:white; padding:13px 14px; border-radius:12px; outline:none; }
input[type="checkbox"] { width:auto; }
.check-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.check-row label { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.05); padding:12px; border-radius:12px; margin:0; }
input:focus,select:focus { border-color:#ff2020; box-shadow:0 0 0 3px rgba(255,0,0,.18); }
.admin-row,.rank-row { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:14px; border-bottom:1px solid rgba(255,255,255,.08); }
.delete-btn,.rank-btn { background:transparent; color:#ff4040; border:1px solid rgba(255,0,0,.45); border-radius:12px; padding:9px 12px; cursor:pointer; font-weight:900; }
.rank-btn { color:white; border-color:rgba(255,255,255,.25); margin-left:6px; }
.rank-block { margin-top:18px; padding:16px; background:rgba(255,255,255,.04); border-radius:16px; }
.division-pill { display:inline-block; background:rgba(255,0,0,.18); border:1px solid rgba(255,0,0,.25); padding:5px 9px; border-radius:999px; margin:3px; font-size:12px; font-weight:900; }
@keyframes pulse { from { transform:scale(.9); opacity:.5; } to { transform:scale(1.15); opacity:.9; } }
@media (max-width:850px) { .nav { height:auto; padding:16px 5vw; flex-wrap:wrap; } .nav nav { order:3; width:100%; overflow-x:auto; } .fight-card,.tables,.champ-grid,.fighter-grid,.archive-grid,.admin-grid,.check-row { grid-template-columns:1fr; } h1 { letter-spacing:-2px; } }