/* ========================================= */
/* SCOLIA-INSPIRED AUTODARTS CSS - GOUD EDITE */
/* Complete goud conversie - alles vervangen */
/* ========================================= */

:root {
  /* Spacing & Layout */
  --spacing-player: 24px;
  --player-box-width: 350px;
  --top-offset: 95px;
  
  /* Achtergronden - Zwart */
  --scolia-bg-primary: #0a0a0a !important;
  --scolia-bg-secondary: #111111 !important;
  --scolia-bg-dark: #000000 !important;
  --scolia-card-bg: #0d0d0d !important;
  --scolia-card-hover: #1a1a1a !important;
  
  /* GOUD accenten */
  --scolia-accent-gold: #FFD700;           /* FEL GOUD */
  --scolia-accent-gold-dark: #B8860B;      /* DONKER GOUD */
  --scolia-accent-red: #ef4444;
  
  --scolia-text-primary: #ffffff !important;
  --scolia-text-secondary: #cccccc !important;
  --scolia-text-light: #ffffff;
  --scolia-border: #333333 !important;
  --scolia-border-active: #FFD700;          /* GOUD */
  
  /* Shadows - met goud glow */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-glow-gold: 0 0 24px rgba(255, 215, 0, 0.4);
}

/* ========================================= */
/* GLOBAL CONTAINER                          */
/* ========================================= */

