/* Google fonts_link */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Krona+One&display=swap");
/* Google fonts_link */

/* Icons Library */
@import url("https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css");
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* Icons Library */
@import url("../css/bootstrap.css");
@import url("../css/animate.css");
@import url("../css/jquery.fancybox.min.css");
@import url("../css/slick.css");
@import url("../css/xicon.css");
@import url("../css/variables.css");
@import url("../css/mobile-nav.css");

/* Customs_fonts */
@import url(../fonts/rosiebrown/stylesheet.css);
@import url(../fonts/signatie/stylesheet.css);

.krona-one-regular {
  font-family: "Krona One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
    background-color: var(--bg-deep);
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
    color: var(--text-silver-main);
    font-family: var(--font-tech);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

:root {
    --bg-deep: #0b0f29;
    --glass-panel: rgba(20, 25, 50, 0.6);
    --glass-header: rgba(11, 15, 41, 0.95);
    --glass-border: rgba(255, 255, 255, 0.12);
    --primary-gold: #FFD700;
    --accent-blue: #3b82f6;
    --success-green: #10b981;
    --text-silver-main: #e2e8f0;
    --text-silver-muted: #94a3b8;
    --font-tech: 'Roboto Mono', monospace;
    --font-sans: 'Inter', sans-serif;
}

#jqcheck {
  background: #fff9d7;
  text-align: center;
  color: #333;
  padding: 10px 0px;
  font-size: 13px;
  font-weight: bold;
  position: fixed;
  z-index: 9991;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  margin: 0px;
  padding: 0px;
}

/* text selection color */
::-moz-selection {
  background: var(--primary-color);
  color: var(--theme-white);
  text-shadow: none;
}

::selection {
  background: var(--primary-color);
  color: var(--theme-white);
  text-shadow: none;
}

/* browser scroller style */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}

::-webkit-scrollbar-track-piece {
  background-color: #ecedf1;
  -webkit-border-radius: 0px;
  border-left: 1px solid #888;
}

::-webkit-scrollbar-thumb:vertical {
  -webkit-border-radius: 0px;
  background: #fbbc06;
}

body {
  font-family: var(--base-font-family);
  color: var(--default-color);
  font-size: var(--base-font-size);
}

.ff-primary {
  font-family: var(--base-font-family);
}

.ff-secondary {
  font-family: var(--secondary-font-family);
}

.fc-primary {
  color: var(--primary-color);
}

.fc-secondary {
  color: var(--secondary-color);
}

.fc-dark {
  color: var(--dark-color);
}

.fc-lite {
  color: var(--lite-color);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
  margin: 0;
  padding: 0;
}

h1,
.h1,
h2,
.h2 {
  font-family: var(--heading-font-family-primary);
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--secondary-font-family);
}

h2,
.h2 {
  font-size: 6.7vmin;
}

h3,
.h3 {
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: var(--font-size-h6);
}

p {
  font-size: var(--base-font-size);
}

p {
  font-weight: 400;
  line-height: 22px;
  padding: 0 0 20px;
  margin: 0px;
}

/*** no padding, no marging ***/
.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

p strong {
  color: black;
}

