/* ══════════════════════════════════════
   RexGod Studios V2 — Full Redesign
   ══════════════════════════════════════ */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --primary: #00D4FF;
  --secondary: #FFD700;
  --accent: #4DE8FF;
  --dark-bg: #0D0D0D;
  --dark-bg2: #1A1A1A;
  --card-bg: #1E1E1E;
  --card-bg2: #222222;
  --border: #2D2D2D;
  --text: #E0E0E0;
  --text-muted: #888;
  --danger: #FF4444;
  --success: #44FF44;
  --font-h: 'Press Start 2P', monospace;
  --font-b: 'VT323', monospace;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-b); background: var(--dark-bg); color: var(--text); font-size: 18px; line-height: 1.6; overflow-x: hidden; }

/* ─── Announcement ─── */
.announcement-bar { background: linear-gradient(90deg, #FF4444, #FF6600, #FF4444); padding: 8px 20px; text-align: center; font-family: var(--font-h); font-size: 10px; color: #fff; animation: glowBar 2s ease-in-out infinite; position: relative; z-index: 100; }
@keyframes glowBar { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.3); } }
#campaign-timer, #timer-value { color: var(--secondary); font-weight: bold; }

/* ─── Navbar ─── */
.navbar { display:flex; align-items:center; justify-content:space-between; padding:10px 25px; background:var(--dark-bg2); border-bottom:3px solid var(--primary); position:sticky; top:0; z-index:99; backdrop-filter:blur(10px); }
.navbar-left { display:flex; align-items:center; gap:25px; }
.navbar-right { display:flex; align-items:center; gap:12px; }
.logo-text { font-family:var(--font-h); font-size:16px; color:var(--secondary); }
.logo-accent { font-family:var(--font-h); font-size:16px; color:var(--primary); }
.navbar-menu { display:flex; list-style:none; gap:20px; }
.navbar-menu a { font-family:var(--font-h); font-size:9px; color:var(--text); text-decoration:none; transition:color 0.3s; letter-spacing:1px; }
.navbar-menu a:hover, .navbar-menu a.active { color:var(--primary); text-shadow:0 0 8px rgba(0,212,255,0.5); }

/* Player Count */
.player-count-box { display:flex; align-items:center; gap:6px; background:var(--card-bg); padding:6px 12px; border:2px solid var(--success); clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); }
.player-dot { width:8px; height:8px; background:var(--success); border-radius:50%; animation:pulseDot 1.5s infinite; }
@keyframes pulseDot { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
#player-count-text { font-family:var(--font-h); font-size:8px; color:var(--success); letter-spacing:0.5px; }

/* IP Box */
.ip-box { display:flex; align-items:center; gap:8px; background:var(--card-bg); border:2px solid var(--secondary); padding:8px 12px; cursor:pointer; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); transition:background 0.3s; }
.ip-box span { font-family:var(--font-h); font-size:7px; color:var(--secondary); letter-spacing:0.5px; }
.ip-box:hover { background:#2a2a2a; }

/* Login Button */
.btn-login { font-family:var(--font-h); font-size:9px; padding:10px 18px; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; border:none; clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%); cursor:pointer; transition:transform 0.2s; letter-spacing:1px; }
.btn-login:hover { transform:translateY(-2px); filter:brightness(1.2); }

/* ─── User Dropdown ─── */
.user-dropdown { position:relative; }
.user-dropdown-trigger { display:flex; align-items:center; gap:8px; background:var(--card-bg); border:2px solid var(--primary); padding:6px 12px; cursor:pointer; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); transition:border-color 0.3s; }
.user-dropdown-trigger:hover { border-color:var(--accent); }
.user-avatar { width:28px; height:28px; border-radius:4px; }
.user-name-small { font-family:var(--font-h); font-size:9px; color:var(--primary); }
.dropdown-arrow { width:16px; height:16px; color:var(--text-muted); transition:transform 0.2s; }
.user-dropdown.open .dropdown-arrow { transform:rotate(180deg); }

.user-dropdown-menu { position:absolute; top:calc(100% + 8px); right:0; background:var(--card-bg); border:2px solid var(--primary); min-width:220px; opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity 0.2s, transform 0.2s; z-index:200; }
.user-dropdown.open .user-dropdown-menu { opacity:1; pointer-events:all; transform:translateY(0); }

.dropdown-item { display:flex; align-items:center; gap:10px; padding:12px 16px; font-family:var(--font-b); font-size:18px; color:var(--text); cursor:pointer; transition:background 0.2s; }
.dropdown-item:hover { background:var(--dark-bg); }
.dropdown-item svg { width:20px; height:20px; color:var(--primary); }
.balance-item { border-bottom:1px solid var(--border); }
.balance-item svg { color:var(--secondary); }
.balance-item span { color:var(--secondary); font-weight:bold; }
.sepet-item svg { color:var(--accent); }
.logout-item { border-top:1px solid var(--border); color:var(--danger); }
.logout-item svg { color:var(--danger); }
.logout-item:hover { background:rgba(255,68,68,0.1); }

