@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Roboto:wght@400;500;700;900&display=swap');
:root{--bg:#07101f;--panel:#0e1a2d;--panel2:#111f35;--line:rgba(255,255,255,.12);--text:#fff;--muted:#aeb9ca;--gold:#ffd34d;--red:#ff3344;--blue:#0084ff;--green:#22c55e;--darktext:#1e293b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Roboto','Segoe UI',Arial,sans-serif;background:radial-gradient(circle at 8% 0%,rgba(255,58,58,.28),transparent 28%),radial-gradient(circle at 92% 4%,rgba(0,132,255,.30),transparent 32%),linear-gradient(180deg,#07101f,#0a1425 58%,#07101f);color:var(--text);min-height:100vh}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,16,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.28)}.topbar-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.brand{font-family:'Oswald',sans-serif;font-size:25px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:1px;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--red),var(--blue));padding:6px 11px;border-radius:14px;margin-right:8px;box-shadow:0 8px 20px rgba(0,132,255,.28)}.main-nav{display:flex;gap:10px;align-items:center}.main-nav a,.admin-nav a{color:#fff;text-decoration:none;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));padding:12px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-weight:900;text-transform:uppercase;letter-spacing:.7px;box-shadow:0 8px 20px rgba(0,0,0,.20);transition:.22s}.main-nav a:hover,.main-nav a.active{background:linear-gradient(135deg,var(--red),var(--blue));transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,132,255,.25)}.container{max-width:1180px;margin:auto;padding:18px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(229,27,43,.96),rgba(0,82,255,.92));border-radius:30px;padding:34px;margin:16px 0 18px;box-shadow:0 18px 45px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 50%,rgba(255,255,255,.10) 50% 54%,transparent 54%)}.hero:after{content:'';position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}.hero>*{position:relative;z-index:1}.hero h1{font-family:'Oswald',sans-serif;margin:5px 0 7px;font-size:44px;text-transform:uppercase;letter-spacing:1px;line-height:1}.hero p{opacity:.95;max-width:720px;line-height:1.55}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.hero-ranking{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-champion{position:relative;z-index:1;min-width:200px;background:rgba(0,0,0,.29);border:1px solid rgba(255,255,255,.20);border-radius:22px;padding:16px;text-align:center}.hero-champion span{display:block;color:var(--gold);font-weight:900}.hero-champion b{display:block;font-size:18px;margin:6px 0}.hero-champion strong{font-size:35px;font-family:'Oswald',sans-serif}.search{display:flex;gap:10px;margin-bottom:16px}.search input,.form input,.form select,.form textarea,.loginbox input{width:100%;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#111c2f;color:#fff;outline:none}.search input:focus,.form input:focus,.form textarea:focus{border-color:rgba(0,132,255,.8);box-shadow:0 0 0 3px rgba(0,132,255,.12)}.search button,.form button,.loginbox button,.btn{border:0;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--red),#0078ff);color:#fff;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.compact-search{background:rgba(255,255,255,.06);padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.ranking-card,.panel{background:rgba(14,26,45,.90);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:16px;box-shadow:0 14px 35px rgba(0,0,0,.28)}.ranking-list{display:grid;gap:10px}.ranking-row{display:grid;grid-template-columns:54px 56px minmax(0,1fr) 92px;gap:12px;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09);border-radius:19px;padding:12px;transition:.22s}.ranking-row:hover{transform:translateY(-2px);border-color:rgba(0,132,255,.55);box-shadow:0 12px 24px rgba(0,0,0,.25)}.rank-badge{font-family:'Oswald',sans-serif;font-size:18px;text-align:center;color:#aeb9ca}.rank-badge.podium{color:var(--gold)}.rank-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#1c2940;border:2px solid rgba(255,255,255,.22)}.rank-info{min-width:0}.rank-info b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info span,.rank-info em{display:block;color:#aeb9ca;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;margin-top:2px}.rank-score{text-align:right;background:rgba(255,211,77,.10);border:1px solid rgba(255,211,77,.22);padding:8px 10px;border-radius:15px}.rank-score strong{display:block;font-family:'Oswald',sans-serif;font-size:25px;color:var(--gold);line-height:1}.rank-score small{color:#d7dfec;font-size:11px;text-transform:uppercase}.empty{text-align:center;color:#9aa8bf;padding:28px}.footer{text-align:center;color:#8b98ad;padding:28px}.back{color:#fff;text-decoration:none;display:inline-block;margin:12px 0;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.profile{display:grid;grid-template-columns:170px 1fr;gap:22px;background:linear-gradient(135deg,rgba(14,26,45,.97),rgba(16,31,53,.92));border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:22px;box-shadow:0 14px 35px rgba(0,0,0,.28);position:relative;overflow:hidden}.profile:after{content:'';position:absolute;right:-100px;bottom:-120px;width:270px;height:270px;border-radius:50%;background:rgba(0,132,255,.10)}.profile>*{position:relative;z-index:1}.profile-photo-wrap{display:flex;align-items:flex-start;justify-content:center}.profile-img{width:150px;height:150px;border-radius:28px;object-fit:cover;border:3px solid rgba(255,255,255,.18);box-shadow:0 14px 30px rgba(0,0,0,.28)}.profile h1{font-family:'Oswald',sans-serif;font-size:38px;line-height:1;margin:8px 0;text-transform:uppercase}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.profile-meta span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:8px 12px;color:#d7dfec}.profile-score{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(255,211,77,.18),rgba(255,255,255,.05));border:1px solid rgba(255,211,77,.25);border-radius:18px;padding:10px 14px;margin-top:10px}.profile-score b{font-family:'Oswald',sans-serif;font-size:34px;color:var(--gold)}.profile-score span{color:#d7dfec}.desc{line-height:1.65;color:#d7dfec}.achievement-panel{margin-top:18px}.achievement-panel h2,.panel h2{font-family:'Oswald',sans-serif;text-transform:uppercase}.achievement-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.achievement-medal{width:42px;height:42px;border-radius:14px;background:rgba(255,211,77,.12);display:grid;place-items:center}.achievement-item b{display:block;color:#fff}.achievement-item span{display:block;color:#aab6c8;margin-top:4px}.loginbox{max-width:390px;margin:12vh auto;background:#0e1a2d;padding:25px;border-radius:24px}.loginbox form,.form{display:grid;gap:12px}.alert{background:#7d1721;padding:12px;border-radius:12px}.alert.ok{background:#0f766e}.hint{color:#aab6c8}.admin{max-width:1120px;margin:auto;padding:22px}.admin-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.admin-nav a{margin:0}.tiny{width:50px;height:50px;border-radius:50%;object-fit:cover}.form{background:#0e1a2d;padding:16px;border-radius:20px;margin-bottom:18px}.form textarea{min-height:110px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}tbody tr:hover{background:rgba(255,255,255,.05)}.rank{color:var(--gold)}.player{display:flex;align-items:center;gap:12px}.player img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#1c2940}.danger-link{color:#ff6674!important}.danger-box{max-width:540px;margin:10vh auto;background:#0e1a2d;border:1px solid rgba(255,80,90,.35);border-radius:24px;padding:24px}.danger-btn{border:0;border-radius:14px;background:#ff3344;color:#fff;padding:13px 18px;font-weight:900}.safe-link{color:#fff;margin-left:12px}.tournament-grid-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.tournament-card-pro{position:relative;overflow:hidden;text-decoration:none;color:#fff;border-radius:26px;padding:21px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.28);min-height:195px}.tournament-card-pro:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(255,211,77,.22),transparent 35%),linear-gradient(135deg,rgba(255,51,68,.15),rgba(0,120,255,.15));opacity:.9}.tournament-card-pro>*{position:relative}.tour-card-top,.tour-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:#64748b;font-size:11px;font-weight:900;letter-spacing:1px}.status-pill.live{background:#16a34a}.status-pill.finished{background:#334155}.status-pill.draft{background:#f59e0b;color:#1f2937}.tournament-card-pro h2{font-family:'Oswald',sans-serif;font-size:28px;text-transform:uppercase;margin:24px 0 18px}.tour-card-meta span{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:8px 10px;color:#d7dfec}.tour-card-action{margin-top:18px;font-weight:900;color:var(--gold)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.tournament-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none}.bracket-tabs{display:flex;justify-content:center;gap:12px;margin:16px 0 18px}.bracket-tab{border:0;border-radius:15px;padding:14px 24px;color:#fff;font-family:'Oswald',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:2px solid rgba(255,255,255,.25);box-shadow:0 10px 26px rgba(0,0,0,.22)}.bracket-tab.round1{background:rgba(255,255,255,.20);backdrop-filter:blur(10px)}.bracket-tab.final{background:rgba(0,0,0,.26);backdrop-filter:blur(10px)}.bracket-tab.active{background:linear-gradient(135deg,var(--red),var(--blue));transform:translateY(-2px)}.bracket-board{background:rgba(255,255,255,.95);border-radius:22px;padding:26px 28px;overflow-x:auto;box-shadow:0 18px 45px rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.25)}.bracket-stage{display:flex;align-items:flex-start;gap:74px;width:max-content;min-width:100%;}.round-col{width:245px;flex:0 0 245px;display:flex;flex-direction:column}.round-title{text-align:center;font-family:'Oswald',sans-serif;font-weight:800;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:13px;margin-bottom:16px;font-size:13px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.round-col.po .round-title{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#065f46}.round-col.r2 .round-title{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1e293b}.round-col.qf .round-title{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#92400e}.round-col.sf .round-title{background:linear-gradient(135deg,#f093fb,#f5576c)}.round-col.final .round-title{background:linear-gradient(135deg,#ffd700,#ffed4e 50%,#ffd700);color:#92400e}.match-card{position:relative;margin-bottom:18px}.match-card::after{content:'';position:absolute;right:-38px;top:52%;width:38px;height:2px;background:linear-gradient(90deg,#cbd5e1,transparent)}.round-col:last-child .match-card::after{display:none}.match-label{display:inline-block;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:4px 11px;border-radius:8px;font-size:11px;font-weight:800;font-family:'Oswald',sans-serif;margin-bottom:6px;border:1px solid #fbbf24}.match-box{background:#fff;border:2px solid #e2e8f0;border-radius:13px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);position:relative}.match-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff3a3a,#0084ff)}.team-row{padding:8px 12px 8px 14px;min-height:40px;border-bottom:1px solid #e2e8f0;color:#334155;font-weight:700;font-size:13px;display:flex;align-items:center;gap:7px}.team-row:last-child{border-bottom:none}.team-row small{color:#64748b;font-weight:900;min-width:30px}.team-row strong{margin-left:auto;color:#0f172a}.match-card.updated .match-box{box-shadow:0 0 0 2px rgba(34,197,94,.55),0 10px 20px rgba(34,197,94,.15)}.live-scores{display:flex;flex-wrap:wrap;gap:8px}.score-chip{background:#111827;color:#fff;border-radius:999px;padding:8px 12px}.score-chip strong{margin:0 6px;color:#22c55e}.score-chip em{opacity:.75;font-style:normal}.muted{opacity:.65}.seed-grid,.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.seed-grid label,.result-grid label{display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.05);padding:10px;border-radius:12px}
@media(max-width:760px){.topbar-inner{display:block;padding:12px}.brand{display:block;text-align:center;font-size:20px}.main-nav{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.main-nav a{text-align:center;padding:10px 8px;font-size:13px}.container{padding:12px}.hero{padding:22px;border-radius:22px}.hero h1{font-size:30px}.hero-ranking{display:block}.hero-champion{margin-top:14px}.search{display:grid}.ranking-card{padding:10px;border-radius:20px}.ranking-row{grid-template-columns:36px 40px minmax(0,1fr) 62px;gap:7px;padding:8px;border-radius:14px}.rank-badge{font-size:14px}.rank-avatar{width:40px;height:40px}.rank-info b{font-size:13px}.rank-info span,.rank-info em{font-size:10.5px}.rank-score{padding:6px 5px;border-radius:12px}.rank-score strong{font-size:18px}.rank-score small{display:none}.profile{grid-template-columns:1fr;text-align:center;padding:18px}.profile-img{width:150px;height:150px}.profile h1{font-size:30px}.profile-meta{justify-content:center}.profile-score{justify-content:center}.achievement-item{text-align:left}.bracket-tabs{display:grid;grid-template-columns:1fr;gap:9px}.bracket-board{padding:18px 14px}.bracket-stage{gap:34px}.round-col{width:220px;flex-basis:220px}.match-card::after{right:-22px;width:22px}table{min-width:640px}.tournament-grid-pro{grid-template-columns:1fr}.tournament-card-pro{min-height:auto}}

/* ===== V11 HARD FIX RANKING RESPONSIVE ===== */
.ranking-card{max-width:100%;overflow:hidden!important}.ranking-list{display:grid!important;gap:10px!important}.ranking-row{display:grid!important;grid-template-columns:54px 56px minmax(0,1fr) 92px!important;gap:12px!important;align-items:center!important;width:100%!important;text-decoration:none!important;color:#fff!important;overflow:hidden!important}.rank-avatar{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;object-fit:cover!important;border-radius:50%!important}.rank-info{min-width:0!important;overflow:hidden!important}.rank-info b,.rank-info span,.rank-info em{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.rank-score{min-width:0!important}.profile-img{width:150px!important;height:150px!important;object-fit:cover!important}
@media(max-width:760px){body{overflow-x:hidden!important}.container{max-width:100%!important;overflow:hidden!important}.ranking-row{grid-template-columns:34px 42px minmax(0,1fr) 58px!important;gap:7px!important;padding:8px!important}.rank-avatar{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}.rank-badge{font-size:13px!important}.rank-info b{font-size:13px!important}.rank-info span,.rank-info em{font-size:10.5px!important}.rank-score{padding:5px 4px!important}.rank-score strong{font-size:17px!important}.rank-score small{display:none!important}}