p span {
  color: black;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

img {
  border: 0px;
  outline: none;
}

/*img { max-width: 100%;  }*/
ul,
li {
  list-style-type: none;
}

.relative {
  position: relative;
}

h2,
.h2 {
  color: #333333;
  /* line-height: 1; */
  font-weight: 600;
  padding: 0 0 15px 0;
  position: relative;
  /* letter-spacing: -1px; */
}

h2 span,
.h2 span {
  color: var(--primary-color);
}

a {
  text-decoration: none;
}

.list-simple {
  list-style: none;
  margin: 0 0 15px 0;
  width: 100%;
  display: inline-block;
}

.list-simple li {
  color: #0f0b1f;
  padding: 0 0 10px 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

.list-simple li:before {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 13px;
  color: var(--secondary-color);
  content: "\e93a";
  font-family: "icomoon" !important;
}

/*** morefull block link ***/
.moreFull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

/*** transition ***/
.transition {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*** scale with transition ***/
.scale-with-transition {
  -webkit-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

:root {
  /*--primary-color: #f5c451;*/
  /*--secondary-color: #4d8aff;*/
  --bg-dark: #0b1621;
  --bg-light: #f7f8fa;
  --card-dark: #1a2636;
  --card-light: #fff;
  --text-dark: #fff;
  --text-light: #222;
  --input-dark: #232b33;
  --input-light: #f2f2f2;
  --border-dark: #2e3a4d;
  --border-light: #e0e0e0;
}

body.light-theme {
  --bg-dark: #f7f8fa;
  --card-dark: #fff;
  --text-dark: #222;
  --input-dark: #f2f2f2;
  --border-dark: #e0e0e0;
}

body {
  background: var(--bg-dark);
  color: var(--text-dark);
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.header {
  background: #0b16211c;
  color: var(--text-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  font-family: "Segoe UI", Arial, sans-serif;
  border-bottom: 1px solid #9b969633;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999;
  backdrop-filter: blur(25px);
}

.header-left {
  display: block;
  align-items: center;
  gap: 0;
}

.header-left img {
    width: 100%;
    margin-right: 0px;
    max-width: 125px;
}

.logo-circle {
  background: #22304a;
  color: #b6c6e3;
  border-radius: 8px;
  width: 44px;
  height: 44px;
  display: flex;
  margin: -7px -13px 0 0;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 2.3rem;
}

.logo-text {
  font-weight: 700;
  font-size: 27.8px;
  letter-spacing: 2px;
  font-family: bebas neue;
  margin: 0 21px 0 5px;
}

.header-left a {
  color: var(--text-dark);
  text-decoration: none;
  font-weight: 500;
  margin-right: 7px;
  transition: color 0.2s;
}

.header-left a:hover {
  color: var(--primary-color);
}

.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.theme-btn,
.vip-btn,
.login-btn,
.kyc-btn {
  border: 1px solid #b6c6e3;
  background: var(--bg-dark);
  color: var(--text-dark);
  border-radius: 6px;
  padding: 5px 14px;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 41px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background 0.2s, color 0.2s;
}

.vip-btn {
  background: var(--primary-color);
  color: #22304a;
  border: none;
  font-size: 17px;
  width: 104px;
  border-radius: 41px;
}

.login-btn {
  background:#FFD700;
  color: #22304a;
  border: none;
  font-weight: 700;
}

.kyc-btn {
  background: var(--primary-color);
  color: #22304a;
  border: none;
  font-weight: 700;
}

/* Auth Forms */
.auth-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  min-height: 80vh;
  background: transparent;
  padding-top: 110px;
  flex: 1;
}

.auth-card {
  background: linear-gradient(
    120deg,
    var(--card-dark) 80%,
    var(--bg-dark) 100%
  );
  border-radius: 20px;
  box-shadow: 0 8px 32px 0 #000a1f40;
  padding: 40px 36px 30px 36px;
  width: 420px;
  max-width: 95vw;
  color: var(--text-dark);
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  margin-bottom: 40px;
  position: relative;
  height: 826px;
}

.auth-title {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.google-btn {
  width: 100%;
  background: #fff;
  color: #222;
  border: none;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  cursor: pointer;
  box-shadow: 0 2px 8px #0001;
  transition: background 0.2s;
}

.google-btn:hover {
  background: #f5f5f5;
}

.auth-or {
  text-align: center;
  color: #b6c6e3;
  margin: 10px 0 18px 0;
  font-size: 1rem;
  font-weight: 500;
}

form label {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 4px;
  display: block;
  color: var(--text-dark);
}

form input[type="text"],
form input[type="email"],
form input[type="password"] {
  width: 100%;
  olid var(--border-dark);
  border-radius: 7px;
  padding: 10px 12px;
  color: var(--text-dark);
  font-size: 1rem;
  margin-bottom: 8px;
  outline: none;
  transition: border 0.2s;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

form input:focus {
  border-color: var(--secondary-color);
}

.input-group {
  display: flex;
  align-items: center;
  position: relative;
}

.input-group input {
  flex: 1;
  margin-bottom: 0;
}

.input-icon {
  position: absolute;
  right: 12px;
  color: #b6c6e3;
  cursor: pointer;
  font-size: 1.1rem;
}

form small {
  color: #b6c6e3;
  font-size: 0.93rem;
  margin-bottom: 10px;
  display: block;
}

.auth-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 18px 0;
  gap: 10px;
}

.auth-link {
  color: var(--secondary-color);
  text-decoration: none;
  font-size: 0.98rem;
}

.auth-link:hover {
  text-decoration: underline;
}

.login-btn {
    width: 179px;
    /*background: transparent;*/
    /*color: #fbc104;*/
    color: #000;
    border: none;
    border-radius: 41px;
    padding: 7px 0;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 10px 0 8px 0;
    cursor: pointer;
    box-shadow: 0 2px 8px #0001;
    /* display: flex; */
    /* align-items: center; */
     justify-content: center !important; 
    gap: 8px;
    transition: background 0.2s;
}

/*.login-btn:hover {*/
/*  background: linear-gradient(90deg, #ffe08a 80%, var(--primary-color) 100%);*/
/*}*/
.auth-footer {
  color: #4e5d7b;
  font-size: 1rem;
  margin-top: 8px;
}
body.light-theme h2.auth-title {
  color: #22304a;
}

h2.auth-title {
  color: white;
}
@media (max-width: 900px) {
  .auth-container {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-top: 20px;
  }
  .auth-card {
    width: 98vw;
    max-width: 98vw;
    padding: 28px 8vw 24px 8vw;
  }
}
/* Footer */
.footer {
  width: 100%;
  background: var(--bg-dark);
  color: var(--text-dark);
  padding: 24px 0 12px 0;
  text-align: center;
  font-size: 1rem;
  border-top: 1px solid #fbbc06;
  margin-top: auto;
}
.footer-links {
  margin-top: 8px;
  color: var(--text-dark);
}
.footer-links a {
  color: var(--text-dark);
  margin: 0 10px;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.2s;
}
.footer-links a:hover {
  color: var(--primary-color);
}
.footer-content {
  width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.footer-content nav a {
  color: white;
  margin: 0 0px 0 20px;
}

body.light-theme .footer-content nav a {
  color: black;
}

body.light-theme .entrant-box span:nth-child(1), body.light-theme .entrant-box span:nth-child(2) {
    color: yellow;
}

/* dashboard css begin */
.card {
  background: #1e293b;
  border: none;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
  color: #fff;
}
.highlight {
  color: #facc15;
}
.btn-yellow {
  background: #facc15;
  color: #000;
  font-weight: 600;
  border: none;
}
.chat-box {
  height: 200px;
  overflow-y: auto;
  background: #1e293b;
  border-radius: 10px;
  padding: 10px;
}
.chat-input {
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
}
.tournament-card {
  background: #1e293b;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  margin-bottom: 15px;
}

.live::after {
    content: "🔴  Live";
    position: absolute;
    right: 0;
    background: transparent;
    border: 2px solid #fff;
    padding: 3px 12px;
    color: #ff0000f0;
    font-weight: bold;
    font-size: 15px;
    border-radius: 7px;
}

.live {
    position: relative;
}

/* Keyframes for blink animation */
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.progressive {
    border: 3px solid !important;
    border-color: #e3b932 !important;
}

.gpp {
    border: 3px solid !important;
    border-color: #1d6fca !important;
}

.lift .eyebrow {
    font-size: 10px;
}

section.new-deshboard {
    padding: 140px 0 80px;
}

.dis-user {
    width: 45%;
    height: 120px;
}

.dis-user img {
    width: 100%;
}

.desboard-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px;
}

.user-show {
    display: flex;
    align-items: flex-start;
    gap: 0px 15px;
}

.deppsit i {
    display: flex;
    justify-content: center;
}

.user-name p {
    padding: 15px 0 0;
    font-size: 22px;
    font-weight: 300;
}

.user-name span {
    color: #f5c451;
    font-weight: 500;
}

.account-balance-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid darkgrey;
    padding: 10px 15px 10px;
    border-radius: 10px;
    margin: 25px 0 25px;
}

.balance-txt {
    text-align: center;
}

.amount-txt {
    text-align: center;
}

.balance-txt p {
    padding: 0 0 0;
    font-weight: 500;
    color: white;
}

.amount-txt p {
    padding: 0 0 0;
    font-size: 20px;
    font-weight: 400;
    color: #f5c451;
}

.amount-txt-show {
    display: flex;
    align-items: center;
    gap: 0px 20px;
}

.amount-txt-show img {
    width: 35px;
}

.amount-txt-show p {
    padding: 0 0 0;
    text-align: center;
}

.account-balance-check.bd-none {
    border: none;
}

.board-score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px 10px;
}

.board-score p {
    padding: 0 0 0;
    color: #f5c451;
}

.board-score h4 {
    color: #f5c451;
    font-size: 18px;
    font-weight: 500;
}

.compitative-board {
    border: 1px solid darkgrey;
    padding: 12px 15px 12px;
    border-radius: 10px;
}

.compitative-board h3 {
    padding: 10px 0 10px;
}

.deppsit label {
    font-size: 15px;
}

.deshboard-bordered {
    border: 1px solid darkgrey;
    padding: 20px 15px 20px;
    border-radius: 10px;
}

.network-score h4 {
    text-align: center;
    font-size: 20px;
    padding: 10px 0 10px;
}

.online-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px;
}

.online-status p {
    padding: 0 0 0;
}

.online-status i {
    color: forestgreen;
    font-size: 10px;
}

.network-score {
    border: 1px solid darkgrey;
    padding: 10px 10px 10px;
    border-radius: 10px;
    height: 280px;
}

.line-size-logo {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.line-size-logo img {
    width: 70%;
    object-fit: cover;
}

.my-network {
    background-image: url(public/theme/mocksurl/images/section-bg.png);
}

/*TABS__*/

.card{width:100%;background:var(--card);border-radius:12px;padding: 20px 0 0;}


/* Tabs */
.tab-list{display:flex;gap:8px;align-items:center;margin-bottom:18px;padding:8px;border-radius:10px;justify-content: space-between;}
.tab-btn{
appearance:none; border:0; background:transparent; color:var(--muted); padding:10px 16px; border-radius:8px; cursor:pointer; font-weight:600; font-size:15px;
transition:all 180ms ease;
}
.tab-btn:hover{ color:var(--text); transform:translateY(-2px); }


/* Active look (golden) */
.tab-btn[aria-selected="true"]{color: gold;/* background: linear-gradient(180deg, rgba(197,155,0,0.14) 0%, rgba(197,155,0,0.06) 100%); *//* box-shadow: 0 6px 18px rgba(197,155,0,0.12), inset 0 -2px 0 rgba(255,255,255,0.02); *//* border:1px solid rgba(197,155,0,0.22); */}


/* small golden indicator under active */
.tab-btn[aria-selected="true"]::after{
content:''; display:block; height:4px; width:100%; border-radius:4px; margin-top:8px; background:linear-gradient(90deg,var(--gold), #ffd86b);
box-shadow:0 6px 12px rgba(197,155,0,0.16);
}


/* Content */
.tab-panel{ display:none; padding:12px 6px; border-top:1px solid rgba(255,255,255,0.03); margin-top:12px; }
.tab-panel[data-show="true"]{ display:block; }


.team-list{ display:flex; flex-direction:column; gap:10px; }
.member{ border-radius:8px;}
.avatar{ width:42px; height:42px; border-radius:50%; background:linear-gradient(180deg,#ffffff10,#00000010); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--text); }
.meta{ display:flex; flex-direction:column; }
.name{ font-weight:700; }
.role{ font-size:13px; color:var(--muted); }


/* Responsive */
@media (max-width:420px){
.tab-list{ gap:6px; }
.tab-btn{ padding:8px 12px; font-size:14px; }
}

/*TABS__*/

.member ul {
    padding: 0 0 0;
    margin: 0 0 0;
}

.member li {
    display: inline;
    padding: 0 10px 0;
    font-size: 14px;
}

.board-status-two li {
    padding: 0 8px 0;
}

.board-status-two {
    border: 1px solid darkgrey;
    padding: 10px 0 10px;
    border-radius: 10px;
    margin: 5px 0 0;
}

.board-status-two li a {
    background: dodgerblue;
    color: white;
    padding: 3px 10px 3px;
    border-radius: 3px;
}

.board-status-two li i {
    color: red;
    font-size: 10px;
}

.match-scoring-tabs {
    border: 1px solid darkgrey;
    border-radius: 10px;
    padding: 20px 10px 20px;
    margin: 20px 0 10px;
}

/*.my-trade-confirm h2 {*/
/*    color: darkgrey;*/
/*    font-size: 30px;*/
/*    text-align: center;*/
/*    font-weight: 600;*/
/*    padding: 0 0 0px;*/
/*}*/

.my-trade-confirm h2 {
    font-size: 27px;
    text-align: center;
    color: #D4D4D4;
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    font-family: 'Roboto';
}

.score-three a {
    background: cornflowerblue;
    color: black;
    padding: 7px 5px 7px;
    border-radius: 3px;
}

.score-one p {
    padding: 0 0 0;
}

.score-two p {
    padding: 0 0 0;
}

.score-three p {
    padding: 0 0 0;
}

.score-four p {
    padding: 0 0 0;
}

.scoring-top {
    border: 1px solid darkgrey;
    padding: 7px 20px 7px;
    border-radius: 5px;
    margin: 5px 0 5px;
}

.my-trade-confirm {
    border: 1px solid darkgrey;
    padding: 15px 20px 15px;
    border-radius: 10px;
}


/**/

.top-bar{
    background:#1b2540;
    padding:10px;
    display:flex;
    gap:10px;
    align-items:center;
    border-radius:8px;
    width:100%;
}

.search-input{
    flex:1;
    padding:10px 15px;
    border:none;
    border-radius:8px;
    font-size:14px;
    background:#ffffff;
    outline:none;
}

.dd{
    padding:10px 12px;
    border:none;
    border-radius:8px;
    background:#ffffff;
    font-size:14px;
    min-width:120px;
    outline:none;
}

.btn{
    padding:9px 16px;
    border:none;
    border-radius:8px;
    font-size:14px;
    cursor:pointer;
}

.light-btn{
    background: transparent;
    color: white;
    border: 1px solid darkgrey;
}

.reset-btn{
    background: transparent;
    color:#fff;
    border: 1px solid darkgrey;
}

.save-btn{
    background:#d5a12c;
    color:#000;
    font-weight:600;
    padding: 10px 5px 10px;
}


/**/


/**/

.tab-box-new{
    width:100%;
    background: transparent;
    padding:20px;
    border-radius:12px;
}

.tab-list-new{
    display:flex;
    gap:10px;
    background: transparent;
    padding: 0px;
    border-radius:10px;
    justify-content: space-between;
    align-items: center;
}

.tab-btn-new{
    border:0;
    background:transparent;
    color:var(--muted);
    padding:10px 16px;
    border-radius:8px;
    font-weight:600;
    cursor:pointer;
    transition:0.2s;
}

.tab-btn-new:hover{
    color:var(--text);
}

.tab-btn-new.active-new{
    background:rgba(197,155,0,0.12);
    border:1px solid rgba(197,155,0,0.2);
    color:var(--gold-contrast);
}

.tab-panel-new{
    display: none;   /* ✅ REQUIRED */
    margin-top:20px;
}

.tab-panel-new.show-new{
    display: block; /* ✅ SHOW ONLY ACTIVE PANEL */
}


/**/

.pakg-head {
    display: flex;
    align-items: center;
    gap: 0px 10px;
    justify-content: center;
    background: #273354;
    border-radius: 5px;
    margin: 0 15px 0;
    padding: 5px 0 5px;
}

.pakg-head img {
    width: 15%;
}

.game-pakg-card {
    text-align: center;
    background: linear-gradient(45deg, white, #bbbfcb, #bbcbe3);
    padding: 30px 0 30px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin: 15px 0 15px;
}

.pakg-head h4 {
    color: #f5c451;
    font-size: 15px;
}

.game-pakg-card p {
    padding: 10px 0 10px;
    color: black;
    font-size: 14px;
    font-weight: 500;
}

.game-pakg-card span {
    color: #816f43;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 700;
}

.game-pakg-card a i {
    color: red;
    font-size: 10px;
}

.game-pakg-card a {
    background: linear-gradient(45deg, #8fb1cf, #7492ad);
    padding: 5px 35px 5px;
    font-size: 14px;
    color: black;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.rules p {
    font-weight: 300;
}

.rules p strong {
    font-weight: 600;
}

/*GRID_VIEW__LIST__VIEW*/

.view-toggle {
    margin-bottom: 20px;
    text-align: right;
}

.view-toggle button {
    background: #273354;
    color: #fff;
    border: none;
    padding: 6px 15px;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.view-toggle .active-view {
    background: #f5c451;
    color: black;
}


/* ✅ LIST VIEW STYLE */
.list-view .col-md-3 {
    width: 100%;
}

.list-view .game-pakg-card {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.list-view .pakg-head {
    width: 200px;
    margin: 0;
}

.list-view .pakg-head img {
    width: 40px;
}

.list-view .game-pakg-card p,
.list-view .game-pakg-card a,
.list-view .rules {
    margin-left: 20px;
}

.tournaments-cards-main.list-view .game-pakg-card {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 440px;
}

.tournaments-cards-main.list-view .pakg-head {
    background: transparent;
}

.tournaments-cards-main.list-view .pakg-head p {
    color: white !important;
}

.tournaments-cards-main.list-view .game-pakg-card p {
    color: white;
}

.tournaments-cards-main.list-view .rules p {
    color: white !important;
}

.tournaments-cards-main.list-view .rules strong {
    color: white;
}


/*GRID__VIEW__LIST__VIEW*/

.user-dp-show {
    display: flex;
    align-items: center;
    gap: 0px 15px;
}

.dp {
    width: 35%;
    height: 95px;
}

.dp img {
    width: 100%;
    height:180px;
}

.user-log-out p {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 500;
}

.user-log-out a {
    background: #f5c452;
    color: black;
    font-weight: 500;
    padding: 5px 15px 5px;
    border-radius: 2px;
}

.footer-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-nav ul {
    padding: 0 0 0;
    margin: 0 0 0;
}

.sub-nav li {
    display: inline-block;
    padding: 0 20px 0;
}

.sub-nav a {
    color: gold;
    font-size: 14px;
    font-weight: 500;
}

.copyright p {
    padding: 0 0 0;
}

.social-link ul {
    padding: 0 0 0;
    margin: 0 0 0;
}

.social-link li {
    display: inline-block !important;
    padding: 0 0px 0;
}

.join-match-btn a {
    background: #f5c452;
    padding: 5px 18px 5px;
    font-size: 14px;
    font-weight: 500;
}

.join-match-btn {
    padding: 0 0 15px;
}

.list-view .join-match-btn {
    padding: 0 0 0;
}

.list-view .join-match-btn a {
    padding: 6px 8px 6px;
}

.btn:hover {
    color: #FFBA08 !important;
}

section.glass.sheen.tour-wrap.mt-4 {
    margin: 0 0 0 !important;
}

button.btn.save-btn:hover {
    color: black !important;
}

.rules {
    padding: 10px 0 0;
}

li.color-bg a {
    background: #f5c452;
    color: black;
    font-weight: 500;
}

/* dashboard css end */



/*GET__IN__TOUCH___*/

.custom-select2 {
    width: 100%;
    position: relative;
    font-family: Arial;
}

.select-btn2 {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #0b0e1f;
    cursor: pointer;
    border-radius: 6px;
}

.select-options2 {
    position: absolute;
    width: 100%;
    background: #141c39;
    border: 1px solid dimgrey;
    border-radius: 6px;
    margin-top: 5px;
    display: none;
    z-index: 10;
}

.select-options2 .option2 {
    padding: 5px 10px 5px;
    cursor: pointer;
    font-size: 15px;
}

.select-options2 .option2:hover {
    background: #3b82f6;
}

input#exampleFormControlInput001 {
    background: #0b0e1f;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px 10px 10px;
}

.get-fields-touch {
    padding: 10px 0 0px;
}

textarea#exampleFormControlTextarea001 {
    background: #0b0e1f;
    border: 1px solid rgba(255, 255, 255, 0.12);
    height: 170px;
    border-radius: 15px;
}

section.get-in-touch {
    padding: 115px 30px 60px;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}

.get-in-touch-head h2 {
    color: white;
    font-size: 32px;
    font-weight: 600;
    padding: 0 0 0;
}

.get-in-touch-head p {
    color: #94a3b8;
    padding: 0 0 0;
}

.get-in-touch-head {
    padding: 0px 0 30px;
}

.message-send a {
    background: linear-gradient(135deg, #FFD700 0%, #F59E0B 100%);
    color: black;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px 10px;
    border-radius: 7px;
}

.message-send {
    padding: 30px 0 0;
}

.main-get-touch {
    background: rgba(20, 25, 50, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

label.form-label {
    display: block;
    color: #94a3b8;
    font-size: 14px !important;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    padding: 5px 0 5px;
}

.quick-resource-main h4 {
    margin-bottom: 15px;
    font-family: 'Roboto Mono', monospace;
    font-size: 18px;
    color: #FFD700;
    font-weight: 600;
}

.resource-one {
     #3b82f6;
     transform: translateY(-3px);
     padding: 10px 10px 10px;
     margin: 5px 0 5px;
     border-radius: 13px;
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
     border: 1px solid rgba(255, 255, 255, 0.12);
}

.resource-two {
     #3b82f6;
     transform: translateY(-3px);
     padding: 10px 10px 10px;
     margin: 5px 0 5px;
     border-radius: 13px;
     background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
     border: 1px solid rgba(255, 255, 255, 0.12);
}

.resource-one h4 {
    margin: 0;
    color: white;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.resource-one i {
    color: #06b6d4;
    font-size: 25px;
    padding: 15px 0 15px;
}

.resource-one a {
    font-size: 15px;
}

.resource-two i {
    color: #3b82f6;
    font-size: 25px;
    padding: 15px 0 15px;
}

.resource-two h4 {
    margin: 0;
    color: white;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.resource-two a {
    font-size: 15px;
}


/*GET__IN__TOUCH___*/



/*HOW__IT__WORKS____*/


section.how-works {
    padding: 120px 16px 50px;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}

.works-head {
    text-align: center;
}

.works-head h2 {
    color: white;
    font-weight: 600;
    font-size: 45px;
    padding: 0 0 0;
}

.works-head p {
    color: #94a3b8;
    font-size: 16px;
}

.quick-start-main h4 {
    font-size: 20px;
}

.quick-start-main i {
    color: #FFD700;
}

.quick-start-main ul {
    padding: 15px 0 0;
    margin: 0 0 0;
}

.quick-start-main li {
    padding: 9px 0 9px;
    color: #94a3b8;
}

.quick-start-main li i {
    font-size: 7px;
}

.quick-start-main li strong {
    color: white;
    font-size: 16px;
}

.quick-start-main {
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 43px 20px 43px;
    border-radius: 10px;
}

a.quick-one {
    background: linear-gradient(135deg, #FFD700 0%, #F59E0B 100%);
    color: #000;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    display: inline-block;
}

a.quick-one i {
    color: black;
}

a.quick-two {
    color: white;
    padding: 11px 25px;
    border-radius: 8px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    border: 1px solid;
}

a.quick-two i {
    color: white;
}

a.quick-three {
    color: white;
    padding: 11px 25px;
    border-radius: 8px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    border: 1px solid;
}

a.quick-three i {
    color: white;
}

.quick-select {
    display: flex;
    gap: 0px 15px;
    align-items: center;
    padding: 15px 0 0;
}

a.quick-two:hover {
    border: 1px solid #f9b506;
    transition: .2s all;
    color: #f9b506;
}

a.quick-two:hover i {
    color: #f9b506;
}

a.quick-three:hover {
    border: 1px solid #f9b506;
    transition: .2s all;
    color: #f9b506;
}

a.quick-three:hover i {
    color: #f9b506;
}

.payout-logic h2 {
    padding: 30px 0 10px;
    color: #FFD700;
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.purse-box ul {
    padding: 0 0 0;
    margin: 0 0 0;
}

.purse-box h4 {
    padding: 20px 0 0;
    font-family: 'Roboto Mono', monospace;
    font-size: 20px;
    font-weight: 600;
}

.purse-box p {
    padding: 0 0 20px;
    color: #94a3b8;
    font-weight: 500;
}

.purse-box li {
    padding: 5px 0 5px;
    color: #94a3b8;
    font-weight: 500;
}

.purse-box li i {
    font-size: 6px;
    padding-right: 5px;
}

.total-costing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0;
}

.example-breakdown h4 {
    padding: 20px 0 0;
    font-family: 'Roboto Mono', monospace;
    font-size: 20px;
    font-weight: 600;
}

.example-breakdown p {
    font-family: 'Roboto Mono', monospace;
    padding: 2px 0 0;
    font-weight: 100;
    font-size: 14px;
    color: #94a3b8;
}

.coast-one p {
    color: white;
}

.coast-two p {
    color: white;
}

.coast-three p {
    color: #10b981;
    font-weight: 600;
    font-size: 16px;
}

/**/

.payout-wrapper {
    width: 100%;
    /* max-width: 550px; */
    margin: 0 auto;
    /* background: #0a0f27; */
    padding-top: 10px;
    border-radius: 8px;
    font-family: Arial, sans-serif;
}

/* TABLE */
.payout-table {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

.payout-table th {
    text-align: left;
    padding: 12px 20px;
    color: #e2b036;
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px solid #1e2a4b;
}

.payout-table td {
    padding: 14px 20px;
    font-size: 15px;
    color: #d7defc;
}

.payout-table tbody tr:nth-child(odd) {
    background: transparent;
}

.payout-table tbody tr:nth-child(even) {
    background: #0d132e;
}

.payout-table tbody tr:hover {
    background: #18214a;
}

/* LAST ROW � FULL WIDTH LIKE IMAGE */
.total-footer {
    width: 100%;
    padding: 18px 0;
    text-align: center;
    border-top: 1px solid #1e2a4b;
    margin-top: 0;
    font-size: 16px;
    color: #94a3b8;
    border-bottom: 1px solid #1e2a4b;
    border-radius: 0;
}

.total-footer .total-amount {
    font-weight: bold;
    color: #ffcc3a;
    margin-left: 6px;
}

.purse-box {
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 20px 20px 20px;
    border-radius: 10px;
    height: 412px;
    background: rgba(20, 25, 50, 0.6);
}

.example-breakdown {
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 20px 20px 20px;
    border-radius: 10px;
    background: rgba(20, 25, 50, 0.6);
}

.purse-main-grow {
    padding: 40px 0 0;
}

.faq-head h2 {
    padding: 40px 0 15px;
    color: #FFD700;
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/**/

.accordion {
    width: 100%;
    /*max-width: 600px;*/
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.accordion-header {
    width: 100%;
    color: #fff;
    padding: 16px 20px;
    font-size: 16px;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
    color: #E2E8F1;
    font-size: 16px;
    background: #131624;
    border-radius: 10px;
}

.accordion-header:hover {
    background: #141f49;
}

.accordion-header .arrow {
    transition: transform 0.3s ease;
    font-size: 18px;
}

.accordion-header.active .arrow {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #1b254d;
    transition: max-height 0.3s ease;
}

.accordion-content p {
    padding: 15px 20px;
    color: #d8e0ff;
    margin: 0;
}

.sub-accordian-bars {
    padding: 30px 0 0;
}

.accordion-item {
    margin: 0 0 20px;
}

.sub-accordian-bars .accordion-item:not(:first-of-type) {
    border-top: transparent;
    border-radius: 8px;
}

span.arrow i {
    color: #FFD700;
}

/**/



/*HOW__IT__WORKS____*/

.glass.p-2.lift.mb-5 {
    width: 100%;
    max-width: 700px;
    border-radius: 50px;
    position: relative !important;
    left: 25%;
}


/*KYC__SECTION__STARTS___*/

section.kyc-team-status {
    padding: 40px 0 0;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}

.kyc-team-status .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd;
    border-radius: 30px;
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
}

input#dob {
    ite;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px 10px 10px;
    border-radius: 9px;
}

select#country {background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.12);padding: 10px 10px 10px;border-radius: 9px;}

input#phone {
    color: white;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px 10px 10px;
    border-radius: 9px;
}

/*KYC__SECTION__STARTS___*/


/*UPDATED__TORUNAMENT____*/


        


        .text-metallic {
            background: linear-gradient(180deg, #ffffff 0%, #c0c4cc 100%);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }
        .text-gold { color: var(--primary-gold); -webkit-text-fill-color: initial; }
        .text-green { color: var(--success-green); -webkit-text-fill-color: initial; }
        .text-blue { color: var(--accent-blue); -webkit-text-fill-color: initial; }
        .font-sans { font-family: var(--font-sans); }
        .font-bold { font-weight: 700; }

        .container-fluid {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 30px;
            position: relative;
            z-index: 1;
        }
        
        /* --- HEADER --- */
        header {
            background: var(--glass-header); backdrop-filter: blur(25px);
            border-bottom: 1px solid var(--glass-border); padding: 10px 0;
            position: sticky; top: 0; z-index: 1000;
        }
        .header-inner { display: flex; justify-content: space-between; align-items: center; }
        .nav-brand img { height: 85px; }
        
        .nav-links { display: flex; gap: 35px; }
        .nav-links a {
            color: var(--text-silver-main); text-decoration: none; font-family: var(--font-sans);
            font-size: 0.9rem; font-weight: 600; opacity: 0.8; transition: all 0.3s;
        }
        .nav-links a:hover, .nav-links a.active { 
            color: var(--primary-gold); 
            opacity: 1; 
            text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
        }

        /* --- TOURNAMENT INFO BAR --- */
        /* TIGHTENED GAPS AS REQUESTED */
        .info-bar {
            display: flex; 
            justify-content: flex-start; /* Changed from space-between to align left/tight */
            align-items: flex-start; 
            flex-wrap: wrap;
            padding: 20px 0; 
            border-bottom: 1px solid var(--primary-gold); 
            margin-bottom: 20px; 
            gap: 60px; /* Controlled gap */
        }
        .info-item { display: flex; flex-direction: column; }
        .info-label { color: var(--text-silver-muted); font-size: 0.75rem; text-transform: uppercase; font-family: var(--font-sans); margin-bottom: 4px; }
        .info-val { font-size: 1.1rem; font-weight: bold; color: var(--text-silver-main); }
        .info-val.gold { color: var(--primary-gold); }
        .info-val.green { color: var(--success-green); }

        /* --- MAIN GRID LAYOUT --- */
        /* CHANGED COLUMN SIZES TO WIDEN LEADERBOARD */
        .live-grid {
            display: grid;
            grid-template-columns: 450px 1fr 380px; /* Leaderboard Wider, Chat Shrinks, Sidebar Fixed */
            gap: 20px; margin-bottom: 50px; height: calc(100vh - 250px); min-height: 600px;
        }

        .glass-card {
            background: var(--glass-panel); border: 1px solid var(--glass-border);
            border-radius: 16px; padding: 0; overflow: hidden;
            display: flex; flex-direction: column; position: relative;
        }

        /* --- LEADERBOARD (Left) --- */
        .lb-header {
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid var(--glass-border);
    font-family: var(--font-sans);
    font-weight: bold;
    color: #FFD700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
        
        /* Pending Verification Tag */
        .unverified-tag {
            background: rgba(255, 59, 48, 0.15);
            border: 1px solid rgba(255, 59, 48, 0.3);
            color: #ff6b6b;
            font-size: 0.55rem;
            padding: 3px 6px;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-family: var(--font-tech);
            margin-left: 12px; margin-top: 2px;
        }

        .lb-container { flex: 1; overflow-y: auto; position: relative; }
        
        /* Custom Gold Scrollbar (Visible) */
        .lb-container::-webkit-scrollbar { width: 10px; }
        .lb-container::-webkit-scrollbar-track { background: rgba(0,0,0,0.5); border-left: 1px solid var(--glass-border); }
        .lb-container::-webkit-scrollbar-thumb { background: var(--primary-gold); border-radius: 5px; border: 2px solid #0b0f29; }

        .lb-table { width: 100%; border-collapse: collapse; }
        .lb-table th {
            position: sticky; top: 0; background: #0b0f29; z-index: 2;
            text-align: center; /* Centered Headers */
            font-size: 0.8rem; /* Increased Font Size */
            color: var(--text-silver-muted);
            padding: 12px 8px; border-bottom: 1px solid var(--primary-gold);
            white-space: nowrap;
        }
        .lb-table th:first-child { text-align: left; padding-left: 15px; } /* Align Trader Name Left */

        .lb-table td {
            padding: 12px 8px;
            font-size: 0.9rem;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            color: #10b981;
            text-align: center; /* Centered Data */
            vertical-align: middle;
        }
        .lb-table td:first-child { text-align: left; display: flex; align-items: center; gap: 10px; padding-left: 15px; border-bottom: none;} /* Flex for Avatar+Name */
        
        .lb-table tr:hover { background: rgba(255,215,0,0.05); }
        
        /* In The Money Row Styling (Green Text) */
        .in-money td {color: #10b981;font-weight: bold;}
        .in-money td:first-child { color: var(--text-silver-main) !important; } /* Keep name silver or green? Screenshot implies all green for winners */
        
        .user-avatar-sm {
            width: 24px; height: 24px; border-radius: 50%; background: #333; object-fit: cover; border: 1px solid var(--text-silver-muted);
        }

        /* --- CHAT (Center) --- */
        .chat-area { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 10px; }
        .chat-input-area {
            padding: 15px; background: rgba(0,0,0,0.3); border-top: 1px solid var(--glass-border);
            display: flex; gap: 10px; align-items: center;
        }
        .chat-input-wrapper {
            flex: 1; position: relative; display: flex; align-items: center;
        }
        .chat-input {
            width: 100%; background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border);
            color: white; padding: 10px 35px 10px 10px; border-radius: 8px; font-family: var(--font-sans);
        }
        .btn-emoji {
            position: absolute; right: 10px; background: none; border: none; color: var(--text-silver-muted);
            cursor: pointer; font-size: 1.1rem;
        }
        .btn-send {
            background: #FFD700;
            color: black;
            border: none;
            padding: 0 20px;
            height: 40px;
            border-radius: 8px;
            font-weight: bold;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Chat Messages */
        .msg { display: flex; flex-direction: column; max-width: 80%; }
        .msg.user { align-self: flex-end; align-items: flex-end; }
        .msg.other { align-self: flex-start; }
        
        .msg-bubble {
            padding: 10px 15px; border-radius: 12px; font-size: 0.9rem; line-height: 1.4;
            position: relative;
        }
        .msg.user .msg-bubble {
            background: linear-gradient(135deg, #3b82f6, #1d4ed8); color: white;
            border-bottom-right-radius: 2px;
        }
        .msg.other .msg-bubble {
            background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1);
            border-bottom-left-radius: 2px;
        }
        .msg-name { font-size: 0.7rem; color: var(--text-silver-muted); margin-bottom: 4px; }

        /* --- RIGHT SIDEBAR (Chart & Form) --- */
        .right-col { display: flex; flex-direction: column; gap: 20px; height: 100%; }
        
        .chart-container { flex: 1; border-radius: 16px; overflow: hidden; border: 1px solid var(--glass-border); min-height: 300px; }
        
        .submit-card {
            background: linear-gradient(145deg, rgba(59, 130, 246, 0.1), rgba(11, 15, 41, 0.9));
            border: 1px solid #3b82f6;
            border-radius: 16px;
            padding: 20px;
        }
        .submit-title { color: white; font-weight: bold; margin-bottom: 10px; font-family: var(--font-sans); }
        .submit-desc { font-size: 14px; color: var(--text-silver-muted); margin-bottom: 15px; line-height: 1.4; }
        
        .form-row { display: flex; gap: 10px; margin-bottom: 10px; }
        .form-group { flex: 1; }
        .form-label { display: block; font-size: 0.7rem; color: var(--primary-gold); margin-bottom: 5px; }
        .form-input {
            width: 100%; background: rgba(0,0,0,0.3); border: 1px solid var(--glass-border);
            color: white; padding: 8px; text-align: center; font-family: var(--font-tech);
            border-radius: 4px;
        }
        .btn-submit-trade {
            width: 100%;
            background: #3b82f6;
            color: white;
            border: none;
            padding: 12px;
            border-radius: 6px;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            transition: 0.3s;
        }
        .btn-submit-trade:hover { background: #2563eb; box-shadow: 0 0 15px rgba(37, 99, 235, 0.4); }

        /* --- FOOTER --- */
        footer {
            background: var(--bg-deep); border-top: 1px solid var(--primary-gold);
            padding: 20px 0; margin-top: auto;
        }
        .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        .copyright {display: flex;align-items: center;gap: 30px;color: var(--text-silver-main);font-size: 0.75rem;font-family: var(--font-tech);}
        .footer-links { display: flex; gap: 30px; }
        .footer-links a { color: var(--primary-gold); text-decoration: none; font-size: 0.8rem; font-family: var(--font-tech); font-weight: bold; transition: opacity 0.3s; }
        .footer-links a:hover { opacity: 0.7; }
        .socials { display: flex; align-items: center; gap: 15px; }
        .socials span { color: var(--text-silver-main); font-size: 0.8rem; font-family: var(--font-tech); font-weight: bold; }
        .socials a { color: #9ca3af; font-size: 1.2rem; transition: color 0.3s; } .socials a:hover { color: var(--primary-gold); } .socials a:last-child { color: #ef4444; }

        /* --- RESPONSIVE --- */
        @media (max-width: 1200px) {
            .live-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; height: auto; }
            .right-col { grid-column: 1 / -1; height: 500px; flex-direction: row; }
            .chart-container { flex: 2; }
            .submit-card { flex: 1; }
        }
        @media (max-width: 900px) {
            .right-col { flex-direction: column; height: auto; }
            .chart-container { height: 300px; }
        }
        @media (max-width: 768px) {
            .container-fluid {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 30px;
            position: relative;
            z-index: 1;
        }
            .nav-links { display: none; }
            .info-bar { gap: 15px; justify-content: space-between; }
            .info-item { width: 45%; margin-bottom: 10px; }
            .live-grid { display: flex; flex-direction: column; height: auto; }
            .glass-card { height: 400px; }
            .chart-container { height: 300px; order: -1; }
            .submit-card { order: 0; }
            .lb-container { order: 1; }
            .chat-area { order: 2; }
            .footer-content { flex-direction: column; text-align: center; gap: 15px;}
        }



/*UPDATED__TORUNAMENT___*/


/*UPDATED__DESHBOARD__STARTS__*/

  /* --- UTILITIES --- */
        .container-fluid {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }
        
        .flex { display: flex; }
        .items-center { align-items: center; }
        .justify-between { justify-content: space-between; }
        
        /* Text Classes */
        .text-metallic {
            background: linear-gradient(180deg, #ffffff 0%, #c0c4cc 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
        }
        .text-gold {color: #FFD700;-webkit-text-fill-color: initial;text-shadow: 0 0 15px rgba(255, 215, 0, 0.2);}
        .text-green {color: #10b981;-webkit-text-fill-color: initial;}
        .text-blue {color: #3b82f6;-webkit-text-fill-color: initial;}
        .text-muted { color: var(--text-silver-muted); -webkit-text-fill-color: initial; }
        .text-right { text-align: right; }
        
        .font-sans { font-family: var(--font-sans); }
        .font-bold { font-weight: 700; }
        .hidden { display: none !important; }

        /* --- BACKGROUND --- */
        .bg-watermark {
            position: fixed;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 60vw;
            max-width: 700px;
            opacity: 0.03;
            pointer-events: none;
            z-index: 0;
            filter: grayscale(100%);
        }

        /* --- HEADER --- */
        header {
            background: var(--glass-header);
            backdrop-filter: blur(25px);
            border-bottom: 1px solid var(--glass-border);
            padding: 15px 0;
            margin-bottom: 30px;
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .header-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }

        .nav-brand img {
            height: 90px; 
            width: auto;
            display: block;
        }

        .nav-links { gap: 30px; flex-wrap: nowrap; }
        .nav-links a {
            color: var(--text-silver-main);
            text-decoration: none;
            font-family: var(--font-sans);
            font-size: 0.95rem;
            font-weight: 500;
            opacity: 0.8;
            transition: all 0.3s ease;
            white-space: nowrap;
            padding: 5px 0;
            position: relative;
        }
        .nav-links a:hover, .nav-links a.active {
            color: var(--primary-gold);
            opacity: 1;
            text-shadow: 0 0 10px var(--primary-gold-glow);
        }
        .nav-links a::after {
            content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;
            background: var(--primary-gold); transition: width 0.3s;
        }
        .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

        .logout-btn {
            color: var(--primary-gold);
            font-weight: 800;
            text-decoration: none;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* --- DASHBOARD GRID --- */
        .dashboard-grid {
            display: grid;
            grid-template-columns: 340px 1fr;
            gap: 25px;
            margin-bottom: 50px;
        }

        .liquid-card {
            background: rgba(20, 25, 50, 0.4);
            backdrop-filter: blur(20px) saturate(180%);
            border: 1px solid rgba(255, 255, 255, 0.12);
            box-shadow: var(--glass-shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
            border-radius: 24px;
            padding: 25px;
            transition: transform 0.3s var(--ease-liquid);
        }

        /* --- SIDEBAR STYLES --- */
        .profile-section {
            display: flex;
            align-items: center;
            gap: 15px;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            margin-bottom: 20px;
        }

        .avatar {
            width: 70px; height: 70px;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.1);
            overflow: hidden;
            background: #000;
            flex-shrink: 0;
        }
        .avatar img { width: 100%; height: 100%; object-fit: cover; }

        .action-btn-group { display: flex; gap: 10px; margin-bottom: 25px; }
        .action-btn {
            background: transparent;
            border: 1px solid var(--glass-border);
            color: var(--text-silver-main);
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: var(--font-sans);
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            flex: 1;
            padding: 15px 5px;
            border-radius: 12px;
        }
        .action-btn:hover { 
            color: var(--primary-gold); 
            border-color: var(--primary-gold);
            background: rgba(255, 215, 0, 0.05);
        }
        .action-btn i { font-size: 1.2rem; margin-bottom: 6px; }

        .balance-box {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 12px;
            padding: 15px;
            margin-bottom: 15px;
            border: 1px solid rgba(255,255,255,0.05);
        }
        .balance-val { font-size: 1.5rem; font-weight: 700; margin-top: 5px; word-break: break-word; }

        /* Deposit History Link Style */
        .history-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: var(--text-silver-muted);
            font-size: 0.75rem;
            font-weight: bold;
            text-decoration: none;
            margin-top: 15px;
            margin-bottom: 25px;
            padding: 10px;
            border-radius: 8px;
            border: 1px solid transparent;
            transition: all 0.3s;
            text-transform: uppercase;
        }
        .history-link:hover {
            color: var(--primary-gold);
            background: rgba(255, 215, 0, 0.05);
            border-color: var(--glass-border);
        }

        .stats-grid { display: flex; flex-direction: column; gap: 12px; }
        .stat-row {
            display: flex; justify-content: space-between;
            font-size: 0.9rem; color: var(--text-silver-muted);
        }

        /* --- MAIN CONTENT --- */
        .section-header {
            display: flex; justify-content: space-between; align-items: center;
            margin-bottom: 20px; flex-wrap: wrap; gap: 15px;
        }

        /* PILL TABS */
        .state-tabs { 
            display: flex; background: rgba(0,0,0,0.3); border-radius: 50px; padding: 4px; 
            border: 1px solid var(--glass-border); gap: 5px;
        }
        .state-tab { 
            padding: 8px 20px; border-radius: 40px; border: none; background: transparent; 
            color: var(--text-silver-muted); font-family: var(--font-sans); font-weight: 600; 
            cursor: pointer; transition: all 0.3s; font-size: 0.85rem; display: flex; align-items: center; gap: 8px;
        }
        .state-tab.active {
            background: #3b82f6;
            color: white;
            box-shadow: 0 2px 10px rgba(59, 130, 246, 0.4);
        }
        .tab-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; box-shadow: 0 0 5px currentColor; }
        .dot-red { background: #ef4444; color: #ef4444; } 
        .dot-green { background: #10b981; color: #10b981; }

        .instruction-box {
            border: 1px solid #FFD700;
            background: rgba(0, 0, 0, 0.2);
            color: #fff;
            padding: 8px 16px;
            font-size: 0.75rem;
            display: inline-block;
            margin-bottom: 15px;
            font-weight: bold;
            font-family: var(--font-tech);
            border-radius: 4px;
        }

        /* --- TABLES --- */
        .table-container { 
            width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; 
        }
        table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 358px; }
        th {
            text-align: left; color: var(--text-silver-main); font-size: 0.7rem;
            text-transform: uppercase; padding: 15px 10px;
            border-bottom: 1px solid rgba(255,255,255,0.1); letter-spacing: 1px; white-space: nowrap;
        }
        td {
            padding: 15px 10px; border-bottom: 1px solid rgba(255,255,255,0.05);
            font-size: 0.9rem; vertical-align: middle; color: var(--text-silver-main);
            white-space: nowrap;
        }

        /* Form Elements */
        .input-live {
            background: transparent; border: 1px solid #fff; color: #fff;
            padding: 10px; width: 80px; text-align: center; font-family: var(--font-tech);
            border-radius: 6px; font-size: 0.9rem;
        }
        .input-live:focus { border-color: var(--primary-gold); outline: none; }

        /* --- FIXED BUTTON STYLES --- */
        
        .btn-submit {
            background: #FFD700;
            color: #000;
            border: none;
            padding: 8px 20px;
            font-weight: 800;
            text-transform: uppercase;
            border-radius: 4px;
            cursor: pointer;
            font-size: 0.8rem;
            white-space: nowrap;
            box-shadow: 0 2px 10px rgba(255, 215, 0, 0.2);
        }
        
        /* FIX: Replaced broken white buttons with Outline Glass Style */
        .btn-view-small {
            background: rgba(255,255,255,0.05);
            border: 1px solid #e2e8f0;
            color: var(--text-silver-main);
            padding: 6px 12px;
            font-size: 0.7rem;
            font-weight: bold;
            border-radius: 6px;
            cursor: pointer;
            text-transform: uppercase;
            transition: all 0.3s;
        }
        .btn-view-small:hover {
            background: rgba(255,255,255,0.15);
            border-color: #fff;
            color: #fff;
        }

        .btn-gold-small {
            background: rgba(255, 215, 0, 0.1);
            border: 1px solid var(--primary-gold);
            color: var(--primary-gold);
            padding: 6px 12px;
            font-size: 0.7rem;
            font-weight: bold;
            border-radius: 6px;
            cursor: pointer;
            text-transform: uppercase;
            transition: all 0.3s;
        }
        .btn-gold-small:hover {
            background: var(--primary-gold);
            color: #000;
        }
        
        .status-badge {
            padding: 5px 10px; border-radius: 20px; font-size: 0.75rem;
            font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;
        }
        .status-verified { background: rgba(16, 185, 129, 0.2); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.4); }

        .btn-upload {
            background: #bfdbfe; color: #000; padding: 6px 10px;
            font-size: 0.7rem; font-weight: bold; text-decoration: none;
            border-radius: 4px; display: inline-block; text-align: center;
            line-height: 1.2; white-space: nowrap;
        }

        .live-dot {
            width: 10px; height: 10px; background: #ef4444; border-radius: 50%;
            box-shadow: 0 0 8px #ef4444; display: inline-block; margin-right: 5px;
        }

        /* --- FOOTER --- */
        footer {
            background: var(--glass-header);
            backdrop-filter: blur(25px);
            border-top: 1px solid var(--primary-gold);
            padding: 30px 0;
            margin-top: auto;
        }
        .footer-content {
            display: flex; justify-content: space-between; align-items: center;
            flex-wrap: wrap; gap: 20px;
        }
        .footer-links a {
            color: var(--primary-gold); text-decoration: none; margin: 0 10px;
            font-size: 0.8rem; font-family: var(--font-tech); font-weight: bold;
        }
        .socials i {
            color: var(--text-silver-muted); font-size: 1.2rem; margin-left: 15px; transition: color 0.3s;
        }
        .socials i:hover { color: var(--primary-gold); }

        /* --- RESPONSIVE --- */
        @media (max-width: 1200px) {
            .dashboard-grid { grid-template-columns: 300px 1fr; }
        }

        @media (max-width: 992px) {
            .hamburger { display: block; }
            .nav-links { display: none; } /* Hide default, assume mobile menu functionality handled separately */
            
            .dashboard-grid { grid-template-columns: 1fr; } 

            .sidebar-flex-wrapper {
                display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start;
            }
            .profile-section, .sidebar-stats-block, .history-link { grid-column: 1 / -1; }
            
            .action-btn { padding: 10px; }
        }

        @media (max-width: 768px) {
            .container-fluid {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 30px;
            position: relative;
            z-index: 1;
        }
            .nav-brand img { height: 80px; }
            .header-wrapper { flex-direction: column; gap: 15px; }
            
            /* Sidebar Reset */
            .sidebar-flex-wrapper { display: block; }
            .action-btn-group { display: grid; grid-template-columns: 1fr 1fr; }
            
            /* Mobile Header Stacking */
            .section-header { 
                flex-direction: column; 
                align-items: center; /* Center Title and Tabs */
                gap: 15px;
            }
            .state-tabs { width: 100%; justify-content: space-between; }
            .state-tab { flex-grow: 1; justify-content: center; }

            .instruction-box { width: 100%; text-align: center; }
            .liquid-card { padding: 15px; }
            .footer-content { flex-direction: column; text-align: center; }
            .footer-links { display: flex; flex-direction: column; gap: 10px; }
        }
        
section.updated-deshboard {
    padding: 155px 0 0;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}

.balance-val.text-blue img {
    width: 100%;
    max-width: 35px;
}


/*UPDATED__DESHBOARD__ENDS__*/




/*PAST__TOURNAMENT__STARTS__*/

    /* --- TOURNAMENT INFO BAR --- */
        .info-bar {
            display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;
            padding: 20px 0; border-bottom: 1px solid var(--primary-gold); margin-bottom: 20px; gap: 80px;
        }
        .info-item { display: flex; flex-direction: column; }
        .info-label { color: var(--text-silver-muted); font-size: 0.75rem; text-transform: uppercase; font-family: var(--font-sans); margin-bottom: 4px; }
        .info-val { font-size: 1.1rem; font-weight: bold; color: var(--text-silver-main); }
        .info-val.gold { color: var(--primary-gold); }
        .info-val.green {color: #10b981;}

        /* --- MAIN GRID LAYOUT --- */
        .past-grid {
            display: grid;
            grid-template-columns: 1fr 350px; 
            gap: 30px; margin-bottom: 50px; height: calc(100vh - 250px); min-height: 600px;
        }

        .glass-card {
            background: var(--glass-panel); border: 1px solid var(--glass-border);
            border-radius: 16px; padding: 0; overflow: hidden;
            display: flex; flex-direction: column; position: relative;
        }

        /* --- FINAL STANDINGS LIST (Left) --- */
        .lb-header {
            padding: 20px;
            background: rgba(0,0,0,0.3);
            border-bottom: 1px solid #FFD700;
            font-family: var(--font-sans);
            font-weight: bold;
            color: #FFD700;
            font-size: 1.1rem;
        }
        .lb-container { flex: 1; overflow-y: auto; position: relative; }
        
        /* Custom Gold Scrollbar */
        .lb-container::-webkit-scrollbar { width: 12px; }
        .lb-container::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); border-left: 1px solid var(--glass-border); }
        .lb-container::-webkit-scrollbar-thumb { background: var(--primary-gold); border-radius: 6px; border: 2px solid #0b0f29; }

        .lb-table { width: 100%; border-collapse: collapse; }
        .lb-table th {
            position: sticky; top: 0; background: #0b0f29; z-index: 2;
            text-align: center; font-size: 0.8rem; color: var(--text-silver-muted);
            padding: 15px 10px; border-bottom: 1px solid var(--primary-gold);
            text-transform: uppercase; letter-spacing: 1px;
        }
        .lb-table th:first-child { text-align: left; padding-left: 20px; } 
        
        .lb-table td {
            padding: 15px 10px; font-size: 0.95rem; border-bottom: 1px solid rgba(255,255,255,0.05);
            color: var(--text-silver-main); vertical-align: middle; text-align: center;
        }
        .lb-table td:first-child { text-align: left; padding-left: 20px; }

        .user-cell { display: flex; align-items: center; gap: 12px; }
        .user-avatar-sm { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--text-silver-muted); }
        
        .rank-1 { color: var(--primary-gold); font-size: 1.2rem; font-weight: 900; }
        .rank-2 { color: #C0C0C0; font-weight: bold; }
        .rank-3 { color: #CD7F32; font-weight: bold; }
        
        .prize-val { color: var(--success-green); font-weight: bold; font-family: var(--font-tech); }
        .bonus-val { color: var(--accent-blue); font-size: 0.8rem; font-weight: bold; }

        /* --- RIGHT SIDEBAR --- */
        .right-sidebar-wrapper {
            display: flex; flex-direction: column; gap: 20px;
        }

        /* WINNER CARD */
        .winner-card {
            background: linear-gradient(145deg, rgba(255,215,0,0.1), rgba(11, 15, 41, 0.9));
            border: 2px solid #FFD700;
            box-shadow: 0 0 25px rgba(255, 215, 0, 0.15);
            border-radius: 16px;
            padding: 30px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .winner-title {
            font-family: var(--font-tech);
            color: #FFD700;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
            font-size: 1.2rem;
        }
        .winner-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 3px solid #FFD700;
            object-fit: cover;
            margin-bottom: 15px;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
            position: relative;
        }
        .winner-rank-badge {
            background: #FFD700;
            color: black;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: absolute;
            top: 135px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #000;
        }
        .winner-name { color: white; font-size: 1.5rem; font-weight: bold; margin-bottom: 5px; }
        .winner-profit { color: var(--success-green); font-family: var(--font-tech); font-size: 1.2rem; font-weight: bold; }

        /* SUMMARY CARD */
        .summary-card {
            background: var(--glass-panel);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 16px;
            padding: 25px;
            height: fit-content;
        }
        .summary-title { color: var(--text-silver-main); font-weight: bold; margin-bottom: 15px; font-family: var(--font-sans); font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
        .stat-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 8px; }
        .stat-label { color: var(--text-silver-muted); }
        .stat-data { color: white; font-weight: bold; }

        /* --- FOOTER --- */
        footer {
            background: var(--glass-header); border-top: 1px solid var(--primary-gold);
            padding: 20px 0; margin-top: auto;
        }
        .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        .footer-links { display: flex; gap: 30px; }
        .footer-links a { color: var(--primary-gold); text-decoration: none; font-size: 0.8rem; font-weight: bold; }
        .socials a { color: #9ca3af; font-size: 1.2rem; margin-left: 15px; }

        /* --- RESPONSIVE --- */
        @media (max-width: 1024px) {
            .past-grid { grid-template-columns: 1fr; height: auto; }
            .glass-card { height: 600px; } 
        }
        @media (max-width: 768px) {
            .container-fluid {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;
            padding: 0 30px;
            position: relative;
            z-index: 1;
        }
            .nav-links { display: none; }
            .info-bar { gap: 20px; }
            .lb-table th, .lb-table td { font-size: 0.8rem; padding: 10px 5px; }
            .user-avatar-sm { width: 24px; height: 24px; }
        }
        
        section.past-tornament-page {
    padding: 135px 0 0;
}


/*PAST__TOURNAMENT__ENDS__*/



/*UPDATED__TOURNAMENT__NEW__SCREEN__*/

.nav-brand img { height: 90px; }
        .nav-links { gap: 35px; display: flex; }
        .nav-links a { color: var(--text-silver-main); text-decoration: none; font-family: var(--font-sans); font-size: 0.9rem; font-weight: 500; opacity: 0.8; }
        .nav-links a.active { color: var(--primary-gold); opacity: 1; }

        /* LAYOUT */
        .main-layout { 
            display: grid; 
            grid-template-columns: 1fr 380px; 
            gap: 25px; 
            margin-bottom: 50px; 
            margin-top: 80px; 
        }
        .tournaments-wrapper { display: flex; flex-direction: column; gap: 20px; }

        /* PAGE HEADER */
        .page-header-row { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid var(--primary-gold); padding-bottom: 15px; }
        .page-title { display: flex; align-items: center; gap: 15px; }
        .logo-inline { height: 40px; width: auto; }
        .page-title h1 { font-size: 1.8rem; margin: 0; letter-spacing: 1px; }

        /* TABS (Shared Style for State Tabs and Time Filters) */
        .pill-container { 
            display: flex; background: rgba(0,0,0,0.3); border-radius: 50px; padding: 4px; 
            border: 1px solid var(--glass-border); position: relative; gap: 5px;
        }
        .pill-btn { 
            padding: 8px 24px; border-radius: 40px; border: none; background: transparent; 
            color: var(--text-silver-muted); font-family: var(--font-sans); font-weight: 600; 
            cursor: pointer; transition: all 0.3s; font-size: 0.85rem; display: flex; align-items: center; gap: 8px;
        }
        .pill-btn.active { 
            background: var(--accent-blue); color: white; 
            box-shadow: 0 2px 10px rgba(59, 130, 246, 0.4); 
        }
        .tab-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; box-shadow: 0 0 5px currentColor; }
        .dot-red { background: #ef4444; color: #ef4444; } .dot-green { background: #10b981; color: #10b981; }

        /* FILTERS */
        .filter-bar { display: flex; gap: 10px; flex-wrap: wrap; background: var(--glass-panel); padding: 15px; border-radius: 12px; border: 1px solid var(--glass-border); align-items: center; }
        .search-input { flex-grow: 1; background: rgba(0,0,0,0.3); border: 1px solid var(--glass-border); padding: 8px 15px; color: white; border-radius: 50px; font-family: var(--font-sans); font-size: 0.85rem; }
        .filter-select { background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); color: white; padding: 8px 15px; border-radius: 50px; font-family: var(--font-sans); font-size: 0.85rem; }
        .btn-pill-action { background: transparent; border: 1px solid var(--glass-border); color: var(--text-silver-muted); padding: 6px 14px; border-radius: 40px; cursor: pointer; font-size: 0.75rem; font-weight: 600; }
        .btn-pill-action:hover { background: rgba(255,255,255,0.1); color: white; }

        /* CONTROLS */
        .controls-row { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
        
        .view-toggles i { font-size: 1.2rem; color: var(--text-silver-muted); cursor: pointer; margin-left: 15px; transition: 0.3s; }
        .view-toggles i.active { color: var(--primary-gold); transform: scale(1.1); }

        /* GRID CARDS */
        .grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
        .tourney-card { background: linear-gradient(145deg, rgba(20,25,50,0.9) 0%, rgba(10,12,25,0.95) 100%); border: 1px solid var(--glass-border); border-radius: 20px; overflow: hidden; position: relative; transition: transform 0.3s; border-top: 3px solid transparent; padding-bottom: 10px; }
        .tourney-card:hover { transform: translateY(-5px); border-color: var(--primary-gold); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .card-progressive { border: 2px solid var(--primary-gold); } .card-gpp { border: 1px solid rgba(59, 130, 246, 0.3); }
        .card-header { padding: 15px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255,255,255,0.05); position: relative; }
        .card-title { font-weight: bold; font-family: var(--font-tech); font-size: 1.4rem; }
        .status-indicator { position: absolute; right: 15px; top: 15px; width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 8px currentColor; }
        .card-body { padding: 0 20px 20px 20px; text-align: center; }
        .badge-type { font-size: 1.1rem; font-weight: 800; margin-bottom: 10px; display: block; font-family: var(--font-sans); letter-spacing: 1px; text-transform: uppercase; }
        .card-progressive .badge-type { color: var(--primary-gold); } .card-gpp .badge-type { color: var(--text-silver-main); }
        .btn-internal-view { display: block; width: 100%; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #ccc; padding: 6px; font-size: 0.65rem; font-weight: bold; text-transform: uppercase; cursor: pointer; border-radius: 4px; margin-bottom: 15px; font-family: var(--font-tech); transition: all 0.2s; }
        .btn-internal-view:hover { border-color: var(--primary-gold); color: var(--primary-gold); }
        .card-data-grid { display: grid; grid-template-columns: auto 1fr; gap: 8px 15px; text-align: left; margin-bottom: 15px; font-size: 0.9rem; font-family: var(--font-sans); color: var(--text-silver-muted); }
        .data-val { color: var(--text-silver-main); text-align: right; font-weight: 500; }
        .data-val.green { color: var(--success-green); font-weight: bold; font-family: var(--font-tech); }
        .card-footer { padding: 15px 20px 20px 20px; text-align: center; border-top: none; }
        .btn-join-large { width: 100%; background: linear-gradient(180deg, #FFD700 0%, #ffae00 100%); color: black; font-weight: 800; padding: 12px; border: none; border-radius: 6px; cursor: pointer; text-transform: uppercase; font-family: var(--font-tech); font-size: 1.1rem; box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); transition: 0.2s; }
        .btn-join-large:hover { transform: scale(1.02); filter: brightness(1.1); }
        .btn-view-past { width: 100%; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--text-silver-main); color: var(--text-silver-main); font-weight: 800; padding: 12px; border-radius: 6px; cursor: pointer; text-transform: uppercase; font-family: var(--font-tech); font-size: 1rem; transition: all 0.3s; }
        .btn-view-past:hover { background: rgba(255, 255, 255, 0.15); border-color: #fff; color: #fff; }
        .card-footnote { font-size: 0.65rem; color: #666; margin-top: 8px; display: block; font-style: italic; }

        /* LIST VIEW */
        .list-container { display: none; flex-direction: column; gap: 10px; }
        .list-row { display: grid; grid-template-columns: 40px 1.5fr 1fr 1fr 1.5fr 1fr 1fr 120px; align-items: center; padding: 15px; background: var(--glass-panel); border: 1px solid var(--glass-border); border-radius: 12px; transition: 0.3s; animation: fadeIn 0.4s ease-out; }
        .list-row:hover { background: rgba(255,255,255,0.05); border-color: var(--primary-gold); }
        .list-header { display: grid; grid-template-columns: 40px 1.5fr 1fr 1fr 1.5fr 1fr 1fr 120px; padding: 10px 15px; color: var(--text-silver-muted); font-size: 0.7rem; font-weight: bold; text-transform: uppercase; }
        .btn-list-action { padding: 8px 0; border-radius: 4px; font-size: 0.75rem; font-weight: bold; cursor: pointer; text-transform: uppercase; border: none; width: 100%; text-align: center; font-family: var(--font-tech); }
        .btn-list-view { background: var(--primary-gold); color: black; }
        .btn-list-join { background: linear-gradient(180deg, #3b82f6, #1d4ed8); color: white; }

        /* LEADERBOARD */
        .leaderboard-panel {background: var(--glass-panel);border: 1px solid var(--glass-border);border-radius: 16px;padding: 0px;height: fit-content;}
        .lb-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
        .lb-title {font-size: 16px;font-weight: bold;color: white;font-family: var(--font-tech);}
        .btn-full-lb {background: transparent;border: 1px solid var(--text-silver-muted);color: var(--text-silver-muted);font-size: 12px;padding: 4px 10px;cursor: pointer;border-radius: 4px;font-family: var(--font-tech);}
        .lb-table { width: 100%; border-collapse: collapse; }
        .lb-table th { text-align: left; color: var(--text-silver-muted); font-size: 0.7rem; padding: 10px 5px; border-bottom: 1px solid var(--glass-border); font-weight: bold; }
        .lb-table th:nth-child(1), .lb-table td:nth-child(1) { text-align: left; width: 15%; padding-left: 10px; }
        .lb-table th:nth-child(2), .lb-table td:nth-child(2) { text-align: left; width: 35%; }
        .lb-table th:nth-child(3), .lb-table td:nth-child(3) { text-align: center; width: 20%; }
        .lb-table th:nth-child(4), .lb-table td:nth-child(4) { text-align: right; width: 30%; padding-right: 10px; }
        .lb-table td { padding: 12px 5px; font-size: 0.85rem; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .win-val { color: var(--success-green); font-weight: bold; font-family: var(--font-tech); text-align: right; }

        /* POPUP MODAL */
        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); z-index: 2000; align-items: center; justify-content: center; animation: fadeIn 0.3s ease-out; }
        .modal-content { background: linear-gradient(to bottom, #0b0f29 0%, #141b38 100%); border: 1px solid var(--glass-border); width: 95%; max-width: 500px; max-height: 80vh; border-radius: 16px; display: flex; flex-direction: column; box-shadow: 0 0 50px rgba(0,0,0,0.8); }
        .modal-header { padding: 20px; border-bottom: 1px solid var(--glass-border); display: flex; justify-content: space-between; align-items: center; background: rgba(0,0,0,0.2); }
        .modal-title { font-size: 1.1rem; font-weight: bold; color: var(--primary-gold); font-family: var(--font-tech); }
        .close-modal { background: none; border: none; color: #fff; font-size: 1.2rem; cursor: pointer; }
        .modal-body { overflow-y: auto; flex: 1; padding: 0; }

        footer { background: var(--glass-header); border-top: 1px solid var(--primary-gold); padding: 25px 0; margin-top: auto; }
        .socials i { color: var(--text-silver-muted); font-size: 1.3rem; margin-left: 15px; }

        @media (max-width: 1200px) { .list-container { overflow-x: auto; } .list-row, .list-header { min-width: 1000px; } }
        @media (max-width: 1024px) { .main-layout { grid-template-columns: 1fr; } .leaderboard-panel { margin-top: 20px; } }
        @media (max-width: 768px) { .grid-container { grid-template-columns: 1fr; } .filter-bar { flex-direction: column; align-items: stretch; } .page-title h1 { font-size: 1.4rem; } .logo-inline { height: 30px; } .btn-filter-action { margin-bottom: 5px; } }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }


/*UPDATED__TOURNAMENT__NEW__SCREEN__*/


/*UPCOMING__TOURNAMENT____STARTS___*/

.nav-links a:hover, .nav-links a.active { 
    color: var(--primary-gold);
    opacity: 1;
}

/* --- TOURNAMENT INFO BAR --- */

.info-bar {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 1px solid var(--primary-gold);
    margin-bottom: 20px;
    gap: 40px;
}
        
.info-item {
    display:flex;
    flex-direction:column;
}
        
.info-label {
    color:var(--text-silver-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: var(--font-sans);
    margin-bottom: 4px;
}
        
.info-val{
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--text-silver-main);
}
        
.info-val.gold {
    color: var(--primary-gold);
}

.info-val.green {
    color: var(--success-green);
}

.join-btn {
    background: linear-gradient(180deg, #FFD700 0%, #ffae00 100%); 
    color: black;
    font-weight: 800;
    padding: 12px 30px;
    border: none;
    border-radius: 6px; 
    cursor: pointer;
    text-transform: uppercase;
    font-family: var(--font-tech); 
    font-size: 1.1rem;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
    transition: 0.2s;
}

.join-btn:hover {
    transform: scale(1.05);
}


/* --- MAIN GRID LAYOUT --- */
        
.live-grid {
    display: grid;
    grid-template-columns: 350px 1fr 400px; 
    gap: 20px;
    margin-bottom: 50px;
    height: calc(100vh - 250px);
    min-height: 600px;
}

.glass-card {
    background: rgba(20, 25, 50, 0.6);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* --- ENTRANTS LIST (Left) --- */
        
.lb-header {
    padding: 15px;
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid var(--glass-border);
    font-family: var(--font-sans);
    font-weight: bold;
    color: var(--primary-gold);
}
        
.lb-container {
    flex: 1;
    overflow-y: auto;
    position: relative;
}
        
/* Custom Gold Scrollbar */
    
.lb-container::-webkit-scrollbar {
    width: 10px;
}
        

.lb-container::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.3);
    border-left: 1px solid var(--glass-border);
}
        
.lb-container::-webkit-scrollbar-thumb {
    background: var(--primary-gold);
    border-radius: 5px;
}

.lb-table {
    width: 100%;
    border-collapse: collapse;
}
        
.lb-table th {
    position: sticky;
    top: 0;
    background: #0b0f29;
    z-index: 2;
    text-align: left;
    font-size: 0.8rem;
    color: var(--text-silver-muted);
    padding: 12px;
    border-bottom: 1px solid var(--primary-gold);
}
        
.lb-table td {
    padding: 12px;
    font-size: 0.9rem;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: var(--text-silver-main);
    vertical-align: middle;
}
        
.user-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
        
.user-avatar-sm {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--text-silver-muted);
}
        
.vip-badge {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: auto;
}

.vip-elite {
    color: #FFD700;
    border: 1px solid #FFD700;
}
        
.vip-4 {
    color: #e2e8f0;
    border: 1px solid #e2e8f0;
}
        
.vip-3 {
    color: #cd7f32;
    border: 1px solid #cd7f32;
}


/* --- CHAT PLACEHOLDER (Center) --- */

.chat-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(11, 15, 41, 0.6));
    padding: 40px;
    text-align: center;
    color: var(--text-silver-muted);
}
        
.chat-icon-lg {
    font-size: 4rem;
    color: var(--accent-blue);
    margin-bottom: 20px;
    opacity: 0.5;
}

        
/* --- RIGHT SIDEBAR --- */

.right-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
        
.chart-container {
    height: 250px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--glass-border);
}
        
/* Locked Submit Card */
        
.submit-card-locked {
    background: rgba(0,0,0,0.3);
    border: 1px solid var(--glass-border); 
    border-radius: 16px;
    padding: 20px;
    opacity: 0.7; pointer-events: none;
    position: relative;
}

.submit-card-locked::after {
    content: "OPENS AT START";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px solid var(--text-silver-muted);
    font-size: 0.8rem;
    font-weight: bold;
}

.prizes-card {
    background: var(--glass-panel);
    border: 1px solid var(--primary-gold);
    border-radius: 16px;
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}
        
.prize-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: 0.9rem;
}

.prize-rank {
    color: var(--text-silver-muted);
}
        
.prize-amount {
    color: var(--success-green);
    font-weight: bold;
    font-family: var(--font-tech);
}

/* --- FOOTER --- */

footer {
    background: var(--glass-header);
    border-top: 1px solid var(--primary-gold);
    padding: 20px 0;
    margin-top: auto;
}
        
.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer-links {
    display: flex;
    gap: 30px;
}
        
.footer-links a {
    color: var(--primary-gold);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: bold;
}
        
.socials a {
    color: #9ca3af;
    font-size: 1.2rem;
    margin-left: 15px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1200px) {
.live-grid { 
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    height: auto;
}
            
.right-col {
    grid-column: 1 / -1;
    height: auto;
    flex-direction: row;
}
            
.chart-container {
    flex: 1;
    height: 300px;
}
            
.submit-card-locked, .prizes-card{
    flex: 1;
}
        
    
}
        
@media (max-width: 768px) {

.container-fluid {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    z-index: 1;
}

.nav-links {
    display: none;
}

.live-grid {
    display: flex;
    flex-direction: column;
    height: auto;
}

.glass-card {
    height: 400px;
}

.right-col {
    flex-direction: column;
}

}
        
section.upcoming-torunament {
    padding: 130px 0 200px !important;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}

h2.h5.mb-3 {
    color: white;
    font-size: 25px;
}

.header-center a {
    padding: 0 20px 0;
    color: white;
    font-weight: 500;
}

.copyright a {
    color: gold;
    font-size: 14px;
    font-weight: 500;
}

.footer-txt-bottom p {
    padding: 27px 0 0px;
    font-size: 15px;
}



/*UPCOMING__TOURNAMENT____ENDS___*/

section.inner-faq-sec {
    padding: 100px 0 0;
}

/*.resource-one {*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.resource-one:hover {*/
/*    transform: translateY(-8px);*/
/*}*/

/*.resource-one:hover {*/
/*    transform: translateY(-8px);*/
/*    box-shadow: 0 10px 25px rgba(0,0,0,0.15);*/
/*}*/

.resource-one {
    transition: all 0.3s ease;
}

.resource-one:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: #3b82f6;
    transform: translateY(-3px);
}


.resource-two {
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.resource-one {
    transition: all 0.3s ease;
}

.resource-two:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: #3b82f6;
    transform: translateY(-3px);
}


.resource-two {
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

button.login-btn a {
    /*color: #000;*/
    /*color: #ffd700;*/
    background: transparent;
}

.step-btn.completed {
    color: #10b981 !important;
}

.select-btn2 {
    position: relative;
    padding-right: 40px; /* arrow ke liye space */
    cursor: pointer;
}

/* Arrow icon */
.select-btn2::after {
    content: "\f078"; /* Font Awesome chevron-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    pointer-events: none;
    transition: transform 0.3s ease;
}

/* Dropdown open ho to arrow rotate */
.custom-select2.active .select-btn2::after {
    transform: translateY(-50%) rotate(180deg);
}

.sub-accordian-bars button#acc-btn-1 {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}

.accordion-item {
    border: none;
    background: transparent;
}

button#acc-btn-2 {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

button#acc-btn-3 {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

button#acc-btn-4 {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.glass.p-4.lift {
    background: rgba(20, 25, 50, 0.6);
}.glass.p-4.lift {}

.glass.p-3.lift.mb-3 {
    background: rgba(20, 25, 50, 0.6);
}

.glass.p-3.lift {
    background: rgba(20, 25, 50, 0.6);
}

button.btn.btn-outline-light {
    background: transparent;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    gap: 0px 20px;
}

label.btn.btn-outline-light:hover {
    color: black;
    background: #fbc104;
}

label.btn.btn-outline-light {
    background: transparent;
    border: 1px solid grey;
}

label.btn.btn-outline-light {
    border: 1px solid rgba(156,179,212,.22);
}

label.btn.btn-outline-light {
    padding: 8px 0 8px;
    font-size: 12px;
}

.step-btn.completed {
    color: #10b981 !important;
}

.glass.p-3 {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 20px;
}

section.updated-tornament-new-inner-sec {
    padding: 130px 0 0;
    background: #0b0f29;
    background-image: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 40%), linear-gradient(to bottom, #0b0f29 0%, #050714 100%);
}



/********** Responsive **********/
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}