/* =========================================================
   NoName / TFC — shared global style
   Cleaned for V2 with Orbitron branding
   ========================================================= */

:root{
  --tfc-blue:#4da6ff;
  --tfc-red:#ff5c5c;
  --tfc-orange:#fb923c;
  --bg:#05070d;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --page-bg:#05070d;
  --page-grid-blue:rgba(77,166,255,.08);
  --page-grid-orange:rgba(251,146,60,.055);
  --page-main-width:2200px;
  --shell-padding:34px;
  --shell-radius:36px;
  --shell-bg:rgba(10,12,22,.94);
  --shell-border:rgba(77,166,255,.30);
  --shell-glow:rgba(77,166,255,.15);
  --shell-blur:6px;
  --shell-sheen-color:rgba(77,166,255,.06);
  --shell-sheen-stop:45%;
  --page-glow-left:rgba(77,166,255,.16);
  --page-glow-left-width:42%;
  --page-glow-height:220px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Orbitron',system-ui,sans-serif;font-weight:500;color:var(--text);background:var(--bg);}

/* Text readability overrides */
p,small,.kpi-sub,.stat-detail,.search-result small,.search-empty,.matches2-subtitle,.matches2-updated,.compare-subtitle,.live2-subtitle,.map-v2-subtitle{font-family:'Inter',system-ui,sans-serif;}

/* Links */
a,a:link,a:visited{color:var(--tfc-blue);text-decoration:none;transition:.2s ease;}
a:hover{color:#7cc2ff;text-shadow:0 0 8px rgba(114,216,255,.45);}

/* Header / Logo */
header{backdrop-filter:blur(14px);background:rgba(10,12,18,.82)!important;}
.nn-logo{font-family:'Orbitron',sans-serif;font-weight:800;font-size:42px;line-height:1;letter-spacing:-1px;display:flex;align-items:center;gap:.32em;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.logo-nn{color:#72d8ff;text-shadow:0 0 10px rgba(114,216,255,.55),0 0 22px rgba(114,216,255,.18);}
.logo-slash{color:#ff5d82;text-shadow:0 0 10px rgba(255,93,130,.45);}
.logo-tfc{color:#f1f5f9;text-shadow:0 0 14px rgba(255,255,255,.12);}
.font-retro{font-family:'Orbitron',sans-serif;}
h1.font-retro{text-shadow:0 0 20px rgba(77,166,255,.6),0 0 40px rgba(251,146,60,.25);}
header nav a,header .nav-live,header .nav-link,header input,#global-search{font-family:'Orbitron',sans-serif;}
header nav a{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
header input,#global-search{font-size:14px;}

/* Forms / Search */
input,textarea,select{font-family:'Orbitron',sans-serif;font-weight:500;}
#global-search{color:#e0f2fe!important;background:rgba(15,23,42,.85);border:1px solid rgba(77,166,255,.25);transition:.2s ease;}
#global-search::placeholder{color:#64748b;}
#global-search:focus{border-color:var(--tfc-blue);box-shadow:0 0 20px rgba(77,166,255,.18);outline:none;}
.search-wrap{position:relative;}
#search-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:9999;overflow:hidden;border-radius:18px;background:rgba(15,23,42,.98);border:1px solid rgba(77,166,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 30px rgba(77,166,255,.18);backdrop-filter:blur(12px);}
#search-dropdown.show{display:block;}
.search-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.1);}
.search-result:hover,.search-result.active{background:rgba(77,166,255,.16);}
.search-result strong{display:block;color:#e0f2fe;font-size:14px;font-weight:900;}
.search-result small{display:block;color:#94a3b8;font-size:11px;margin-top:3px;}
.search-result span{color:#60a5fa;font-weight:900;font-size:13px;}
.search-empty{padding:14px;color:#94a3b8;font-size:13px;}

/* Cards / Tables */
.card{background:rgba(15,23,42,.72);border:1px solid rgba(77,166,255,.18);border-radius:18px;transition:.2s ease;}
.card:hover{border-color:rgba(77,166,255,.45);box-shadow:0 0 30px rgba(77,166,255,.12);}
thead th{background:rgba(77,166,255,.12);color:#bfdbfe;font-weight:800;padding:12px 10px;border-bottom:1px solid rgba(77,166,255,.22);text-transform:uppercase;letter-spacing:.08em;font-size:10px;}
tbody td{color:#e5e7eb;}
tbody tr:hover{background:rgba(77,166,255,.10);}
tbody tr.winner-blue:hover{background:rgba(77,166,255,.20)!important;}
tbody tr.winner-red:hover{background:rgba(255,92,92,.20)!important;}
tbody tr.winner-tie:hover{background:rgba(148,163,184,.18)!important;}

/* Shared details */
#player-record{color:#e0f2fe!important;font-size:1.05rem;}
.kpi-sub{color:#94a3b8;font-size:13px;font-weight:600;}
::-webkit-scrollbar{width:7px;height:7px;}
::-webkit-scrollbar-thumb{background:linear-gradient(#4da6ff,#ff5c5c);border-radius:999px;}
::-webkit-scrollbar-track{background:transparent;}

/* Live nav / toast */
.nav-live{position:relative;color:#ffb15e!important;font-weight:800;text-shadow:0 0 10px rgba(251,146,60,.95),0 0 24px rgba(251,146,60,.75),0 0 48px rgba(251,146,60,.45);animation:liveTextPulse 1.4s ease-in-out infinite;}
@keyframes liveTextPulse{0%,100%{opacity:.9;transform:scale(1);}50%{opacity:1;transform:scale(1.06);text-shadow:0 0 14px rgba(251,146,60,1),0 0 34px rgba(251,146,60,.9),0 0 70px rgba(255,140,0,.65);}}
@keyframes liveDotBlink{0%,100%{opacity:.55;}50%{opacity:1;}}
#queue-toast{position:fixed;right:24px;bottom:24px;z-index:9999;width:260px;padding:16px 18px;border-radius:18px;background:rgba(15,23,42,.94);border:1px solid rgba(251,146,60,.55);box-shadow:0 0 30px rgba(251,146,60,.35);color:#e5e7eb;text-decoration:none;transform:translateY(30px);opacity:0;pointer-events:none;transition:all .25s ease;}
#queue-toast.show{transform:translateY(0);opacity:1;pointer-events:auto;}
#queue-toast strong{display:block;color:#fb923c;font-size:14px;margin-bottom:4px;}
#queue-toast span{display:block;color:#cbd5e1;font-size:13px;}

/* Shared page framework */
.index-page,.matches-page,.leaderboard-page,.player-page,.map-page,.map-v2-page,.compare-page,.player-v2-page,.live-page,.live2-page{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 30% 20%,rgba(77,166,255,.10) 0%,transparent 50%),linear-gradient(rgba(77,166,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,166,255,.08) 1px,transparent 1px),#05070d;background-size:200% 200%,42px 42px,42px 42px,auto;animation:bgShift 45s linear infinite;}
.live-page,.live2-page{--page-main-width:1100px;--page-grid-blue:rgba(251,146,60,.055);--page-glow-left:rgba(251,146,60,.18);--shell-border:rgba(251,146,60,.30);--shell-glow:rgba(251,146,60,.15);--shell-blur:8px;--shell-sheen-color:rgba(251,146,60,.06);background:radial-gradient(circle at 30% 20%,rgba(251,146,60,.12) 0%,transparent 50%),linear-gradient(rgba(251,146,60,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(251,146,60,.055) 1px,transparent 1px),#05070d;background-size:200% 200%,42px 42px,42px 42px,auto;animation:bgShift 45s linear infinite;}
@keyframes bgShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

/* Shared main width */
.index-page main,.matches-page main,.leaderboard-page main,.player-page main,.map-page main,.map-v2-page main,.compare-page main,.player-v2-page main,.live-page main,.live2-page main{position:relative;z-index:1;width:min(98vw,var(--page-main-width));max-width:none!important;}

/* Shared page glow */
.index-page::after,.matches-page::after,.leaderboard-page::after,.player-page::after,.map-page::after,.map-v2-page::after,.compare-page::after,.player-v2-page::after{content:"";position:fixed;top:0;right:0;width:34%;height:var(--page-glow-height);pointer-events:none;z-index:0;background:radial-gradient(ellipse at top right,rgba(255,92,92,.10),transparent 72%);}
.index-page::before,.matches-page::before,.leaderboard-page::before,.player-page::before,.map-page::before,.map-v2-page::before,.compare-page::before,.player-v2-page::before,.live-page::before,.live2-page::before{content:"";position:fixed;top:0;left:0;width:var(--page-glow-left-width);height:var(--page-glow-height);pointer-events:none;z-index:0;background:radial-gradient(ellipse at top left,var(--page-glow-left),transparent 72%);}

/* Shared shells */
.cyber-shell,.matches-shell,.player-shell,.map-shell,.compare-shell,.live-shell,.live2-shell,.map-v2-shell{position:relative;overflow:hidden;border-radius:var(--shell-radius);padding:var(--shell-padding);background:var(--shell-bg);border:1px solid var(--shell-border);box-shadow:0 0 80px var(--shell-glow),inset 0 0 60px rgba(255,255,255,.03);backdrop-filter:blur(var(--shell-blur));}
.cyber-shell::before,.matches-shell::before,.player-shell::before,.map-shell::before,.compare-shell::before,.live-shell::before,.live2-shell::before,.map-v2-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,var(--shell-sheen-color) var(--shell-sheen-stop),transparent 60%);filter:blur(30px);opacity:.7;pointer-events:none;}

/* Page tuning */
.index-page{--shell-padding:32px;--shell-sheen-color:rgba(77,166,255,.08);}
.matches-page{--page-glow-left:rgba(77,166,255,.14);}
.compare-page{--shell-blur:20px;--shell-sheen-color:rgba(77,166,255,.06);}
.compare-shell::before{background:linear-gradient(120deg,transparent 0%,rgba(77,166,255,.06) 42%,rgba(255,92,92,.045) 58%,transparent 70%);}

/* Optional V3-ish accents */
.topplayers-panel{min-height:700px;box-shadow:0 0 40px rgba(72,160,255,.08);}
.panel h2{position:relative;}
.panel h2::after{content:"";display:block;width:80px;height:2px;margin-top:12px;background:linear-gradient(90deg,#57d4ff,transparent);}
.kpi-blue{border-color:rgba(72,160,255,.35);}
.kpi-cyan{border-color:rgba(90,220,255,.35);}
.kpi-purple{border-color:rgba(175,120,255,.35);}
.kpi-green{border-color:rgba(90,255,160,.35);}
.kpi-orange{border-color:rgba(255,170,90,.35);}

/* Accessibility */
@media (prefers-reduced-motion:reduce){.index-page,.matches-page,.leaderboard-page,.player-page,.map-page,.map-v2-page,.compare-page,.player-v2-page,.live-page,.live2-page,.nav-live,.live-dot{animation:none!important;}}
@media (max-width:900px){.nn-logo{font-size:30px;}header nav a{font-size:12px;}#global-search{font-size:12px;}}
@media (max-width:700px){
  body header > div{
    height:auto!important;
    min-height:50px;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:auto 1fr;
    gap:8px;
    align-items:center;
    overflow:visible;
  }
  body header > div > .nn-logo{
    font-size:30px!important;
    gap:.32em!important;
    min-width:0;
    white-space:nowrap;
  }
  body header > div > .nn-logo span{
    font-size:inherit!important;
  }
  body header > div > nav.flex{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:5px 9px!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  body header > div > nav.flex a{
    flex:0 0 auto;
    font-size:9px!important;
  }
  body header > div > .search-wrap{
    grid-column:1/-1;
    width:100%;
    min-width:0;
  }
  body header #global-search{
    width:100%!important;
  }
}

/* Supporters */
.supporter-badge{
position:relative;
display:inline-block;
margin-left:18px;
top:-4px;
font-size:.82em;
filter:drop-shadow(0 0 6px rgba(96,165,250,.75));
animation:supporterGlow 2.8s ease-in-out infinite;
overflow:visible;
}

@keyframes supporterGlow{
0%,100%{filter:drop-shadow(0 0 5px rgba(96,165,250,.65));}
50%{filter:drop-shadow(0 0 12px rgba(96,165,250,.95));}
}
#player-name-v2 .supporter-badge{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:initial!important;display:inline-block;margin-left:18px;filter:drop-shadow(0 0 6px rgba(96,165,250,.75));animation:supporterGlow 2.8s ease-in-out infinite;}
@keyframes supporterGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(96,165,250,.55));}50%{filter:drop-shadow(0 0 13px rgba(96,165,250,.95));}}
.supporter-inline{
font-size:1em;
margin-left:-1px;
opacity:.95;
filter:drop-shadow(0 0 6px rgba(96,165,250,.9));
vertical-align:middle;
position:relative;
top:-2px;
animation:none!important;
}