:root:not(:has(.css-rc3vw3)) .css-tkevr6 {
  position: relative;
  width: 100%;
  height: 95%;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

/* ========================================= */
/* PLAYER BOXES                               */
/* ========================================= */

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div {
  position: absolute;
  width: var(--player-box-width);
  background: rgba(10, 10, 10, 0.95) !important;
  border: 2px solid var(--scolia-border);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  backdrop-filter: blur(20px);
}

/* Active Player Highlight - GOUD */
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-rtn29s {
  border: 2px solid var(--scolia-accent-gold) !important;
  background: #111111 !important;
  box-shadow: var(--shadow-glow-gold), var(--shadow-lg) !important;
  transform: scale(1.02);
}

/* ========================================= */
/* PLAYER LAYOUT - 1-2 PLAYERS               */
/* ========================================= */

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):only-child {
  top: var(--top-offset);
  left: 60px;
  height: calc(100% - 100px);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(2) {
  top: var(--top-offset);
  left: 60px;
  height: calc(100% - 100px);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(1) {
  top: var(--top-offset);
  right: 60px;
  height: calc(100% - 100px);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(2):nth-last-child(1)) .css-y3hfdd,
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:only-child) .css-y3hfdd {
  position: absolute;
  top: 14em;
  font-weight: 600;
  color: var(--scolia-text-primary);
}

/* ========================================= */
/* PLAYER LAYOUT - 3-4 PLAYERS               */
/* ========================================= */

:root {
  --row-height-2: calc((105% - 100px) / 2 - var(--spacing-player));
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(3),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(4) {
  top: var(--top-offset);
  left: 60px;
  height: var(--row-height-2);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(2),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(3) {
  top: var(--top-offset);
  right: 60px;
  height: var(--row-height-2);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(1),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(2) {
  top: calc(var(--top-offset) + var(--row-height-2) + var(--spacing-player));
  left: 60px;
  height: var(--row-height-2);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):last-child {
  top: calc(var(--top-offset) + var(--row-height-2) + var(--spacing-player));
  right: 60px;
  height: var(--row-height-2);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(3):nth-last-child(2)) .css-y3hfdd,
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(4):last-child) .css-y3hfdd {
  position: absolute;
  top: 7em;
  font-weight: 600;
  color: var(--scolia-text-primary);
}

/* ========================================= */
/* PLAYER LAYOUT - 5-6 PLAYERS               */
/* ========================================= */

:root {
  --row-height-3: calc((108% - 100px) / 3 - var(--spacing-player));
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(5),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(6) {
  top: var(--top-offset);
  left: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(4),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(5) {
  top: var(--top-offset);
  right: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(3),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(4) {
  top: calc(var(--top-offset) + var(--row-height-3) + var(--spacing-player));
  left: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(2),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(3) {
  top: calc(var(--top-offset) + var(--row-height-3) + var(--spacing-player));
  right: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(1),
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(2) {
  top: calc(var(--top-offset) + 2 * (var(--row-height-3) + var(--spacing-player)));
  left: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(6):last-child {
  top: calc(var(--top-offset) + 2 * (var(--row-height-3) + var(--spacing-player)));
  right: 60px;
  height: var(--row-height-3);
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(5):nth-last-child(1)) .css-y3hfdd,
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(6):last-child) .css-y3hfdd {
  position: absolute;
  top: 2em;
  font-weight: 600;
  color: var(--scolia-text-primary);
}

/* ========================================= */
/* SCORING DISPLAY & DART THROWS             */
/* ========================================= */

:root:not(:has(.css-rc3vw3)) .css-1omnor5,
:root:not(:has(.css-rc3vw3)) .css-ul22ge {
  width: 900px;
}

:root:not(:has(.css-rc3vw3)) .css-1dkgpmk,
:root:not(:has(.css-rc3vw3)) .css-1wlduvp,
:root:not(:has(.css-rc3vw3)) .css-sm8wdq,
:root:not(:has(.css-rc3vw3)) .css-881tme,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi {
  height: 90px;
  background: var(--scolia-card-bg);
  border: 2px solid var(--scolia-border);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  transition: all 0.25s ease;
  color: var(--scolia-text-primary);
  font-weight: 600;
  font-size: 1.15em;
}

:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv:hover,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds:hover,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi:hover {
  background-color: var(--scolia-card-hover);
  border-color: var(--scolia-border-active);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  cursor: pointer;
}

/* Active Dart Indicator - GOUD */
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-156dsds {
  border: 2px solid var(--scolia-accent-gold) !important;
  background: linear-gradient(135deg, 
    var(--scolia-card-bg) 0%, 
    rgba(255, 215, 0, 0.10) 100%
  );
  box-shadow: var(--shadow-glow-gold);
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1p5spmi {
  color: var(--scolia-text-primary);
  background-color: var(--scolia-card-bg);
  font-size: 1.05em;
  font-weight: 700;
}

:root:not(:has(.css-rc3vw3)) .css-1dkgpmk,
:root:not(:has(.css-rc3vw3)) .css-1wlduvp,
:root:not(:has(.css-rc3vw3)) .css-sm8wdq,
:root:not(:has(.css-rc3vw3)) .css-881tme,
:root:not(:has(.css-rc3vw3)) .css-1tv7rud,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,
:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi {
  border-radius: 12px;
}

:root:not(:has(.css-rc3vw3)):root:not(:has(.css-7lnr9n)):root:not(:has(.css-15suq9)) .css-1emway5,
:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-jbngkd,
:root:not(:has(.css-rc3vw3)) .css-1cdcn26 {
  position: relative;
  top: 0.5em;
}

/* ========================================= */
/* CONTROLS & BUTTONS - GOUD                 */
/* ========================================= */

:root:not(:has(.css-rc3vw3)) .css-19lo6pj {
  width: 150%;
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-58e0cq,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1b1zesg,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-ol79nz,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1b26ovh {
  border-radius: 12px;
  background: linear-gradient(135deg, var(--scolia-accent-gold) 0%, var(--scolia-accent-gold-dark) 100%);
  border: 2px solid rgba(255, 215, 0, 0.3);
  box-shadow: var(--shadow-sm);
  transition: all 0.25s ease;
  color: #000000;
  font-weight: 600;
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-58e0cq:hover,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1b1zesg:hover,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-ol79nz:hover,
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1b26ovh:hover {
  background: linear-gradient(135deg, var(--scolia-accent-gold-dark) 0%, #B8860B 100%);
  border-color: var(--scolia-accent-gold);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1bztn9a {
  color: var(--scolia-text-light);
  background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
  border: 2px solid rgba(231, 76, 60, 0.3);
  border-radius: 12px;
  font-weight: 600;
  transition: all 0.25s ease;
  box-shadow: var(--shadow-sm);
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-1bztn9a:hover {
  background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(231, 76, 60, 0.4);
}

/* ========================================= */
/* AVATAR - GOUD                             */
/* ========================================= */

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26):root:not(:has(#ad-ext-player-display > div:nth-child(3))) div.chakra-stack.css-1psdi5l {
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translate(-3%, -50%);
  scale: 7;
  filter: drop-shadow(var(--shadow-lg));
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26):root:not(:has(#ad-ext-player-display > div:nth-child(3))) img.chakra-image.css-6t0bzd {
  scale: 0.5;
  border-radius: 50%;
  border: 3px solid var(--scolia-accent-gold);
}

/* ========================================= */
/* CHALKBOARD                                */
/* ========================================= */

:root:has(.css-1u90hiz) .css-1u90hiz {
  position: absolute;
  right: 6.2em;
  height: 350px;
  width: 50%;
  top: 460px;
  max-height: calc(100vh - 420px);
  overflow-y: auto;
  background-color: var(--scolia-card-bg);
  border: 2px solid var(--scolia-border);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  padding: 16px;
}

:root:has(.css-1u90hiz) tbody tr td {
  font-size: 35px;
  width: 52%;
  font-weight: 600;
  color: var(--scolia-text-primary);
  padding: 8px;
}

/* ========================================= */
/* BACKGROUNDS                               */
/* ========================================= */

:root:has(.css-1cdcn26) body {
  background-image: url(https://www.wizardofdarts.com/wp-content/uploads/2026/04/WizardofDarts-1920x1080_sloeret.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  background-color: #000000;
}

:root:not(:has(.css-1cdcn26)) body {
  background-image: url(https://www.wizardofdarts.com/wp-content/uploads/2026/04/WizardofDarts-1920x1080_sloeret.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  background-color: #000000;
}

body {
  background-color: #000000;
}

:root:has(.css-1cdcn26) body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: -1;
}

/* ========================================= */
/* DARTBOARD RING OVERLAY - GOUD GLOW        */
/* ========================================= */

:root:has(.css-1cdcn26) .css-1cdcn26::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 850px;
  height: 850px;
  background-image: url(https://image2url.com/r2/default/images/1771475546593-d3b5dee2-2e74-4ace-9678-c6fe5de878fd.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  pointer-events: none;
  filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));
}

:root:has(.css-1cdcn26) .css-1cdcn26 > * {
  position: relative;
  z-index: 2;
}

/* ========================================= */
/* MAIN MENU VISIBILITY - GOUD               */
/* ========================================= */

:root:not(:has(.css-1cdcn26)) .css-rc3vw3,
:root:not(:has(.css-1cdcn26)) [class*="modal"],
:root:not(:has(.css-1cdcn26)) [class*="drawer"] {
  background-color: rgba(5, 7, 10, 0.94) !important;
  backdrop-filter: blur(20px);
}

.css-1x72bls,
.css-1ql1d9c,
[role="dialog"] {
  background-color: rgba(10, 12, 15, 0.96) !important;
  border: 2px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(20px);
  border-radius: 12px;
}

:root:not(:has(.css-1cdcn26)) .css-tkevr6,
:root:not(:has(.css-1cdcn26)) [class*="settings"],
:root:not(:has(.css-1cdcn26)) [class*="game-setup"],
:root:not(:has(.css-1cdcn26)) [class*="stats"],
:root:not(:has(.css-1cdcn26)) [class*="statistics"],
:root:not(:has(.css-1cdcn26)) [class*="profile"] {
  background-color: rgba(8, 10, 13, 0.96) !important;
  backdrop-filter: blur(20px);
  border-radius: 12px;
  padding: 20px;
}

nav [class*="css-"],
.css-1ps6pg7,
[class*="sidebar"] a,
[class*="nav-item"] {
  background-color: rgba(30, 33, 38, 0.95) !important;
  border: 1px solid var(--scolia-border);
  border-radius: 8px;
  transition: all 0.2s ease;
  color: var(--scolia-text-primary);
}

nav [class*="css-"]:hover,
.css-1ps6pg7:hover,
[class*="sidebar"] a:hover,
[class*="nav-item"]:hover {
  background-color: rgba(63, 68, 77, 0.95) !important;
  border-color: var(--scolia-accent-gold) !important;
  color: var(--scolia-accent-gold) !important;
}

button[class*="css-"],
.chakra-button {
  background: linear-gradient(135deg, rgba(30, 33, 38, 0.95) 0%, rgba(20, 22, 26, 0.95) 100%) !important;
  border: 2px solid var(--scolia-accent-gold) !important;
  border-radius: 8px;
  color: var(--scolia-accent-gold) !important;
  font-weight: 600;
  transition: all 0.2s ease;
}

button[class*="css-"]:hover,
.chakra-button:hover {
  background: linear-gradient(135deg, var(--scolia-accent-gold) 0%, var(--scolia-accent-gold-dark) 100%) !important;
  border-color: var(--scolia-accent-gold) !important;
  color: #000000 !important;
  transform: translateY(-1px);
}

button[class*="css-"][data-active],
button[class*="css-"][aria-selected="true"],
.chakra-button[data-active] {
  background: linear-gradient(135deg, var(--scolia-accent-gold) 0%, var(--scolia-accent-gold-dark) 100%) !important;
  color: #000000 !important;
}

input[class*="css-"],
select[class*="css-"],
.chakra-input,
.chakra-select {
  background-color: rgba(20, 22, 26, 0.95) !important;
  border: 2px solid var(--scolia-border);
  border-radius: 8px;
  color: var(--scolia-text-primary);
  transition: all 0.2s ease;
}

input[class*="css-"]:focus,
select[class*="css-"]:focus,
.chakra-input:focus,
.chakra-select:focus {
  border-color: var(--scolia-accent-gold) !important;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2) !important;
  background-color: rgba(30, 33, 38, 0.95) !important;
}

.css-rc3vw3 *,
[role="dialog"] *,
nav * {
  color: var(--scolia-text-primary) !important;
}

label,
span,
p,
h1, h2, h3, h4, h5, h6 {
  text-shadow: none;
  color: var(--scolia-text-primary);
}

:root:not(:has(.css-1cdcn26)) [class*="game"],
:root:not(:has(.css-1cdcn26)) [class*="mode"],
:root:not(:has(.css-1cdcn26)) .css-tkevr6 h1,
:root:not(:has(.css-1cdcn26)) .css-tkevr6 h2,
:root:not(:has(.css-1cdcn26)) .css-tkevr6 h3 {
  color: var(--scolia-accent-gold) !important;
}

/* ========================================= */
/* POLISH & REFINEMENTS - GOUD               */
/* ========================================= */

:root:has(.css-1u90hiz) .css-1u90hiz::-webkit-scrollbar {
  width: 8px;
}

:root:has(.css-1u90hiz) .css-1u90hiz::-webkit-scrollbar-track {
  background: var(--scolia-bg-dark);
  border-radius: 4px;
}

:root:has(.css-1u90hiz) .css-1u90hiz::-webkit-scrollbar-thumb {
  background: var(--scolia-border);
  border-radius: 4px;
  transition: background 0.2s ease;
}

:root:has(.css-1u90hiz) .css-1u90hiz::-webkit-scrollbar-thumb:hover {
  background: var(--scolia-accent-gold) !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:focus-visible {
  outline: 2px solid var(--scolia-accent-gold) !important;
  outline-offset: 2px;
}

@keyframes scolia-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div {
  animation: scolia-fade-in 0.4s ease-out;
}

/* ========================================= */
/* ADDITIONAL TOUCHES - GOUD                 */
/* ========================================= */

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-rtn29s::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 215, 0, 0.05) 0%,
    transparent 50%
  );
  pointer-events: none;
  border-radius: 12px;
}

:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) .css-156dsds::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 215, 0, 0.08) 50%,
    transparent 100%
  );
  animation: score-pulse 2s ease-in-out infinite;
  border-radius: 12px;
  pointer-events: none;
}

@keyframes score-pulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}

.loading-indicator {
  background: linear-gradient(
    90deg,
    var(--scolia-bg-dark) 0%,
    var(--scolia-card-hover) 50%,
    var(--scolia-bg-dark) 100%
  );
  background-size: 200% 100%;
  animation: loading-shimmer 1.5s ease-in-out infinite;
}

@keyframes loading-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ========================================= */
/* FORCE DARK BACKGROUNDS ON MENU SCREENS    */
/* ========================================= */

:root:not(:has(.css-1cdcn26)) .css-tkevr6,
:root:not(:has(.css-1cdcn26)) .chakra-container,
:root:not(:has(.css-1cdcn26)) main:not(:has(.css-1cdcn26)),
:root:not(:has(.css-1cdcn26)) section:not(:has(.css-1cdcn26)) {
  background-color: rgba(8, 10, 13, 0.96) !important;
  backdrop-filter: blur(20px) !important;
}

svg g rect {
  font-size: 10px;
}

/* ========================================= */
/* VIRTUAL BOARD                             */
/* ========================================= */

:root:has(.css-1cdcn26):has(.css-7lnr9n) .css-1cdcn26 {
  position: relative;
  width: 550px !important;
  height: 550px !important;
  margin: 0 auto;
}

:root:has(.css-1cdcn26):has(.css-7lnr9n) .css-1cdcn26::before {
  width: 800px !important;
  height: 800px !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3)) !important;
}

/* ========================================= */
/* ACTIVE SPELER - GOUD                      */
/* ========================================= */

#ad-ext-player-display > div.ad-ext-player-active,
.ad-ext-player-active {
  border: 4px solid #FFD700 !important;
  box-shadow: 
    0 0 40px #FFD700,
    0 0 80px rgba(255, 215, 0, 0.8) !important;
  z-index: 999 !important;
  outline: 2px solid rgba(255, 215, 0, 0.3) !important;
  outline-offset: 2px !important;
}

.ad-ext-player-active .css-y3hfdd {
  color: #FFD700 !important;
  text-shadow: 0 0 15px #FFD700 !important;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.2), transparent) !important;
}

.ad-ext-player-active .chakra-avatar {
  box-shadow: 0 0 30px #FFD700 !important;
  border: 2px solid #FFD700 !important;
  animation: avatarPulse 2s ease-in-out infinite;
}

@keyframes avatarPulse {
  0% {
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
    border-color: rgba(255, 215, 0, 0.8);
  }
  50% {
    box-shadow: 0 0 40px rgba(255, 215, 0, 1);
    border-color: #FFD700;
  }
  100% {
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
    border-color: rgba(255, 215, 0, 0.8);
  }
}

.ad-ext-player-active .ad-ext-player-score {
  color: #F0E68C !important;
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.5) !important;
}

/* ========================================= */
/* TEKST MET SCHADUW - ALTIJD LEESBAAR       */
/* ========================================= */

:root:not(:has(.css-1cdcn26)) td,
:root:not(:has(.css-1cdcn26)) th,
:root:not(:has(.css-1cdcn26)) p,
:root:not(:has(.css-1cdcn26)) span,
:root:not(:has(.css-1cdcn26)) label,
:root:not(:has(.css-1cdcn26)) div:not([class*="button"]),
:root:has(.css-1u90hiz) td,
:root:has(.css-1u90hiz) th,
:root:has(.css-1u90hiz) p,
:root:has(.css-1u90hiz) span {
  color: #ffffff !important;  /* Witte tekst */
  text-shadow: 
    1px 1px 2px #000000,
    -1px -1px 2px #000000,
    0 0 4px rgba(0,0,0,0.8) !important;  /* Zwarte schaduw rondom */
  font-weight: 600 !important;
  background: transparent !important;
}