/* ─── Hero ─── */
.hero-section { position:relative; min-height:85vh; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-video-bg { position:absolute; inset:0; z-index:0; }
.hero-video-bg video { width:100%; height:100%; object-fit:cover; }
.hero-video-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(13,13,30,0.85) 0%, rgba(13,13,13,0.95) 100%); z-index:1; }
.hero-content { position:relative; z-index:2; text-align:center; padding:40px; }
.hero-title { font-family:var(--font-h); font-size:48px; color:var(--secondary); text-shadow:0 0 20px rgba(255,215,0,0.5),0 0 40px rgba(255,215,0,0.3),4px 4px 0 #000; line-height:1.4; letter-spacing:4px; }
.hero-title-accent { color:var(--primary); text-shadow:0 0 20px rgba(0,212,255,0.5),0 0 40px rgba(0,212,255,0.3),4px 4px 0 #000; }
.hero-subtitle { font-family:var(--font-b); font-size:24px; color:var(--text-muted); margin-top:12px; letter-spacing:2px; }
.hero-buttons { display:flex; gap:20px; margin-top:30px; justify-content:center; }
.btn-hero-yellow, .btn-hero-blue { font-family:var(--font-h); font-size:12px; padding:15px 35px; border:none; clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%); cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; letter-spacing:1px; }
.btn-hero-yellow { background:linear-gradient(135deg,var(--secondary),#FFA500); color:#000; }
.btn-hero-blue { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; }
.btn-hero-yellow:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 8px 25px rgba(255,215,0,0.4); }
.btn-hero-blue:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 8px 25px rgba(0,212,255,0.4); }
.hero-stats { display:flex; gap:40px; margin-top:40px; justify-content:center; }
.stat { text-align:center; }
.stat-number { font-family:var(--font-h); font-size:20px; color:var(--primary); display:block; text-shadow:0 0 10px rgba(0,212,255,0.4); }
.stat-label { font-family:var(--font-b); font-size:16px; color:var(--text-muted); }

/* ─── Sections ─── */
.section-title { font-family:var(--font-h); font-size:22px; color:var(--secondary); text-align:center; text-shadow:0 0 15px rgba(255,215,0,0.4),3px 3px 0 #000; letter-spacing:3px; }
.section-subtitle { font-family:var(--font-b); font-size:20px; color:var(--text-muted); text-align:center; margin-top:8px; }

/* ─── Featured Section ─── */
.featured-section { padding:50px 25px; background:var(--dark-bg); max-width:1200px; margin:0 auto; }
.featured-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; }
.btn-more { display:inline-block; font-family:var(--font-h); font-size:10px; padding:12px 30px; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; text-decoration:none; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); margin-top:25px; transition:transform 0.2s; }
.btn-more:hover { transform:scale(1.05); }

/* ─── Store Page ─── */
.store-page { padding:40px 25px; background:var(--dark-bg); max-width:1200px; margin:0 auto; }
.store-filters { display:flex; gap:10px; justify-content:center; margin-top:20px; }
.filter-btn { font-family:var(--font-h); font-size:9px; padding:10px 20px; background:var(--card-bg); color:var(--text-muted); border:2px solid var(--border); cursor:pointer; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); transition:all 0.2s; letter-spacing:1px; }
.filter-btn:hover { border-color:var(--primary); color:var(--primary); }
.filter-btn.active { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; border-color:var(--primary); }
.store-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:25px; }

