:root{--bg:#0a0a0f;--surface:#0d0d15;--border:#1a1a2a;--border-accent:#2a1a0a;--text:#c0c0c0;--text-muted:#777;--text-dim:#555;--accent:#ff5500;--accent-hover:#ff6600;--accent-glow:rgba(255,85,0,0.6);--gold:#ffaa00;--success:#00aa44;--danger:#ff4444;--info:#6699bb;--white:#fff;--black:#000;--input-bg:#111;--input-border:#333;--badge-bg:#1a0d00;--tag-vip-bg:#ffaa00;--tag-pro-bg:#ff5500;--tag-legend-bg:#aa44ff;--sidebar-width:280px}
.light-theme{--bg:#f0f2f5;--surface:#ffffff;--border:#e0e0e0;--border-accent:#d0d0d0;--text:#1a1a1a;--text-muted:#555;--text-dim:#888;--accent:#e64a00;--accent-hover:#cc4400;--accent-glow:rgba(230,74,0,0.3);--gold:#cc8800;--success:#008833;--danger:#cc3333;--info:#446688;--white:#1a1a1a;--black:#fff;--input-bg:#f5f5f5;--input-border:#ccc;--badge-bg:#fff3e0;--tag-vip-bg:#cc8800;--tag-pro-bg:#e64a00;--tag-legend-bg:#8833cc}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'Roboto Mono',monospace;min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(255,68,0,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,150,0,0.03) 0%,transparent 50%)}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.08) 1px,transparent 1px,transparent 3px)}
.light-theme::before{background:repeating-linear-gradient(0deg,rgba(0,0,0,0.02) 0px,rgba(0,0,0,0.02) 1px,transparent 1px,transparent 3px)}
.container{max-width:83%;margin:0 auto;padding:1vw;position:relative;z-index:1;transition:margin-right 0.3s ease}
.container.sidebar-open{margin-right:var(--sidebar-width)}
.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0.5vw 0;gap:1vw;flex-wrap:wrap}
.top-bar-left{display:flex;align-items:center}
.top-bar-right{display:flex;align-items:center;gap:0.8vw}
.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10001;opacity:0;visibility:hidden;transition:all 0.3s ease}
.sidebar-overlay.active{opacity:1;visibility:visible}
.sidebar{position:fixed;top:0;right:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);height:100%;background:var(--surface);border-left:1px solid var(--accent);z-index:10002;transition:right 0.3s ease;overflow-y:auto;padding:1.5vw;display:flex;flex-direction:column;gap:0.6vw}
.sidebar.active{right:0}
.sidebar-close{position:absolute;top:1vw;right:1vw;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;font-family:monospace}
.sidebar-close:hover{color:var(--accent)}
.sidebar-btn{width:100%;padding:clamp(8px,1vw,14px);border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.65rem,0.85vw,0.8rem);text-transform:uppercase;letter-spacing:1px;transition:all 0.2s;text-align:center}
.sidebar-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,85,0,0.05)}
.sidebar-btn.auth-btn{border-color:var(--accent);color:var(--accent);font-weight:700}
.sidebar-btn.auth-btn:hover{background:var(--accent);color:#000}
.sidebar-btn.logout-btn{border-color:var(--danger);color:var(--danger)}
.sidebar-btn.logout-btn:hover{background:var(--danger);color:#000}
.sidebar-btn.theme-btn{border-color:#666;color:#ccc}
.sidebar-divider{border-top:1px solid var(--border);margin:0.4vw 0}
.sidebar-username{color:var(--white);font-family:'Orbitron',sans-serif;font-size:clamp(0.8rem,1vw,1rem);text-align:center;letter-spacing:1px}
.sidebar-balance{color:var(--accent);text-align:center;font-size:clamp(0.7rem,0.9vw,0.85rem);font-weight:bold}
.sidebar-toggle{position:fixed;top:1vw;right:1vw;z-index:10000;background:var(--surface);border:1px solid var(--accent);color:var(--accent);width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px);cursor:pointer;font-size:clamp(1.2rem,1.8vw,1.5rem);display:flex;align-items:center;justify-content:center;transition:all 0.2s}
.sidebar-toggle:hover{background:var(--accent);color:#000}
.sidebar-toggle.hidden{opacity:0;visibility:hidden}
.logo{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:2px;color:var(--accent);text-shadow:0 0 20px rgba(255,85,0,0.8),0 0 60px rgba(255,120,0,0.3),2px 2px 0 #000;text-decoration:none;text-transform:uppercase;transition:all 0.3s;-webkit-text-stroke:1px #000;white-space:nowrap}
.logo:hover{text-shadow:0 0 40px rgba(255,85,0,1),0 0 100px rgba(255,120,0,0.5),2px 2px 0 #000;color:#ff7700;transform:skew(-2deg)}
.logo span{color:#fff;text-shadow:0 0 20px rgba(255,255,255,0.7),2px 2px 0 #000;-webkit-text-stroke:1px #000}
.light-theme .logo{text-shadow:0 0 10px rgba(255,85,0,0.3),1px 1px 0 rgba(0,0,0,0.1);-webkit-text-stroke:0}
.light-theme .logo span{color:#333;text-shadow:0 0 5px rgba(0,0,0,0.1);-webkit-text-stroke:0}
.back-btn{color:#888;cursor:pointer;font-size:0.8rem;text-decoration:none;margin-bottom:1vw;display:inline-block}
.back-btn:hover{color:var(--accent)}
.user-tag{display:inline-block;padding:0.2vw 0.6vw;border:1px solid var(--accent);color:var(--accent);font-size:clamp(0.6rem,0.9vw,0.75rem);letter-spacing:1px;margin-left:0.5vw;font-family:'Orbitron',sans-serif}
.tag-VIP{background:var(--tag-vip-bg);color:#000;border-color:var(--tag-vip-bg)}
.tag-PRO{background:var(--tag-pro-bg);color:#000;border-color:var(--tag-pro-bg)}
.tag-LEGEND{background:var(--tag-legend-bg);color:#000;border-color:var(--tag-legend-bg)}
.header-icons{display:flex;gap:0.8vw;align-items:center;flex-direction:row}
.bell-icon{position:relative;cursor:pointer;font-size:clamp(1rem,1.5vw,1.3rem);color:#aaa;transition:color 0.2s;background:none;border:none;font-family:monospace;padding:0.3vw;order:2}
.bell-icon:hover{color:var(--accent)}
.bell-badge{position:absolute;top:-4px;right:-6px;background:var(--danger);color:#fff;font-size:0.5rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold}
.btn{padding:clamp(5px,0.65vw,10px) clamp(12px,1.3vw,22px);border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.55rem,0.8vw,0.75rem);text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s;text-decoration:none;display:inline-block;white-space:nowrap}
.btn:hover{background:var(--accent);color:#000;box-shadow:0 0 18px var(--accent-glow)}
.btn-filled{background:var(--accent);color:#000;border:1px solid var(--accent);font-weight:700}
.btn-filled:hover{box-shadow:0 0 28px var(--accent-glow);background:var(--accent-hover)}
.btn-outline{border:1px solid #444;color:#aaa}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,85,0,0.05)}
.btn-deposit{border:1px solid var(--info);color:var(--info)}
.btn-deposit:hover{background:#335577;color:#aaccdd;box-shadow:0 0 18px rgba(68,102,136,0.4)}
.btn-deposit-filled{background:#335577;color:#aaccdd;border:1px solid var(--info);font-weight:700}
.btn-deposit-filled:hover{box-shadow:0 0 23px rgba(68,102,136,0.5);background:#3d6080}
.btn-danger{border:1px solid var(--danger);color:var(--danger)}
.btn-danger:hover{background:var(--danger);color:#000;box-shadow:0 0 18px rgba(255,68,68,0.6)}
.btn-success{border:1px solid var(--success);color:var(--success)}
.btn-success:hover{background:var(--success);color:#000;box-shadow:0 0 18px rgba(0,170,68,0.6)}
.btn-gold{border:1px solid var(--gold);color:var(--gold)}
.btn-gold:hover{background:var(--gold);color:#000;box-shadow:0 0 18px rgba(255,170,0,0.6)}
.btn-text{background:none;border:none;color:#888;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:0.7rem;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color 0.2s;display:block}
.btn-text:hover{color:var(--accent)}
.btn-small{padding:clamp(5px,0.65vw,10px) clamp(10px,1.15vw,16px);font-size:clamp(0.55rem,0.75vw,0.7rem);letter-spacing:0.5px}
.btn-xs{padding:0.2vw 0.35vw;font-size:clamp(0.45rem,0.55vw,0.55rem)}
.balance-display{background:var(--badge-bg);padding:0.4vw 0.8vw;border:1px solid var(--accent);font-weight:bold;letter-spacing:0.5px;color:#ff8800;font-size:clamp(0.6rem,0.8vw,0.75rem);white-space:nowrap;order:1}
.section-title{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,1.5vw,1.5rem);color:var(--white);margin-bottom:1.2vw;padding-bottom:0.6vw;border-bottom:1px solid var(--border-accent);letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:0.7vw;flex-wrap:wrap}
.section-title .title-text{margin-right:auto}
.section-title .title-text::before{content:"// ";color:var(--accent);font-weight:900}
.section-title-right{display:flex;gap:0.5vw;align-items:center;margin-left:auto}
.tab-container{display:flex;gap:0.35vw;margin-bottom:1.4vw;flex-wrap:wrap}
.tab-btn{padding:clamp(5px,0.65vw,7px) clamp(12px,1.3vw,18px);border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Orbitron',sans-serif;font-size:clamp(0.55rem,0.75vw,0.7rem);text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s}
.tab-btn:hover{border-color:var(--accent);color:var(--accent)}
.tab-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}
.sort-container{display:flex;gap:0.35vw;margin-bottom:1.2vw;flex-wrap:wrap;align-items:center}
.sort-btn{padding:0.35vw 0.7vw;border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.5rem,0.65vw,0.6rem);text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s}
.sort-btn:hover{border-color:var(--accent);color:var(--accent)}
.sort-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}
.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.4vw;margin-bottom:1.8vw}
.tournament-card{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.2vw,20px);position:relative;transition:all 0.3s}
.tournament-card:hover{border-color:var(--accent);box-shadow:0 0 28px rgba(255,85,0,0.15);transform:translateY(-1px)}
.tournament-card h3{font-family:'Orbitron',sans-serif;font-size:clamp(0.8rem,1vw,1rem);color:var(--white);margin-bottom:0.5vw;letter-spacing:1px}
.tournament-card .status{position:absolute;top:0.7vw;right:0.7vw;font-family:'Orbitron',sans-serif;font-size:clamp(0.5rem,0.65vw,0.6rem);padding:0.2vw 0.6vw;letter-spacing:0.5px;font-weight:700}
.status-open{background:var(--accent);color:#000}
.status-closed{background:#333;color:#888}
.status-finished{background:var(--success);color:#000}
.status-registered{background:var(--success);color:#000}
.status-full{background:var(--danger);color:#000}
.tournament-details{font-size:clamp(0.6rem,0.75vw,0.7rem);color:var(--text-muted);line-height:1.5;margin:0.7vw 0}
.tournament-details span{color:#ff8833;font-weight:bold}
.price{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,1.4vw,1.4rem);color:var(--accent);font-weight:900;margin:0.7vw 0;letter-spacing:1px}
.participants-counter{color:var(--gold);font-size:clamp(0.6rem,0.75vw,0.7rem);margin:0.6vw 0}
.winner-badge{display:inline-block;background:var(--gold);color:#000;padding:0.2vw 0.6vw;font-size:clamp(0.55rem,0.7vw,0.65rem);font-weight:bold;letter-spacing:0.5px}
.sponsors-section{margin-bottom:1.8vw}
.sponsors-title{font-family:'Orbitron',sans-serif;font-size:clamp(0.9rem,1.3vw,1.2rem);color:var(--white);margin-bottom:1.2vw;letter-spacing:1.5px;text-transform:uppercase;text-align:center}
.sponsors-title::before{content:"// ";color:var(--accent)}
.carousel-container{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);padding:clamp(14px,1.8vw,28px) clamp(24px,3vw,45px)}
.carousel-track{display:flex;gap:clamp(12px,1.8vw,28px);align-items:center;transition:transform 0.5s ease}
.carousel-slide{min-width:clamp(130px,12vw,200px);height:clamp(75px,7vw,120px);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.carousel-slide img{max-width:100%;max-height:100%;object-fit:contain;opacity:0.8;transition:opacity 0.3s ease,transform 0.3s ease;cursor:pointer}
.carousel-slide:hover img{opacity:1;transform:scale(1.05)}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.7);border:1px solid var(--accent);color:var(--accent);width:clamp(24px,2.3vw,36px);height:clamp(24px,2.3vw,36px);cursor:pointer;font-size:clamp(0.8rem,1.1vw,1.1rem);display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:1}
.carousel-btn:hover{background:var(--accent);color:#000}
.carousel-btn.prev{left:0.5vw}
.carousel-btn.next{right:0.5vw}
.carousel-placeholder{width:100%;height:100%;background:#111;border:1px dashed #333;display:flex;align-items:center;justify-content:center;color:#555;font-size:clamp(0.5rem,0.6vw,0.6rem);font-family:'Roboto Mono',monospace;border-radius:6px}
.reviews-page{display:none}
.reviews-page.active{display:block}
.review-card{background:var(--surface);border:1px solid var(--border);padding:clamp(10px,1.2vw,17px);margin-bottom:0.7vw}
.review-card .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6vw;flex-wrap:wrap;gap:0.35vw}
.review-card .review-author{color:var(--accent);font-weight:bold;font-size:clamp(0.7rem,0.8vw,0.8rem)}
.review-card .review-date{color:var(--text-dim);font-size:clamp(0.5rem,0.6vw,0.6rem)}
.review-card .review-text{color:#aaa;font-size:clamp(0.7rem,0.8vw,0.8rem);line-height:1.5}
.review-card .review-stars{color:var(--gold);font-size:clamp(0.8rem,0.95vw,0.9rem)}
.star-rating{display:flex;gap:0.25vw;font-size:clamp(1.2rem,1.7vw,1.5rem);cursor:pointer}
.star-rating .star{color:#333;transition:color 0.2s}
.star-rating .star.active{color:var(--gold)}
.star-rating .star:hover{color:var(--gold)}
.sponsor-page{display:none}
.sponsor-page.active{display:block}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:1.2vw;margin-bottom:1.8vw}
.stat-card{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,23px);text-align:center}
.stat-card .stat-value{font-family:'Orbitron',sans-serif;font-size:clamp(1.5rem,2vw,2.3rem);color:var(--accent);font-weight:900}
.stat-card .stat-label{color:var(--text-muted);font-size:clamp(0.5rem,0.65vw,0.65rem);margin-top:0.35vw;text-transform:uppercase;letter-spacing:0.5px}
.sponsor-info-block{background:var(--surface);border:1px solid var(--border);padding:clamp(14px,1.8vw,28px);margin-bottom:1.4vw}
.sponsor-info-block h3{font-family:'Orbitron',sans-serif;color:var(--accent);margin-bottom:0.9vw;font-size:clamp(0.8rem,1vw,1rem);letter-spacing:1px}
.sponsor-info-block p{color:#aaa;font-size:clamp(0.7rem,0.8vw,0.8rem);line-height:1.6;margin-bottom:0.7vw}
.sponsor-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1.2vw;margin-bottom:1.8vw}
.package-card{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,23px);text-align:center;transition:all 0.3s}
.package-card:hover{border-color:var(--accent)}
.package-card h4{font-family:'Orbitron',sans-serif;color:var(--white);margin-bottom:0.6vw;font-size:clamp(0.75rem,0.9vw,0.9rem)}
.package-card .package-price{font-family:'Orbitron',sans-serif;font-size:clamp(1.2rem,1.5vw,1.7rem);color:var(--accent);font-weight:900;margin:0.6vw 0}
.package-card ul{color:#888;font-size:clamp(0.55rem,0.7vw,0.65rem);list-style:none;line-height:1.7}
.player-profile-page{display:none}
.player-profile-page.active{display:block}
.player-header{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,23px);margin-bottom:1.4vw;display:flex;gap:clamp(12px,1.8vw,23px);align-items:center;flex-wrap:wrap}
.player-avatar{width:clamp(55px,7vw,90px);height:clamp(55px,7vw,90px);border:2px solid var(--accent);background:#111;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,2.3vw,2.3rem);color:var(--accent);font-family:'Orbitron',sans-serif;border-radius:50%;overflow:hidden}
.player-avatar img{width:100%;height:100%;object-fit:cover}
.player-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:0.7vw;margin-bottom:1.4vw}
.player-stat{background:var(--surface);border:1px solid var(--border);padding:clamp(10px,1.2vw,17px);text-align:center}
.player-stat .stat-num{font-family:'Orbitron',sans-serif;font-size:clamp(1.2rem,1.7vw,1.7rem);color:var(--accent);font-weight:900}
.player-stat .stat-lbl{color:var(--text-muted);font-size:clamp(0.5rem,0.6vw,0.6rem);text-transform:uppercase;letter-spacing:0.5px;margin-top:0.3vw}
.achievements-page{display:none}
.achievements-page.active{display:block}
.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:0.7vw;margin-bottom:1.4vw}
.achievement-card{background:var(--surface);border:1px solid var(--border);padding:clamp(10px,1.2vw,17px);text-align:center;transition:all 0.3s;position:relative}
.achievement-card.locked{opacity:0.35;filter:grayscale(1)}
.achievement-card .ach-icon{font-size:clamp(1.4rem,2.3vw,2.3rem);margin-bottom:0.35vw}
.achievement-card .ach-name{font-family:'Orbitron',sans-serif;font-size:clamp(0.6rem,0.75vw,0.7rem);color:var(--white);letter-spacing:0.5px;margin-bottom:0.3vw}
.achievement-card .ach-desc{font-size:clamp(0.5rem,0.6vw,0.6rem);color:var(--text-muted)}
.achievement-card .ach-date{font-size:clamp(0.45rem,0.55vw,0.55rem);color:var(--accent);margin-top:0.35vw}
.ach-progress{width:100%;height:clamp(4px,0.6vw,7px);background:#111;margin-top:0.6vw;border-radius:3px;overflow:hidden}
.ach-progress-bar{height:100%;background:var(--accent);transition:width 0.5s}
.ach-toggle{display:inline-block;width:18px;height:18px;border:1px solid var(--accent);cursor:pointer;margin-left:6px;vertical-align:middle;position:relative}
.ach-toggle.visible{background:var(--accent)}
.ach-toggle.visible::after{content:"✓";color:#000;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.promo-detail-card{background:var(--surface);border:1px solid var(--gold);padding:clamp(10px,1.2vw,17px);margin-bottom:0.7vw}
.ach-admin-card{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.6vw}
.ach-admin-card .ach-preview{display:flex;align-items:center;gap:0.6vw}
.ach-admin-card .ach-preview-icon{font-size:clamp(1.2rem,1.8vw,1.8rem)}
.user-achievements-list{max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);padding:0.6vw;margin-top:0.6vw}
.user-ach-item{display:flex;justify-content:space-between;align-items:center;padding:0.35vw 0;border-bottom:1px solid #111;font-size:clamp(0.55rem,0.7vw,0.65rem);color:#aaa}
.sponsor-logo-upload{display:flex;gap:0.7vw;align-items:center;flex-wrap:wrap;margin-bottom:0.7vw}
.sponsor-logo-preview{width:clamp(90px,9vw,140px);height:clamp(55px,6vw,90px);background:#111;border:1px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sponsor-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}
input[type="file"]{color:#888;font-family:'Roboto Mono',monospace;font-size:clamp(0.55rem,0.7vw,0.65rem)}
.modal-xl{max-width:clamp(380px,48vw,650px)}
.sponsor-link{color:var(--info);font-size:clamp(0.45rem,0.55vw,0.55rem);text-decoration:none;display:block;margin-top:0.3vw;word-break:break-all}
.sponsor-link:hover{text-decoration:underline;color:var(--accent)}
.leaderboard-page{display:none}
.leaderboard-page.active{display:block}
.leaderboard-table{width:100%;border-collapse:collapse;font-size:clamp(0.6rem,0.8vw,0.75rem)}
.leaderboard-table th{text-align:left;color:var(--accent);padding:0.6vw 0.35vw;border-bottom:1px solid var(--border-accent);text-transform:uppercase;font-family:'Orbitron',sans-serif;font-size:clamp(0.5rem,0.6vw,0.6rem);letter-spacing:0.5px}
.leaderboard-table td{padding:0.6vw 0.35vw;border-bottom:1px solid #111;color:#aaa}
.leaderboard-table .rank{font-family:'Orbitron',sans-serif;font-weight:700;color:var(--white);font-size:clamp(0.8rem,1vw,1rem)}
.leaderboard-table .rank-1{color:var(--gold)}
.leaderboard-table .rank-2{color:#ccc}
.leaderboard-table .rank-3{color:#cd7f32}
.rules-page{display:none}
.rules-page.active{display:block}
.rules-block{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,23px);margin-bottom:0.9vw}
.rules-block h3{color:var(--accent);font-family:'Orbitron',sans-serif;margin-bottom:0.6vw;font-size:clamp(0.8rem,1vw,1rem)}
.rules-block p{font-size:clamp(0.7rem,0.8vw,0.8rem);line-height:1.6;color:#aaa}
.banlist-page{display:none}
.banlist-page.active{display:block}
.report-card{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw}
.ban-card{background:var(--surface);border:1px solid var(--danger);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw}
.ban-card .ban-reason{color:var(--danger);font-size:clamp(0.55rem,0.7vw,0.65rem)}
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:10000;justify-content:center;align-items:flex-start;padding:2vw;overflow-y:auto}
.modal-overlay.active{display:flex}
.modal{background:var(--surface);border:1px solid var(--accent);padding:clamp(14px,1.8vw,28px);width:100%;max-width:clamp(300px,38vw,430px);position:relative;box-shadow:0 0 45px rgba(255,85,0,0.2);max-height:90vh;overflow-y:auto;margin:auto}
.modal-wide{max-width:clamp(350px,48vw,580px)}
.modal-deposit{border-color:var(--info);box-shadow:0 0 45px rgba(68,102,136,0.2)}
.modal-danger{border-color:var(--danger);box-shadow:0 0 45px rgba(255,68,68,0.2)}
.modal h2{font-family:'Orbitron',sans-serif;color:var(--white);margin-bottom:1.2vw;text-align:center;letter-spacing:1.5px;font-size:clamp(0.9rem,1.15vw,1.2rem);font-weight:700}
.modal h2::before{content:"// ";color:var(--accent)}
.modal-deposit h2::before{color:var(--info)}
.modal-danger h2::before{color:var(--danger)}
.modal .close-btn{position:absolute;top:0.6vw;right:0.7vw;background:none;border:none;color:#666;font-size:clamp(1rem,1.4vw,1.4rem);cursor:pointer;font-family:monospace;transition:color 0.2s;z-index:1}
.modal .close-btn:hover{color:var(--accent)}
.form-group{margin-bottom:0.9vw}
.form-group label{display:block;color:#888;margin-bottom:0.3vw;font-size:clamp(0.55rem,0.7vw,0.65rem);text-transform:uppercase;letter-spacing:0.5px;font-family:'Roboto Mono',monospace}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:clamp(6px,0.7vw,11px);background:var(--input-bg);border:1px solid var(--input-border);color:var(--white);font-family:'Roboto Mono',monospace;font-size:clamp(0.7rem,0.85vw,0.8rem);-webkit-appearance:none;border-radius:0}
.form-group textarea{resize:vertical;min-height:80px}
.form-group select{cursor:pointer}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px rgba(255,85,0,0.2)}
.error-msg{color:var(--danger);font-size:clamp(0.55rem,0.7vw,0.65rem);margin-top:0.25vw;display:none}
.modal-footer{margin-top:1.2vw;text-align:center;padding-top:0.7vw;border-top:1px solid var(--border)}
.toast-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99999;justify-content:center;align-items:center;padding:2vw}
.toast-overlay.active{display:flex}
.toast-box{background:var(--surface);border:1px solid var(--accent);padding:clamp(14px,1.8vw,25px);max-width:clamp(280px,33vw,400px);width:100%;text-align:center;box-shadow:0 0 40px rgba(255,85,0,0.3);animation:toastIn 0.3s ease}
@keyframes toastIn{from{transform:scale(0.85);opacity:0}to{transform:scale(1);opacity:1}}
.toast-box p{color:var(--white);font-family:'Roboto Mono',monospace;font-size:clamp(0.7rem,0.85vw,0.8rem);margin-bottom:1.2vw;line-height:1.4}
.toast-box .btn{margin:0 0.3vw}
.dashboard{display:none}
.dashboard.active{display:block}
.home-page{display:block}
.home-page.hidden{display:none}
.tournament-page{display:none}
.tournament-page.active{display:block}
.contacts-page{display:none}
.contacts-page.active{display:block}
.admin-page{display:none}
.admin-page.active{display:block}
.notifications-page{display:none}
.notifications-page.active{display:block}
.support-page{display:none}
.support-page.active{display:block}
.profile-card{background:var(--surface);border:1px solid var(--border-accent);padding:clamp(12px,1.4vw,23px);margin-bottom:1.4vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.9vw}
.profile-card .username{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,1.5vw,1.5rem);color:var(--white);letter-spacing:1.5px}
.profile-card .balance-big{font-family:'Orbitron',sans-serif;font-size:clamp(1.2rem,1.8vw,2rem);color:var(--accent);font-weight:900;letter-spacing:1.5px}
.profile-buttons{display:flex;gap:0.5vw;margin-top:0.6vw;flex-wrap:wrap}
.transaction-history{background:var(--surface);border:1px solid var(--border);padding:clamp(10px,1.2vw,20px);overflow-x:auto;-webkit-overflow-scrolling:touch}
.transaction-history h3{font-family:'Orbitron',sans-serif;letter-spacing:1px;font-size:clamp(0.8rem,1vw,1rem)}
.transaction-history table{width:100%;min-width:400px;border-collapse:collapse;font-size:clamp(0.55rem,0.7vw,0.65rem)}
.transaction-history th{text-align:left;color:var(--accent);padding:0.45vw 0.35vw;border-bottom:1px solid var(--border-accent);text-transform:uppercase;letter-spacing:0.5px;font-family:'Orbitron',sans-serif;font-size:clamp(0.5rem,0.6vw,0.6rem);white-space:nowrap}
.transaction-history td{padding:0.45vw 0.35vw;border-bottom:1px solid #111;color:#aaa}
.deposit-amount{color:var(--info);font-weight:bold}
.withdraw-amount{color:var(--danger);font-weight:bold}
.participants-table{background:var(--surface);border:1px solid var(--border);padding:clamp(10px,1.2vw,17px);margin-bottom:0.9vw;overflow-x:auto}
.participants-table h3{font-family:'Orbitron',sans-serif;color:var(--white);margin-bottom:0.7vw;letter-spacing:0.5px;font-size:clamp(0.8rem,1vw,1rem)}
.participants-table table{width:100%;border-collapse:collapse;font-size:clamp(0.6rem,0.75vw,0.7rem)}
.participants-table th{text-align:left;color:var(--accent);padding:0.35vw 0.35vw;border-bottom:1px solid var(--border-accent);font-size:clamp(0.5rem,0.6vw,0.6rem);text-transform:uppercase}
.participants-table td{padding:0.35vw 0.35vw;border-bottom:1px solid #111;color:#aaa}
.bracket-container{display:flex;gap:1.8vw;padding:1.4vw 0;overflow-x:auto}
.bracket-round{min-width:clamp(110px,15vw,190px)}
.bracket-round h4{color:var(--accent);font-family:'Orbitron',sans-serif;font-size:clamp(0.6rem,0.8vw,0.8rem);margin-bottom:0.6vw;text-align:center}
.bracket-match{background:var(--surface);border:1px solid var(--border);padding:0.45vw;margin-bottom:0.35vw;font-size:clamp(0.5rem,0.6vw,0.6rem);min-width:clamp(100px,13vw,160px)}
.bracket-match .team{padding:0.25vw;cursor:pointer}
.bracket-match .team:hover{background:rgba(255,85,0,0.1)}
.bracket-match .team.winner{color:var(--success);font-weight:bold}
.bracket-match .team.loser{color:var(--danger);opacity:0.7}
.bracket-match .score{color:#ff8800;margin-left:0.3vw}
.bracket-match .vs{color:var(--text-dim);text-align:center;font-size:clamp(0.45rem,0.55vw,0.55rem)}
.contacts-block{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,23px);margin-bottom:0.9vw}
.contacts-block p{margin-bottom:0.7vw;line-height:1.6;font-size:clamp(0.7rem,0.8vw,0.8rem)}
.contacts-block a{color:var(--accent);text-decoration:none}
.contacts-block a:hover{text-decoration:underline}
.notification-card{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw;border-left:3px solid var(--accent);cursor:pointer}
.notification-card.unread{border-left-color:var(--danger)}
.notification-card.read{border-left-color:#333;opacity:0.7}
.notification-card p{margin-bottom:0.3vw;font-size:clamp(0.6rem,0.75vw,0.7rem)}
.notification-card .notif-date{color:var(--text-dim);font-size:clamp(0.5rem,0.6vw,0.6rem)}
.ticket-card{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw}
.ticket-card p{margin-bottom:0.3vw;font-size:clamp(0.6rem,0.75vw,0.7rem)}
.amount-buttons{display:flex;flex-wrap:wrap;gap:0.5vw;margin-bottom:0.7vw}
.amount-btn{padding:clamp(5px,0.65vw,9px) clamp(10px,1.15vw,16px);border:1px solid var(--info);background:transparent;color:var(--info);cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.55rem,0.7vw,0.65rem);transition:all 0.2s}
.amount-btn:hover{background:#335577;color:#aaccdd}
.amount-btn.selected{background:#335577;color:#aaccdd;border-color:var(--info)}
.admin-tabs{display:flex;gap:0.35vw;margin-bottom:1.2vw;flex-wrap:wrap}
.admin-tab{padding:clamp(4px,0.55vw,7px) clamp(8px,0.9vw,14px);border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.5rem,0.6vw,0.6rem);text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s}
.admin-tab:hover{border-color:var(--accent);color:var(--accent)}
.admin-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}
.request-card{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,0.9vw,14px);margin-bottom:0.6vw}
.request-card p{margin-bottom:0.3vw;font-size:clamp(0.6rem,0.75vw,0.7rem)}
.sponsor-badge{display:inline-block;padding:0.2vw 0.35vw;font-size:clamp(0.45rem,0.55vw,0.55rem);letter-spacing:0.5px;background:var(--gold);color:#000}
footer{margin-top:3vw;padding:1.2vw 0;border-top:1px solid var(--border-accent);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.7vw}
.footer-left{color:#444;font-size:clamp(0.5rem,0.6vw,0.6rem);letter-spacing:0.5px;font-family:'Orbitron',sans-serif}
.footer-right{display:flex;gap:0.9vw;align-items:center;flex-wrap:wrap}
.footer-link{color:#666;font-size:clamp(0.5rem,0.6vw,0.6rem);text-decoration:none;cursor:pointer;transition:color 0.2s;font-family:'Roboto Mono',monospace;letter-spacing:0.5px;white-space:nowrap}
.footer-link:hover{color:var(--accent)}
.verified-badge{display:inline-block;background:#5865F2;color:#fff;padding:0.2vw 0.35vw;font-size:clamp(0.45rem,0.55vw,0.55rem);letter-spacing:0.5px;border-radius:2px;margin-left:0.3vw}
.team-logo{width:50px;height:50px;border:1px solid var(--accent);object-fit:contain;background:#111}
.team-card{background:var(--surface);border:1px solid var(--border);padding:clamp(12px,1.4vw,20px);margin-bottom:0.8vw}
.team-card h4{color:var(--white);font-family:'Orbitron',sans-serif;margin-bottom:0.5vw}
.team-members{display:flex;gap:0.6vw;flex-wrap:wrap;font-size:clamp(0.6rem,0.75vw,0.7rem);color:#aaa}
.team-role{font-size:clamp(0.5rem,0.6vw,0.6rem);color:var(--accent)}
.team-invite-link{background:var(--input-bg);border:1px solid var(--input-border);color:var(--white);padding:0.3vw 0.6vw;font-size:clamp(0.5rem,0.65vw,0.6rem);width:100%;margin-top:0.4vw}
.teams-page{display:none}
.teams-page.active{display:block}
.team-history{margin-top:0.8vw}
.team-history h5{color:var(--accent);font-family:'Orbitron',sans-serif;font-size:clamp(0.7rem,0.85vw,0.8rem);margin-bottom:0.4vw}
.team-history-item{font-size:clamp(0.55rem,0.7vw,0.65rem);color:var(--text-muted);padding:0.2vw 0;border-bottom:1px solid var(--border)}
.notif-detail-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:10003;justify-content:center;align-items:center;padding:2vw}
.notif-detail-overlay.active{display:flex}
.notif-detail-box{background:var(--surface);border:1px solid var(--accent);padding:clamp(14px,2vw,28px);max-width:clamp(300px,50vw,600px);width:100%;box-shadow:0 0 40px rgba(255,85,0,0.3);position:relative}
.notif-detail-box .close-btn{position:absolute;top:0.6vw;right:0.7vw;background:none;border:none;color:#666;font-size:1.4rem;cursor:pointer}
.notif-detail-box .close-btn:hover{color:var(--accent)}
.notif-detail-box h3{color:var(--accent);font-family:'Orbitron',sans-serif;margin-bottom:1vw}
.notif-detail-box p{color:var(--text-muted);font-size:0.8rem;line-height:1.5}
.notif-detail-box .notif-detail-date{color:var(--text-dim);font-size:0.65rem;margin-top:1vw}
.notif-tabs{display:flex;gap:0.5vw;margin-bottom:1vw}
.notif-tab{padding:0.4vw 0.8vw;border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.55rem,0.7vw,0.65rem);transition:all 0.2s}
.notif-tab:hover{border-color:var(--accent);color:var(--accent)}
.notif-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}
.notif-pagination{display:flex;gap:0.4vw;justify-content:center;margin-top:1vw;align-items:center}
.notif-pagination button{padding:0.3vw 0.6vw;border:1px solid #444;background:transparent;color:#aaa;cursor:pointer;font-family:'Roboto Mono',monospace;font-size:clamp(0.5rem,0.6vw,0.6rem)}
.notif-pagination button:hover{border-color:var(--accent);color:var(--accent)}
.notif-pagination button:disabled{opacity:0.3;cursor:not-allowed}
.notif-pagination span{color:var(--text-muted);font-size:clamp(0.5rem,0.6vw,0.6rem)}
@media(max-width:1024px){.container{max-width:95%}.sidebar{width:85vw;right:-85vw;--sidebar-width:85vw}.container.sidebar-open{margin-right:0}.header-icons{gap:2vw;flex-direction:row}.balance-display{font-size:clamp(0.65rem,2.5vw,0.8rem);padding:0.6vw 1.2vw;order:1}.bell-icon{order:2}.bell-badge{width:18px;height:18px;font-size:0.6rem;top:-6px;right:-8px}.top-bar{flex-direction:column;gap:0.5vw}.top-bar-right{order:3}}
@keyframes spin { to { transform: rotate(360deg); } }
#globalLoader.active { display: flex; }
@media (max-width: 600px) {
  .container { max-width: 100%; padding: 2vw; }
  .tournaments-grid { grid-template-columns: 1fr; }
  .top-bar { flex-direction: column; }
  .top-bar-right { margin-top: 2vw; }
  .btn { width: 100%; }
  .section-title { font-size: 1.2rem; }
  .sidebar { width: 100vw; right: -100vw; }
  .sidebar.active { right: 0; }
  .modal { max-width: 95vw; padding: 10px; }
  .player-stats-grid { grid-template-columns: 1fr 1fr; }
  .profile-card { flex-direction: column; }
}
@media (max-width: 400px) {
  .logo { font-size: 1.5rem; }
  .section-title { font-size: 1rem; }
  .btn { font-size: 0.7rem; padding: 0.4rem 1rem; }
  .tab-btn, .admin-tab { font-size: 0.65rem; padding: 0.3rem 0.8rem; }
  .tournament-card h3 { font-size: 0.9rem; }
  .modal { padding: 1rem; }
  .profile-card { flex-direction: column; text-align: center; }
  .balance-big { font-size: 1.5rem; }
}

/* ===== Карусель спонсоров (Owl Carousel 2) ===== */
.carousel-2 .owl-item {
  padding: 10px 0 30px 0;
}
.carousel-2 .owl-pic {
  background: #000;
  margin: 40px 0;
  border: 5px solid #000;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
  transition: all 0.4s ease;
  height: 240px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.3), 0 16px 20px rgba(0,0,0,0.2);
  cursor: pointer;
}
.carousel-2 .owl-item.center .owl-pic {
  opacity: 1;
  border: none;
  margin: 0 0 0 -5%;
  width: 110%;
  height: 270px;
}
.carousel-2 .owl-item.center + .owl-item {
  position: relative;
  z-index: -1;
}
.carousel-2 .owl-pic img {
  width: 100%;
  height: 100%;
  transition: 0.3s opacity ease, 0.3s transform ease;
  opacity: 0.6;
  object-fit: contain;
}
.carousel-2 .owl-item .owl-pic:hover img,
.carousel-2 .owl-item.center .owl-pic img {
  opacity: 1;
}
.carousel-2 .owl-nav button.owl-prev,
.carousel-2 .owl-nav button.owl-next {
  position: absolute;
  cursor: pointer;
  font-size: 60px !important;
  color: #FFF !important;
  top: 0;
  height: 100%;
  width: 70px;
  transition: 0.3s opacity ease;
  opacity: 0.6;
  margin: 0;
  padding-bottom: 30px !important;
}
.carousel-2 .owl-nav button.owl-prev:hover,
.carousel-2 .owl-nav button.owl-next:hover {
  opacity: 1;
}
.carousel-2 .owl-nav button.owl-prev,
.carousel-2 .owl-nav button.owl-prev:hover {
  left: 0;
}
.carousel-2 .owl-nav button.owl-next,
.carousel-2 .owl-nav button.owl-next:hover {
  right: 0;
}

/* Убираем фиолетовую подсветку (outline) и прочие выделения */
.carousel-2 .item,
.carousel-2 .item a,
.carousel-2 .owl-pic,
.carousel-2 .owl-pic img,
.carousel-2 .owl-item {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none !important;
}

/* ===== Убираем любые выделения в карусели ===== */
.carousel-2.owl-carousel .owl-item,
.carousel-2.owl-carousel .owl-item *,
.carousel-2.owl-carousel .owl-item.active,
.carousel-2.owl-carousel .owl-item.center,
.carousel-2.owl-carousel .owl-pic,
.carousel-2.owl-carousel .owl-pic img {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
}

.carousel-2.owl-carousel a:focus,
.carousel-2.owl-carousel a:active,
.carousel-2.owl-carousel a:hover {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
  background: transparent !important;
}

/* ===== Мобильная шапка: баланс и колокольчик справа ===== */
@media (max-width: 600px) {
  .top-bar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2vw;
  }
  .top-bar-left {
    flex: 1;
  }
  .top-bar-right {
    order: 2;
    margin-left: auto;
    gap: 3vw;
  }
  .balance-display {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    order: 1;
  }
  .bell-icon {
    font-size: 1.5rem;
    order: 2;
  }
  .bell-badge {
    width: 18px;
    height: 18px;
    font-size: 0.6rem;
    top: -6px;
    right: -8px;
  }
}