:root{
  --brand-cyan:#5ff4ee;--brand-cyan-2:#18cdd1;--brand-blue:#5b80ff;
  --brand-gold:#ffd45e;--brand-ink:#070b15;--brand-panel:rgba(11,16,31,.88);
  --brand-line:rgba(151,232,255,.2);--brand-text:#f5f8ff;--brand-muted:#9ba9c5;
}

/* Her iki oyun için ortak navigasyon ve marka dili. */
.mode-tabs{border:1px solid var(--brand-line)!important;border-radius:16px!important;padding:6px!important;background:linear-gradient(145deg,rgba(13,20,38,.94),rgba(5,9,18,.9))!important;box-shadow:0 14px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07)!important}
.mode-tab{position:relative;overflow:hidden;border-radius:10px!important;padding:9px 14px!important;letter-spacing:.25px;transition:transform .2s,color .2s,background .2s!important}
.mode-tab:hover{transform:translateY(-1px);color:#fff!important}
.mode-tab.active{color:#fff!important;background:linear-gradient(135deg,rgba(55,219,218,.26),rgba(85,102,255,.3))!important;box-shadow:inset 0 0 0 1px rgba(114,242,238,.22),0 5px 18px rgba(27,172,194,.12)!important}
.mode-tab.active::after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:2px;border-radius:9px;background:var(--brand-cyan);box-shadow:0 0 11px var(--brand-cyan)}

/* Sağ alt yapımcı imzası — tüm ekranlarda görünür. */
.creator-signature{position:fixed;right:17px;bottom:14px;z-index:1200;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(78,244,235,.28);border-radius:999px;background:rgba(4,13,22,.72);box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(11px);pointer-events:none;user-select:none;color:#70fff5;font:800 12px/1 "Segoe UI",Arial,sans-serif;letter-spacing:1.1px;text-shadow:0 0 13px rgba(55,255,242,.72)}
.creator-signature span{width:7px;height:7px;border-radius:50%;background:#62fff4;box-shadow:0 0 12px #42fff2;animation:signaturePulse 2.2s ease-in-out infinite}
@keyframes signaturePulse{50%{opacity:.45;transform:scale(.72)}}

/* Battle of Hoca logosu ve seçim yüzeyleri. */
.game-title{top:14px!important;gap:8px!important;padding:7px 18px 8px;border:1px solid rgba(149,184,255,.14);border-radius:14px;background:linear-gradient(180deg,rgba(12,17,34,.82),rgba(7,10,20,.62));box-shadow:0 10px 35px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(9px)}
.t-battle,.t-hoca{font-size:29px!important;letter-spacing:6px!important}.t-of{color:#7b8ba9!important;font-size:12px!important;letter-spacing:2px;text-transform:uppercase}
.menu-overlay{background:radial-gradient(circle at 50% 16%,rgba(66,92,174,.2),transparent 38%),linear-gradient(180deg,rgba(5,8,18,.7),rgba(3,5,12,.9))!important;backdrop-filter:blur(9px)!important;gap:20px!important}
.menu-heading{position:relative;padding:0 40px;font-size:clamp(22px,3vw,31px)!important;letter-spacing:7px!important;background:linear-gradient(90deg,#fff,#9edcff 50%,#fff);background-clip:text;color:transparent!important;text-shadow:none!important}
.menu-heading::before,.menu-heading::after{content:"";position:absolute;top:50%;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--brand-cyan))}.menu-heading::before{left:0}.menu-heading::after{right:0;transform:rotate(180deg)}
.roster-switch{border-color:var(--brand-line)!important;background:rgba(7,12,24,.82)!important;box-shadow:0 12px 34px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}
.char-card{border-color:rgba(116,180,255,.22)!important;background:radial-gradient(circle at 50% 0,rgba(89,110,195,.2),transparent 33%),linear-gradient(155deg,rgba(25,34,61,.96),rgba(8,12,24,.98))!important;border-radius:21px!important;box-shadow:0 18px 46px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07)!important;transition:transform .22s,border-color .22s,box-shadow .22s!important}
.char-card:hover{transform:translateY(-5px);border-color:rgba(100,244,235,.48)!important;box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 28px rgba(54,230,224,.08)!important}
.vs-text{font-size:34px!important;letter-spacing:2px;background:linear-gradient(180deg,#fff,#6bf4ef)!important;background-clip:text!important;filter:drop-shadow(0 0 12px rgba(66,244,238,.3))!important}
.card-name{font-size:21px!important}.card-code{color:var(--brand-muted)!important}.tag{border-color:rgba(126,184,255,.18)!important;background:rgba(105,142,221,.09)!important}.stat-fill{background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan))!important;box-shadow:0 0 9px rgba(61,225,227,.3)}
.card-passive{border-color:rgba(74,213,224,.18)!important;background:linear-gradient(135deg,rgba(52,114,188,.11),rgba(38,210,195,.07))!important}.card-passive.special{border-color:rgba(255,205,83,.22)!important;background:linear-gradient(135deg,rgba(255,172,47,.1),rgba(255,86,113,.07))!important}
.browser{border-color:var(--brand-line)!important;border-radius:20px!important;background:linear-gradient(155deg,rgba(15,22,42,.91),rgba(6,10,21,.94))!important;box-shadow:0 22px 65px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}
.search-input,.filter-select{border-color:rgba(145,202,255,.18)!important;background:rgba(4,9,19,.72)!important}.search-input:focus,.filter-select:focus{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 3px rgba(80,245,237,.1)}
.grid-item{border-color:rgba(118,164,233,.13)!important;background:linear-gradient(145deg,rgba(31,41,70,.72),rgba(11,16,30,.86))!important;transition:transform .18s,border-color .18s,background .18s!important}.grid-item:hover{transform:translateY(-3px);border-color:rgba(94,244,236,.43)!important;background:linear-gradient(145deg,rgba(35,67,91,.82),rgba(12,25,41,.92))!important}
.big-btn{border-radius:13px!important;letter-spacing:.7px;box-shadow:0 12px 35px rgba(37,91,255,.24)!important}.big-btn:hover{transform:translateY(-3px)!important;filter:brightness(1.08)}
.winner-overlay{background:radial-gradient(circle at 50% 35%,rgba(55,206,211,.2),transparent 35%),rgba(4,7,15,.9)!important;backdrop-filter:blur(13px)!important}.winner-text{background:linear-gradient(90deg,#fff,var(--brand-gold),var(--brand-cyan));background-clip:text;color:transparent!important;text-shadow:none!important}

/* The Hoca Race kartları ve başlığı. */
.race-logo{top:14px!important;padding:8px 17px;border:1px solid rgba(102,237,244,.18);border-radius:13px;background:linear-gradient(180deg,rgba(7,18,31,.82),rgba(4,10,19,.62));box-shadow:0 10px 34px rgba(0,0,0,.3);font-style:normal!important;letter-spacing:3px!important;text-shadow:0 0 16px rgba(255,217,74,.24)!important;backdrop-filter:blur(9px)}
.race-overlay{background:radial-gradient(circle at 50% 15%,rgba(67,219,238,.24),transparent 38%),linear-gradient(180deg,rgba(13,41,61,.56),rgba(4,10,20,.93))!important;backdrop-filter:blur(10px)!important}
.race-card{border-color:var(--brand-line)!important;background:radial-gradient(circle at 100% 0,rgba(36,205,208,.1),transparent 30%),linear-gradient(150deg,rgba(22,34,57,.97),rgba(6,11,22,.98))!important;box-shadow:0 35px 110px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.07)!important}
.race-card h1{background:linear-gradient(100deg,#fff 4%,var(--brand-cyan) 52%,var(--brand-gold))!important;background-clip:text!important}.eyebrow,.editor-head{color:var(--brand-cyan)!important}
.selection-count,.race-settings select{border-color:rgba(117,214,231,.2)!important;background:rgba(5,13,25,.72)!important}.selection-count span{color:var(--brand-cyan)!important}
.character-card{border-color:rgba(123,175,226,.17)!important;background:linear-gradient(155deg,rgba(27,39,65,.94),rgba(7,13,25,.98))!important;border-radius:17px!important}.character-card.active{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 3px rgba(95,244,238,.09),0 15px 35px rgba(0,0,0,.36)!important}.character-card:hover{transform:translateY(-4px)!important}
.race-start{background:linear-gradient(115deg,var(--brand-cyan),#89f2dd 48%,var(--brand-gold))!important;box-shadow:0 13px 35px rgba(58,231,225,.2)!important}.secondary-btn{background:linear-gradient(145deg,#263451,#151e33)!important}
.race-ranking{border-color:rgba(101,231,239,.24)!important;background:linear-gradient(155deg,rgba(8,22,36,.94),rgba(4,12,23,.92))!important;box-shadow:0 22px 60px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.06)!important}.ranking-title{color:var(--brand-cyan)!important}.rank-row:first-of-type{background:linear-gradient(90deg,rgba(255,209,75,.18),rgba(71,238,231,.08))!important}
.leader-spotlight{border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(216,245,246,.94))!important;box-shadow:0 16px 46px rgba(0,0,0,.34)!important}
.current-section{border:1px solid rgba(91,239,235,.21);background:rgba(4,15,26,.88)!important;backdrop-filter:blur(9px)}.current-section b{color:var(--brand-cyan)!important}

@media(max-width:760px){.creator-signature{right:8px;bottom:8px;padding:6px 9px;font-size:9px}.mode-tab{padding:8px 10px!important}.game-title{top:54px!important;transform:translateX(-50%) scale(.86)!important}.menu-heading{letter-spacing:4px!important}.race-logo{padding:6px 11px}}
@media(prefers-reduced-motion:reduce){.creator-signature span{animation:none}.char-card,.grid-item,.mode-tab{transition:none!important}}