/* ─── Product Card ─── */
.product-card { background:var(--card-bg); border:2px solid var(--border); padding:18px; text-align:center; position:relative; transition:transform 0.3s, box-shadow 0.3s, border-color 0.3s; clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); }
.product-card:hover { transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,212,255,0.15),0 0 15px rgba(255,215,0,0.1); border-color:var(--primary); }
.discount-badge { position:absolute; top:0; right:0; background:var(--danger); color:#fff; font-family:var(--font-h); font-size:9px; padding:5px 12px; transform:rotate(12deg) translate(8px,-4px); clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); z-index:5; }
.product-image img { width:64px; height:64px; margin:8px auto; filter:drop-shadow(0 0 8px rgba(0,212,255,0.3)); }
.product-name { font-family:var(--font-h); font-size:11px; color:var(--primary); margin-top:8px; letter-spacing:1px; text-shadow:0 0 6px rgba(0,212,255,0.3); }
.product-prices { margin-top:6px; }
.price-old { font-family:var(--font-b); font-size:16px; color:var(--text-muted); text-decoration:line-through; margin-right:8px; }
.price-new { font-family:var(--font-h); font-size:13px; color:var(--secondary); }
.product-stock { font-family:var(--font-b); font-size:16px; color:var(--text-muted); margin-top:6px; }
.stock-count { color:var(--accent); }
.btn-buy { font-family:var(--font-h); font-size:10px; padding:10px 22px; background:linear-gradient(135deg,var(--secondary),#FFA500); color:#000; border:none; cursor:pointer; margin-top:10px; clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); transition:transform 0.2s; letter-spacing:1px; }
.btn-buy:hover { transform:scale(1.08); filter:brightness(1.2); }

/* ─── Leaderboard ─── */
.leaderboard-section { padding:50px 25px; background:linear-gradient(180deg,var(--dark-bg2),var(--dark-bg)); max-width:800px; margin:0 auto; }
.leaderboard-table { margin-top:25px; background:var(--card-bg); border:2px solid var(--border); clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.lb-header { display:grid; grid-template-columns:50px 1fr 120px; padding:10px 18px; background:linear-gradient(135deg,var(--primary),var(--accent)); font-family:var(--font-h); font-size:9px; color:#000; }
.lb-row { display:grid; grid-template-columns:50px 1fr 120px; padding:8px 18px; border-bottom:1px solid var(--border); transition:background 0.3s; }
.lb-row:hover { background:#252525; }
.lb-rank { font-family:var(--font-h); font-size:12px; color:var(--secondary); }
.lb-name { font-family:var(--font-b); font-size:20px; }
.lb-balance { font-family:var(--font-h); font-size:10px; color:var(--primary); text-align:right; }
.lb-row:nth-child(1) .lb-rank { color:#FFD700; }
.lb-row:nth-child(2) .lb-rank { color:#C0C0C0; }
.lb-row:nth-child(3) .lb-rank { color:#CD7F32; }

/* ─── Profile Page ─── */
.profile-page { padding:30px 25px; background:var(--dark-bg); max-width:900px; margin:0 auto; min-height:60vh; }
.profile-not-logged { text-align:center; padding:60px; font-family:var(--font-b); font-size:22px; color:var(--text-muted); }
.profile-breadcrumb { font-family:var(--font-h); font-size:9px; color:var(--primary); margin-bottom:20px; letter-spacing:1px; background:var(--card-bg); padding:10px 15px; border:2px solid var(--border); clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); }

.profile-header-card { display:flex; align-items:center; justify-content:space-between; background:var(--card-bg); border:2px solid var(--primary); padding:25px; clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); margin-bottom:20px; }
.profile-avatar-area { display:flex; align-items:center; gap:20px; }
.profile-avatar-large { width:80px; height:80px; border-radius:8px; filter:drop-shadow(0 0 10px rgba(0,212,255,0.3)); }
.profile-username { font-family:var(--font-h); font-size:16px; color:var(--secondary); display:block; text-shadow:2px 2px 0 #000; }
.profile-email { font-family:var(--font-b); font-size:18px; color:var(--text-muted); display:block; margin-top:3px; }
.profile-rank-badge { font-family:var(--font-h); font-size:8px; background:var(--dark-bg); color:var(--primary); padding:4px 10px; display:inline-block; margin-top:5px; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }
.btn-edit-profile { font-family:var(--font-h); font-size:9px; padding:12px 25px; background:linear-gradient(135deg,var(--secondary),#FFA500); color:#000; border:none; cursor:pointer; clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%); letter-spacing:1px; }
.btn-edit-profile:hover { filter:brightness(1.2); }

.profile-tabs { display:flex; gap:5px; margin-bottom:20px; }
.profile-tab { font-family:var(--font-h); font-size:9px; padding:12px 20px; background:var(--dark-bg); color:var(--text-muted); border:2px solid var(--border); cursor:pointer; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); transition:all 0.2s; letter-spacing:1px; }
.profile-tab.active { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; border-color:var(--primary); }
.profile-tab:hover:not(.active) { border-color:var(--primary); color:var(--primary); }

.profile-tab-content { display:none; }
.profile-tab-content.active { display:block; }
.profile-section-header { font-family:var(--font-h); font-size:11px; color:#000; background:linear-gradient(135deg,var(--secondary),#FFA500); padding:10px 15px; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); letter-spacing:1px; margin-bottom:15px; }

.profile-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.info-card { background:var(--card-bg2); border:2px solid var(--border); padding:15px; clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),0 100%); transition:border-color 0.3s; }
.info-card:hover { border-color:var(--primary); }
.info-card svg { width:24px; height:24px; color:var(--accent); display:block; margin-bottom:8px; }
.info-label { font-family:var(--font-h); font-size:8px; color:var(--text-muted); letter-spacing:1px; }
.info-value { font-family:var(--font-b); font-size:20px; color:var(--text); margin-top:4px; }

.no-data-box { text-align:center; padding:30px; background:var(--card-bg); border:2px solid var(--danger); clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),0 100%); }
.no-data-box svg { width:40px; height:40px; display:block; margin:0 auto 10px; }
.no-data-box p { font-family:var(--font-b); font-size:20px; color:var(--danger); }

.security-section { display:flex; flex-direction:column; gap:12px; }
.security-item { display:flex; align-items:center; justify-content:space-between; background:var(--card-bg2); border:2px solid var(--border); padding:15px 20px; clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),0 100%); }
.security-title { font-family:var(--font-h); font-size:10px; color:var(--text); display:block; letter-spacing:1px; }
.security-desc { font-family:var(--font-b); font-size:16px; color:var(--text-muted); }
.btn-security { font-family:var(--font-h); font-size:9px; padding:8px 18px; background:var(--card-bg); color:var(--primary); border:2px solid var(--primary); cursor:pointer; clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%); transition:background 0.2s; }
.btn-security:hover { background:var(--primary); color:#000; }
.security-status.off { font-family:var(--font-h); font-size:8px; background:var(--dark-bg); color:var(--danger); padding:6px 12px; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }

/* ─── Footer ─── */
.footer { background:var(--dark-bg2); border-top:3px solid var(--primary); padding:25px; }
.footer-content { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; }
.footer-brand p { font-family:var(--font-b); color:var(--text-muted); margin-top:5px; }
.footer-links { display:flex; gap:20px; }
.footer-links a { font-family:var(--font-b); font-size:18px; color:var(--text-muted); text-decoration:none; transition:color 0.3s; }
.footer-links a:hover { color:var(--primary); }
.footer-copy { font-family:var(--font-b); color:var(--text-muted); font-size:16px; }

/* ─── Modal ─── */
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; z-index:200; opacity:0; pointer-events:none; transition:opacity 0.3s; }
.modal-overlay.active { opacity:1; pointer-events:all; }
.modal-box { background:var(--card-bg); border:3px solid var(--primary); padding:25px; min-width:340px; max-width:380px; position:relative; clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); transform:scale(0.9); transition:transform 0.3s; }
.modal-overlay.active .modal-box { transform:scale(1); }
.modal-tabs { display:flex; gap:0; margin-bottom:18px; }
.modal-tab { font-family:var(--font-h); font-size:9px; padding:10px 25px; background:var(--dark-bg); color:var(--text-muted); border:2px solid var(--border); cursor:pointer; transition:all 0.3s; letter-spacing:1px; }
.modal-tab.active { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; border-color:var(--primary); }
.modal-form { display:none; }
.modal-form.active { display:block; }
.form-group { margin-bottom:12px; }
.form-group label { font-family:var(--font-h); font-size:8px; color:var(--text-muted); letter-spacing:1px; display:block; margin-bottom:4px; }
.form-group input { width:100%; padding:10px; background:var(--dark-bg); border:2px solid var(--border); color:var(--text); font-family:var(--font-b); font-size:18px; transition:border-color 0.3s; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }
.form-group input:focus { outline:none; border-color:var(--primary); }
.btn-modal-submit { font-family:var(--font-h); font-size:10px; padding:12px; width:100%; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#000; border:none; cursor:pointer; clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); letter-spacing:1px; }
.btn-modal-submit:hover { filter:brightness(1.2); }
.form-message { margin-top:8px; font-family:var(--font-b); font-size:16px; text-align:center; }
.form-message.success { color:var(--success); }
.form-message.error { color:var(--danger); }
.modal-close { position:absolute; top:8px; right:8px; background:none; border:none; color:var(--text-muted); font-family:var(--font-h); font-size:14px; cursor:pointer; }
.modal-close:hover { color:var(--danger); }

/* ─── Toast ─── */
.toast-container { position:fixed; bottom:20px; right:20px; z-index:300; display:flex; flex-direction:column; gap:10px; }
.toast { font-family:var(--font-b); font-size:18px; padding:12px 18px; background:var(--card-bg); border:2px solid var(--primary); color:var(--text); animation:slideIn 0.3s, fadeOut 0.3s 2.7s forwards; clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); }
.toast.success { border-color:var(--success); }
.toast.error { border-color:var(--danger); }
@keyframes slideIn { from { transform:translateX(80px); opacity:0; } to { transform:translateX(0); opacity:1; } }
@keyframes fadeOut { to { opacity:0; transform:translateY(10px); } }

/* ─── Footer ─── */
.site-footer { background:var(--dark-bg2); border-top:3px solid var(--primary); padding:30px 20px; margin-top:40px; text-align:center; }
.footer-links { display:flex; gap:20px; justify-content:center; margin-bottom:15px; flex-wrap:wrap; }
.footer-links a { font-family:var(--font-b); font-size:14px; color:var(--primary); text-decoration:none; }
.footer-links a:hover { color:var(--secondary); }
.footer-copy { font-family:var(--font-b); font-size:12px; color:var(--text-muted); }
.footer-copy span { color:var(--primary); }
.footer-paytr { font-family:var(--font-b); font-size:11px; color:var(--text-muted); margin-top:8px; }
.footer-paytr img { height:20px; vertical-align:middle; }

/* ─── Legal Pages ─── */
.legal-page { max-width:800px; margin:40px auto; padding:30px; background:var(--card-bg); border:2px solid var(--border); clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%); }
.legal-page h1 { font-family:var(--font-h); font-size:20px; color:var(--primary); text-align:center; margin-bottom:20px; }
.legal-page h2 { font-family:var(--font-h); font-size:12px; color:var(--secondary); margin:20px 0 10px; }
.legal-page p { font-family:var(--font-b); font-size:16px; color:var(--text); line-height:1.8; margin-bottom:15px; }
.legal-page ul { font-family:var(--font-b); font-size:16px; color:var(--text); margin-bottom:15px; padding-left:20px; }
.legal-page ul li { margin-bottom:8px; }
.back-link { display:inline-block; margin-top:20px; font-family:var(--font-h); font-size:12px; color:var(--primary); text-decoration:none; padding:10px 20px; background:var(--dark-bg2); border:2px solid var(--primary); }
.back-link:hover { background:var(--primary); color:#000; }

/* ─── Payment Result ─── */
.payment-result { text-align:center; padding:30px; }
.payment-result.success h1 { color:var(--success); }
.payment-result.fail h1 { color:var(--danger); }

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:var(--dark-bg); }
::-webkit-scrollbar-thumb { background:var(--primary); }

/* ─── Responsive ─── */
/* ─── Security Status ON ─── */
.security-status.on { font-family:var(--font-h); font-size:8px; background:var(--success); color:#000; padding:6px 12px; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }

/* ─── Sepet Page ─── */
.sepet-page { padding:30px 25px; background:var(--dark-bg); max-width:900px; margin:0 auto; min-height:60vh; }
.sepet-not-logged, .sepet-empty { text-align:center; padding:60px 30px; }
.empty-sepet-icon { margin-bottom:20px; }
.sepet-empty-text { font-family:var(--font-b); font-size:22px; color:var(--text-muted); margin-top:15px; }
.sepet-breadcrumb { font-family:var(--font-h); font-size:9px; color:var(--primary); margin-bottom:20px; letter-spacing:1px; background:var(--card-bg); padding:10px 15px; border:2px solid var(--border); clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); }

.sepet-item-row { display:flex; align-items:center; gap:15px; padding:15px 20px; background:var(--card-bg2); border:2px solid var(--border); margin-bottom:10px; clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),0 100%); transition:border-color 0.3s; }
.sepet-item-row:hover { border-color:var(--primary); }
.sepet-item-img img { width:48px; height:48px; }
.sepet-item-info { flex:1; }
.sepet-item-name { font-family:var(--font-h); font-size:10px; color:var(--primary); display:block; }
.sepet-item-price { font-family:var(--font-b); font-size:16px; color:var(--text-muted); }
.sepet-item-qty { display:flex; align-items:center; gap:8px; }
.qty-btn { font-family:var(--font-h); font-size:12px; width:32px; height:32px; background:var(--dark-bg); color:var(--primary); border:2px solid var(--border); cursor:pointer; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }
.qty-btn:hover { border-color:var(--primary); background:var(--primary); color:#000; }
.qty-value { font-family:var(--font-h); font-size:14px; color:var(--secondary); }
.sepet-item-total { font-family:var(--font-h); font-size:11px; color:var(--secondary); }
.sepet-item-remove { background:none; border:none; color:var(--danger); font-family:var(--font-h); font-size:12px; cursor:pointer; padding:5px; }
.sepet-item-remove:hover { color:#fff; }

.sepet-summary { background:var(--card-bg); border:2px solid var(--primary); padding:25px; margin-top:20px; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.summary-row { display:flex; justify-content:space-between; padding:10px 0; font-family:var(--font-b); font-size:20px; color:var(--text); }
.total-row { border-top:2px solid var(--border); padding-top:15px; margin-top:10px; font-family:var(--font-h); font-size:14px; color:var(--secondary); }
.septet-pay-info { display:flex; align-items:center; gap:8px; margin-top:15px; font-family:var(--font-b); font-size:16px; color:var(--success); }
.sepet-terms-notice { font-family:var(--font-b); font-size:14px; color:var(--text-muted); margin-top:12px; text-align:center; }
.sepet-terms-notice a { color:var(--primary); text-decoration:none; }
.sepet-terms-notice a:hover { color:var(--secondary); }
.btn-checkout { font-family:var(--font-h); font-size:12px; padding:15px 30px; width:100%; background:linear-gradient(135deg,var(--secondary),#FFA500); color:#000; border:none; cursor:pointer; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); letter-spacing:1px; margin-top:15px; transition:transform 0.2s; }
.btn-checkout:hover { transform:scale(1.03); filter:brightness(1.2); }

.btn-buy.in-sepet { background:linear-gradient(135deg,var(--success),#44CC44); }

/* ─── Leaderboard Full Page ─── */
.leaderboard-page { padding:30px 25px; background:var(--dark-bg); max-width:900px; margin:0 auto; min-height:60vh; }
.leaderboard-breadcrumb { font-family:var(--font-h); font-size:9px; color:var(--primary); margin-bottom:20px; letter-spacing:1px; background:var(--card-bg); padding:10px 15px; border:2px solid var(--border); clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%); }

/* Podium */
.podium { display:flex; justify-content:center; gap:20px; margin:30px auto; max-width:600px; }
.podium-item { text-align:center; background:var(--card-bg); border:2px solid var(--border); padding:20px; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); min-width:160px; }
.podium-1 { border-color:var(--secondary); transform:translateY(-15px); }
.podium-2 { border-color:#C0C0C0; }
.podium-3 { border-color:#CD7F32; }
.podium-avatar { width:64px; height:64px; display:block; margin:0 auto 10px; }
.podium-crown { font-family:var(--font-h); font-size:24px; color:var(--secondary); display:block; margin-bottom:5px; }
.podium-rank { font-family:var(--font-h); font-size:16px; color:var(--secondary); }
.podium-name { font-family:var(--font-h); font-size:11px; color:var(--primary); margin-top:5px; display:block; }
.podium-balance { font-family:var(--font-b); font-size:18px; color:var(--secondary); display:block; margin-top:5px; }

/* Full Table */
.lb-full-table { margin-top:30px; background:var(--card-bg); border:2px solid var(--border); clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.lb-full-table .lb-header { display:grid; grid-template-columns:50px 1fr 80px 120px; padding:10px 18px; background:linear-gradient(135deg,var(--primary),var(--accent)); font-family:var(--font-h); font-size:9px; color:#000; }
.lb-row-full { display:grid; grid-template-columns:50px 1fr 80px 120px; padding:10px 18px; border-bottom:1px solid var(--border); transition:background 0.3s; }
.lb-row-full:hover { background:#252525; }
.lb-name-cell { display:flex; align-items:center; font-family:var(--font-b); font-size:18px; }
.lb-rank-badge { font-family:var(--font-h); font-size:7px; background:var(--dark-bg); color:var(--primary); padding:3px 6px; clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%); }

/* Pagination */
.lb-pagination { display:flex; gap:8px; justify-content:center; margin-top:20px; }
.lb-page-btn { font-family:var(--font-h); font-size:9px; padding:8px 16px; background:var(--card-bg); color:var(--text-muted); border:2px solid var(--border); cursor:pointer; clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%); }
.lb-page-btn:hover { border-color:var(--primary); color:var(--primary); }
.lb-page-btn.active { background:var(--primary); color:#000; border-color:var(--primary); }

/* ─── Password Reset Page ─── */
.reset-page { padding:40px 25px; background:var(--dark-bg); max-width:500px; margin:0 auto; min-height:60vh; }
.reset-card { background:var(--card-bg); border:2px solid var(--primary); padding:30px; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.reset-info { font-family:var(--font-b); font-size:20px; color:var(--text); text-align:center; margin-bottom:20px; }
.success-icon, .error-icon { text-align:center; margin-bottom:15px; }
.reset-success-text { font-family:var(--font-h); font-size:12px; color:var(--success); text-align:center; }
.reset-error-text { font-family:var(--font-h); font-size:12px; color:var(--danger); text-align:center; }

/* ─── Features Section ─── */
.features-section { padding:50px 25px; max-width:1200px; margin:0 auto; background:var(--dark-bg); }
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px; }
.feature-card { background:var(--card-bg); border:2px solid var(--border); padding:25px; text-align:center; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); transition:border-color 0.3s, transform 0.3s; }
.feature-card:hover { border-color:var(--primary); transform:translateY(-5px); }
.feature-icon { font-size:40px; margin-bottom:15px; display:block; }
.feature-title { font-family:var(--font-h); font-size:10px; color:var(--primary); letter-spacing:1px; }
.feature-desc { font-family:var(--font-b); font-size:18px; color:var(--text-muted); margin-top:8px; }

/* ─── Discord Button ─── */
.btn-discord { background:linear-gradient(135deg,#5865F2,#7289DA); color:#fff; font-family:var(--font-h); font-size:10px; padding:12px 25px; border:none; clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%); cursor:pointer; transition:transform 0.2s; }
.btn-discord:hover { transform:translateY(-2px); filter:brightness(1.2); }

/* ─── Responsive ─── */
@media (max-width:900px) { .featured-grid, .store-grid { grid-template-columns:repeat(2,1fr); } .features-grid { grid-template-columns:1fr 1fr; } .podium { flex-direction:column; } .podium-1 { transform:none; } }
@media (max-width:500px) { .featured-grid, .store-grid { grid-template-columns:1fr; } .hero-title { font-size:28px; } .hero-buttons { flex-direction:column; } .profile-info-grid { grid-template-columns:1fr; } .navbar { flex-wrap:wrap; gap:8px; } .navbar-menu { order:3; width:100%; justify-content:center; } .navbar-right { order:2; width:100%; justify-content:center; } .features-grid { grid-template-columns:1fr; } .lb-full-table .lb-header, .lb-row-full { grid-template-columns:40px 1fr 100px; } .lb-rank-badge { display:none; } .tl-packages-grid { grid-template-columns:1fr; } .coupon-info { flex-wrap:wrap; } .payment-methods { flex-direction:column; } }

/* ─── Dual Balance ─── */
.balance-dual { display: flex; flex-direction: column; gap: 2px; }
.balance-coin { font-family: var(--font-b); font-size: 16px; color: var(--secondary); }
.balance-tl { font-family: var(--font-b); font-size: 14px; color: var(--primary); }

/* ─── Coupon Section ─── */
.coupon-section { padding: 40px 20px; text-align: center; }
.coupon-card { background: var(--card-bg); border: 2px solid var(--border); border-radius: 16px; padding: 30px; max-width: 500px; margin: 0 auto; }
.coupon-input-area { display: flex; gap: 10px; margin-bottom: 15px; }
.coupon-input { font-family: var(--font-b); font-size: 18px; background: var(--dark-bg2); border: 2px solid var(--border); border-radius: 8px; padding: 10px 15px; color: var(--text); flex: 1; }
.coupon-input:focus { border-color: var(--primary); outline: none; }
.btn-coupon-redeem { font-family: var(--font-h); font-size: 12px; background: var(--primary); color: #000; border: none; padding: 12px 20px; border-radius: 8px; cursor: pointer; }
.btn-coupon-redeem:hover { filter: brightness(1.2); }
.coupon-message { font-family: var(--font-b); font-size: 16px; margin: 10px 0; }
.coupon-info { display: flex; gap: 15px; justify-content: center; margin-top: 15px; }
.coupon-info-item { display: flex; align-items: center; gap: 5px; font-family: var(--font-b); font-size: 14px; color: var(--text-muted); }
.coupon-info-item svg { width: 16px; height: 16px; color: var(--primary); }

/* ─── TL Balance Section ─── */
.tl-section { padding: 40px 20px; text-align: center; }
.tl-packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 600px; margin: 0 auto; }
.tl-package-card { background: var(--card-bg); border: 2px solid var(--border); border-radius: 12px; padding: 20px; cursor: pointer; transition: all 0.3s; }
.tl-package-card:hover { border-color: var(--primary); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,212,255,0.2); }
.tl-package-amount { font-family: var(--font-h); font-size: 16px; color: var(--secondary); margin-bottom: 5px; }
.tl-package-bonus { font-family: var(--font-b); font-size: 14px; color: var(--success); }
.tl-package-method { font-family: var(--font-b); font-size: 12px; color: var(--text-muted); margin-top: 5px; }
.tl-note { display: flex; align-items: center; gap: 8px; font-family: var(--font-b); font-size: 14px; color: var(--text-muted); margin-top: 20px; justify-content: center; }

/* ─── Payment Methods in Sepet ─── */
.payment-methods { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 15px; }
.payment-option { background: var(--card-bg); border: 2px solid var(--border); border-radius: 10px; padding: 12px; flex: 1; min-width: 140px; cursor: pointer; transition: all 0.3s; }
.payment-option:hover { border-color: var(--primary); }
.payment-option.disabled { opacity: 0.4; cursor: not-allowed; }
.payment-method-icon { width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-family: var(--font-h); font-size: 10px; font-weight: bold; margin-bottom: 5px; }
.tl-icon { background: var(--secondary); color: #000; }
.shopier-icon { background: #4CAF50; color: #fff; }
.paytr-icon { background: #FF9800; color: #fff; }
.payment-current-balance { font-family: var(--font-b); font-size: 14px; color: var(--primary); }
.payment-safe-label { font-family: var(--font-b); font-size: 12px; color: var(--success); }
.payment-soon-label { font-family: var(--font-b); font-size: 12px; color: var(--danger); }

/* ═══════════════════════════════════════════════════════════════════════════
   RexGod V3 — güvenli portal, haberler ve yönetim yüzeyi
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  --surface-raised: #191b20;
  --surface-soft: #13151a;
  --line-bright: rgba(0, 212, 255, 0.42);
  --glow-cyan: 0 0 30px rgba(0, 212, 255, 0.12);
}

body {
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 212, 255, 0.08), transparent 28rem),
    radial-gradient(circle at 88% 15%, rgba(255, 215, 0, 0.06), transparent 24rem),
    var(--dark-bg);
}

a, button, input, textarea, select { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid var(--secondary);
  outline-offset: 3px;
}
button:disabled, [aria-disabled="true"] { cursor:not-allowed; opacity:.52; pointer-events:none; }
.navbar-logo { display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap; }
.navbar { box-shadow:0 12px 32px rgba(0,0,0,.32); }
.navbar-menu a { position:relative; }
.navbar-menu li { flex:0 0 auto; }
.navbar-menu a { white-space:nowrap; }
.navbar-menu a::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-9px;
  height:2px;
  background:var(--primary);
  transform:scaleX(0);
  transition:transform .2s ease;
}
.navbar-menu a:hover::after, .navbar-menu a.active::after { transform:scaleX(1); }
.player-count-box.is-offline { border-color:var(--text-muted); }
.player-count-box.is-offline .player-dot { background:var(--text-muted); animation:none; }
.player-count-box.is-offline #player-count-text { color:var(--text-muted); }
.dropdown-item:is(button) { width:100%; border:0; background:transparent; text-align:left; }

.hero-video-overlay {
  background:
    linear-gradient(90deg, rgba(8,9,13,.94) 0%, rgba(8,9,13,.62) 50%, rgba(8,9,13,.9) 100%),
    linear-gradient(180deg, rgba(13,13,30,.5) 0%, rgba(13,13,13,.98) 100%);
}
.hero-content { max-width:900px; }
.hero-title { text-wrap:balance; }
.hero-subtitle { max-width:620px; margin-left:auto; margin-right:auto; }

.featured-section, .leaderboard-section, .coupon-section, .tl-section { position:relative; }
.featured-section::before, .news-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}
.product-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:340px;
  background:linear-gradient(160deg, rgba(32,35,41,.96), rgba(20,22,27,.98));
  text-align:left;
}
.product-img {
  display:grid;
  place-items:center;
  min-height:112px;
  margin:-18px -18px 18px;
  background:radial-gradient(circle, rgba(0,212,255,.16), transparent 64%);
  border-bottom:1px solid var(--border);
}
.product-img img { width:72px; height:72px; image-rendering:pixelated; filter:drop-shadow(0 10px 14px rgba(0,0,0,.45)); }
.product-category, .eyebrow {
  font-family:var(--font-h);
  font-size:8px;
  letter-spacing:1.5px;
  color:var(--secondary);
  text-transform:uppercase;
}
.product-desc { color:var(--text-muted); font-size:17px; margin-top:9px; flex:1; }
.product-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; }
.product-price-new { font-family:var(--font-h); color:var(--secondary); font-size:10px; }
.btn-buy {
  border:1px solid var(--primary);
  background:rgba(0,212,255,.09);
  color:var(--primary);
  font-family:var(--font-h);
  font-size:8px;
  padding:10px 12px;
  cursor:pointer;
}
.btn-buy:hover { background:var(--primary); color:#041014; }
.empty-state, .empty-table {
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:34px;
  text-align:center;
  color:var(--text-muted);
  border:1px dashed var(--border);
  background:rgba(255,255,255,.02);
}
.empty-state strong { color:var(--text); font-family:var(--font-h); font-size:9px; }

.modal-heading { font-family:var(--font-h); font-size:15px; line-height:1.5; color:var(--text); margin:10px 0 16px; }
.modal-copy, .form-hint { color:var(--text-muted); margin-bottom:18px; }
.modal-actions { display:grid; gap:10px; }
.btn-primary, .btn-secondary, .btn-ghost, .btn-danger {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  padding:12px 18px;
  font-family:var(--font-h);
  font-size:9px;
  letter-spacing:.5px;
  text-decoration:none;
  cursor:pointer;
}
.btn-primary { background:linear-gradient(135deg,var(--primary),var(--accent)); color:#001013; }
.btn-secondary { background:transparent; border-color:var(--secondary); color:var(--secondary); }
.btn-ghost { background:rgba(255,255,255,.035); border-color:var(--border); color:var(--text); }
.btn-danger { background:rgba(255,68,68,.08); border-color:rgba(255,68,68,.4); color:var(--danger); }
.btn-primary:hover, .btn-secondary:hover, .btn-ghost:hover, .btn-danger:hover { filter:brightness(1.16); transform:translateY(-1px); }

/* Haberler */
.page-hero {
  min-height:390px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:70px 24px;
  text-align:center;
  border-bottom:1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(6,7,10,.15), rgba(6,7,10,.97)),
    repeating-linear-gradient(90deg, rgba(0,212,255,.05) 0 1px, transparent 1px 70px);
}
.page-hero h1 { font-family:var(--font-h); font-size:clamp(28px,5vw,54px); color:#fff; line-height:1.25; text-shadow:5px 5px 0 #000, 0 0 26px rgba(0,212,255,.3); }
.page-hero p { max-width:670px; color:var(--text-muted); font-size:22px; }
.news-section { max-width:1180px; margin:0 auto; padding:70px 24px 90px; }
.section-heading-row { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; position:relative; z-index:1; }
.section-title.align-left { text-align:left; margin-top:10px; }
.live-chip, .admin-secure {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--success);
  font-family:var(--font-h);
  font-size:8px;
  letter-spacing:1px;
}
.live-chip span, .admin-secure span { width:8px; height:8px; background:var(--success); border-radius:50%; box-shadow:0 0 14px var(--success); }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; position:relative; z-index:1; }
.news-card {
  min-height:400px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(155deg, var(--surface-raised), var(--surface-soft));
  border:1px solid var(--border);
  box-shadow:0 22px 50px rgba(0,0,0,.18);
  transition:transform .25s ease,border-color .25s ease;
}
.news-card:hover { transform:translateY(-5px); border-color:var(--line-bright); }
.news-card-featured { grid-column:span 2; }
.news-card-art {
  min-height:180px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 55%, rgba(255,215,0,.28), transparent 35%),
    linear-gradient(135deg,#1b1510,#08090c 58%,#08222a);
  border-bottom:1px solid rgba(255,215,0,.24);
}
.news-card-art.cyan { background:radial-gradient(circle,rgba(0,212,255,.23),transparent 42%),linear-gradient(145deg,#07171d,#08090c); border-color:rgba(0,212,255,.25); }
.news-card-art.gold { background:radial-gradient(circle,rgba(255,215,0,.2),transparent 42%),linear-gradient(145deg,#211904,#08090c); }
.news-card-art span { font-family:var(--font-h); font-size:clamp(16px,3vw,30px); color:var(--secondary); text-shadow:4px 4px 0 #000,0 0 20px rgba(255,215,0,.35); }
.news-card-art.cyan span { color:var(--primary); text-shadow:4px 4px 0 #000,0 0 20px rgba(0,212,255,.35); }
.news-card-body { padding:25px; display:flex; flex-direction:column; flex:1; }
.news-date { font-family:var(--font-h); font-size:7px; color:var(--primary); letter-spacing:1px; }
.news-card h3 { font-family:var(--font-h); font-size:13px; line-height:1.65; color:#fff; margin:13px 0; }
.news-card p { color:var(--text-muted); font-size:18px; }
.news-link { color:var(--secondary); font-family:var(--font-h); font-size:8px; margin-top:auto; padding-top:22px; text-decoration:none; }
.news-detail { max-width:860px; margin:0 auto; padding:45px; background:var(--surface-raised); border:1px solid var(--border); }
.news-detail h1 { font-family:var(--font-h); font-size:clamp(24px,4vw,42px); line-height:1.4; color:#fff; margin:18px 0; }
.news-back { color:var(--primary); text-decoration:none; }
.news-lead { color:var(--secondary); font-size:24px; margin-bottom:32px; }
.news-content p { color:var(--text); font-size:20px; margin-bottom:20px; line-height:1.8; }

/* Yönetim paneli */
.admin-body { background:#090a0d; min-height:100vh; }
.admin-topbar {
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  border-bottom:1px solid var(--border);
  background:rgba(15,17,22,.96);
  position:sticky;
  top:0;
  z-index:20;
}
.admin-topbar > div { display:flex; align-items:center; gap:20px; }
.admin-exit { color:var(--text-muted); text-decoration:none; }
.admin-shell { max-width:1440px; margin:0 auto; padding:38px 28px 80px; }
.admin-gate { min-height:60vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:18px; }
.admin-gate h1, .admin-heading h1 { font-family:var(--font-h); line-height:1.5; color:#fff; }
.admin-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:28px; }
.admin-identity { color:var(--primary); border:1px solid var(--line-bright); padding:8px 12px; }
.admin-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:24px; }
.admin-metrics article { padding:19px; background:var(--surface-raised); border:1px solid var(--border); }
.admin-metrics span { display:block; color:var(--text-muted); font-family:var(--font-h); font-size:7px; margin-bottom:12px; }
.admin-metrics strong { color:#fff; font-family:var(--font-h); font-size:19px; }
.admin-tabs { display:flex; gap:8px; border-bottom:1px solid var(--border); margin-bottom:22px; }
.admin-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; color:var(--text-muted); padding:14px 20px; font-family:var(--font-h); font-size:8px; cursor:pointer; }
.admin-tabs button.active { color:var(--primary); border-color:var(--primary); }
.admin-panel { display:none; }
.admin-panel.active { display:block; }
.admin-grid { display:grid; grid-template-columns:minmax(340px,.85fr) minmax(440px,1.15fr); gap:18px; align-items:start; }
.admin-card { padding:24px; background:var(--surface-raised); border:1px solid var(--border); box-shadow:var(--glow-cyan); }
.admin-card-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.admin-card h2 { font-family:var(--font-h); color:#fff; font-size:14px; margin-top:8px; }
.admin-card label { display:grid; gap:6px; color:var(--text-muted); font-family:var(--font-h); font-size:7px; margin-bottom:14px; }
.admin-card input, .admin-card textarea, .admin-card select, .admin-ticket select {
  width:100%;
  border:1px solid var(--border);
  background:#0d0f13;
  color:var(--text);
  padding:11px 12px;
  font-family:var(--font-b);
  font-size:18px;
  resize:vertical;
}
.admin-card input:focus, .admin-card textarea:focus, .admin-card select:focus { border-color:var(--primary); outline:none; box-shadow:0 0 0 2px rgba(0,212,255,.1); }
.admin-note { color:var(--text-muted); padding:12px; border-left:2px solid var(--secondary); background:rgba(255,215,0,.04); margin-bottom:18px; }
.admin-message { min-height:24px; margin-top:12px; }
.admin-message.error { color:var(--danger); }
.admin-message.success { color:var(--success); }
.admin-list { display:grid; gap:9px; }
.admin-list-row, .admin-ticket { padding:15px; border:1px solid var(--border); background:#111318; }
.admin-list-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.admin-list-row > div:first-child { display:grid; gap:5px; }
.admin-list-row strong, .admin-ticket strong { color:#fff; }
.admin-list-row span, .admin-ticket-heading span { color:var(--text-muted); }
.admin-row-actions { display:flex; gap:7px; }
.admin-ticket { display:grid; gap:12px; }
.admin-ticket-heading { display:flex; justify-content:space-between; gap:16px; }
.admin-ticket p { white-space:pre-wrap; color:var(--text); }
.admin-empty { padding:28px; color:var(--text-muted); text-align:center; border:1px dashed var(--border); }

.state-page { min-height:100vh; display:grid; place-items:center; padding:24px; }
.state-card { max-width:620px; text-align:center; padding:50px; border:1px solid var(--border); background:var(--surface-raised); }
.state-card h1 { font-family:var(--font-h); color:#fff; line-height:1.5; margin:16px 0; }
.state-card p { color:var(--text-muted); margin-bottom:24px; }

.order-item { display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center; padding:14px; border-bottom:1px solid var(--border); }
.order-status { font-family:var(--font-h); font-size:7px; color:var(--secondary); }

@media (max-width:1350px) {
  .navbar-right .ip-box { display:none; }
}

@media (max-width:1050px) {
  .admin-metrics { grid-template-columns:repeat(3,1fr); }
  .admin-grid { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .announcement-bar { font-size:8px; }
  .navbar { align-items:flex-start; padding:12px 16px; }
  .navbar-left { width:100%; flex-wrap:wrap; gap:12px; }
  .navbar-menu { width:100%; overflow-x:auto; justify-content:flex-start; gap:18px; padding:5px 0 8px; scrollbar-width:none; }
  .navbar-right { width:100%; justify-content:space-between; }
  .player-count-box { flex:1; justify-content:center; }
  .hero-section { min-height:72vh; }
  .hero-content { padding:32px 18px; }
  .hero-stats { gap:22px; }
  .news-grid { grid-template-columns:1fr; }
  .news-card-featured { grid-column:auto; }
  .section-heading-row { align-items:flex-start; flex-direction:column; }
  .page-hero { min-height:330px; }
  .news-detail { padding:25px 20px; }
  .admin-shell { padding:28px 16px 60px; }
  .admin-topbar { padding:0 16px; }
  .admin-secure { display:none; }
  .admin-heading { align-items:flex-start; flex-direction:column; }
  .admin-metrics { grid-template-columns:1fr 1fr; }
  .admin-tabs { overflow-x:auto; }
  .admin-list-row, .admin-ticket-heading { align-items:flex-start; flex-direction:column; }
  .admin-row-actions { width:100%; }
  .sepet-item-row { flex-wrap:wrap; }
}