/* = CSS Style edited by Goldi = */

:root {
  /* PLAYER BOXES - POSITION & SIZE */
  --spacing-player: 30px;
  --player-top-offset: 90px;
  --player-side-offset: 25px;
  --player-width: 390px;

  /* Menu Bar */
  --menu-width: 1455px;

  /* Chalkboard */
  --chalkboard-right: 3.8em;
  --chalkboard-top: 28em;
  --chalkboard-width: 70%;
  --chalkboard-height: 44%;
  --chalkboard-font-size: 33px;

 /* === BACKGROUND / MENU === */

 /* Wallpaper URL */
  --wallpaper-url: url(https://www.wizardofdarts.com/wp-content/uploads/2026/04/WizardofDarts-1920x1080_sloeret.png);
}

/* Main container */
:root:not(:has(.css-rc3vw3)) .css-tkevr6 {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

/* Prevent clipping */
:root:not(:has(.css-rc3vw3)) .css-y3hfdd * {
  overflow: visible !important;
}

/* Menu Bar */
:root:not(:has(.css-rc3vw3)) .css-19lo6pj {
  position: relative;
  left: 55%;
  top: -62%;
  width: var(--menu-width);
  transform: translateX(-65%);
  
  
}

 /* Game Menü */
button.chakra-button.css-qwakwq {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 25px;
  margin-left: 5px;
}

/* Navigation */
:root:not(:has(.css-rc3vw3)) .css-ege71s {
  background: transparent;
}

/* Game-Menü (Background) */
 div.chakra-card__footer.css-fpfl0e , div.chakra-card__header.css-1sl53ol , div.chakra-card.css-14mmegq , div.chakra-card.css-1yva96 , div.chakra-card.css-1ds490z , div.chakra-card__footer.css-1a7q9t8 {
  background-color: none;
}
/* Menu List Left (Small)*/
div.chakra-stack.navigation.css-19ml6yu {
border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: px;
  background-color: rgba(25, 35, 55, 0.75);
  

}
/*  Menu Buttons Left (Small) */
a.chakra-button.css-1w2m3u8 , a.chakra-button.css-1hkdvk2 , a.chakra-button.css-1a5zn9p , a.chakra-button.css-z1xk1r , button.chakra-button.css-1jtmech {
  border: 1px solid rgba(255, 255, 255, 0.2);
  
}
/* Wallpaper */
:root:has(.css-1cdcn26) body,
:root:not(:has(.css-1cdcn26)) body {
  background-image: var(--wallpaper-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  
}
/* Overall Background Color */
div.css-vqr99b,
div.css-nfhdnc,
div.chakra-stack.navigation.css-ege71s {
  background-color: rgba(25, 35, 55, 0.75);
}

/* Buttons (Bouncer - Cancel - Ok) */
button.chakra-button.css-1x1xjw8 {
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.3);
  width: 89px;
  font-size: 13px;
  font-weight: bolder;
  top: -5px;
}

/* Buttons (Undo - Next) */
button.chakra-button.css-1b1zesg {
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
  width: 85px;
  font-size: 13px;
  font-weight: bolder;
  top: -5px;
}
/* Buttons (Cam 1-2-3) */
button.chakra-button.css-ol79nz , button.chakra-button.css-58e0cq {
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.3);
   width: 29px;
  font-size: 13px;
  font-weight: bolder;
  top: -5px;
}
/* All Hovers */
button.chakra-button.css-1x1xjw8:hover , button.chakra-button.css-1b1zesg:hover , button.chakra-button.css-ol79nz[data-active] , a.chakra-button.css-1w2m3u8:hover , a.chakra-button.css-1hkdvk2:hover , a.chakra-button.css-1a5zn9p:hover , a.chakra-button.css-z1xk1r:hover , button.chakra-button.css-qwakwq:hover , button.chakra-button.css-1tr3n2e:hover , .chakra-button.css-qwakwq[data-active] , button.chakra-button.css-58e0cq[data-active] , button.chakra-button.css-1jtmech:hover  {
 background-color: rgba(0, 100, 100, 0.9) !important;

}
/* === Player Boxes / Style === */

/* Player Boxes - Base */
:root:not(:has(.css-rc3vw3)) .css-rtn29s,
:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {
  position: absolute !important;
  z-index: 10;
  width: var(--player-width);
  height: calc((100% - 180px) / 3);
  min-height: 130px;
  padding: 0.75rem 0.8rem;
  transition: all 0.3s ease;
  }

  /* 1-2 Players (Player 1) */
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):only-child,
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(2) {
  top: var(--player-top-offset);
  left: var(--player-side-offset);
  height: 800px !important;
  }

/* 1-2 Players (Player 2) */
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(1) {
  top: var(--player-top-offset);
  right: var(--player-side-offset);
  height: 800px !important;
}

/* 3-4 Players (Player 1) */
: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(--player-top-offset);
  left: var(--player-side-offset);
  height: 370px;
  
   
}

/* 3-4 Players (Player 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(--player-top-offset);
  right: var(--player-side-offset);
  height: 370px;
}

/* 3-4 Players (Player 3) */
: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(--player-top-offset) + ((100% - 200px) / 2) + var(--spacing-player));
  left: var(--player-side-offset);
  height: 370px;
}

/* 3-4 Players (Player 4) */
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):last-child {
  top: calc(var(--player-top-offset) + ((100% - 180px) / 2) + var(--spacing-player));
  right: var(--player-side-offset);
  height: 370px;
}

/* 5-6 Players */
:root {
  --row-height-3: calc((95%) / 3 - var(--spacing-player));
}

/* 5-6 Players (Player 1) */
: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(--player-top-offset);
  left: var(--player-side-offset);
  height: var(--row-height-3);
}

/* 5-6 Players (Player 2) */
: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(--player-top-offset);
  right: var(--player-side-offset);
  height: var(--row-height-3);
}

/* 5-6 Players (Player 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(--player-top-offset) + ((100% - 180px) / 3) + var(--spacing-player));
  left: var(--player-side-offset);
  height: var(--row-height-3);
}

/* 5-6 Players (Player 4) */
: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(--player-top-offset) + ((100% - 180px) / 3) + var(--spacing-player));
  right: var(--player-side-offset);
  height: var(--row-height-3);
}

/* 5-6 Players (Player 5) */
: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(--player-top-offset) + 2 * ((100% - 180px) / 3) + 2 * var(--spacing-player));
  left: var(--player-side-offset);
  height: var(--row-height-3);
}

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

/* Camera Icon) */
button.chakra-button.css-15suq9 {
  top: px;
  left: px;
}

/* Avatar (Circle) */
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) div.chakra-stack.css-1psdi5l img, 
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26) div.chakra-stack.css-1psdi5l .chakra-avatar {
  border-radius: 50% !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  }

/* Avatar-Flag */
img.chakra-image.css-6t0bzd {
   position: absolute;
  transform: scale(0.4);
}

/* Avatar Size and Position */
: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: -30px;
  left: 52%;
  transform: translate(-3%, -50%);
  scale: 5 !important;

}

[class*="chakra-avatar"]:not(:has(img)) {
    background-color: goldenrod!important;
    color: #000000 !important;
}


[class*="chakra-avatar"]:not(:has(img)) div {
    color: #000000 !important;
}

[class*="chakra-avatar"]:has(img) {
    background-color: transparent !important;
}

[class*="chakra-avatar"] img {
    background-color: transparent !important;
    object-fit: cover;
}
/* LEGS */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-3fr5p8 {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    left: 10px !important;
    top:  -125px !important;
    width: 75px;
    height: 100px;
    padding: 20px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.05); 
    backdrop-filter: blur(4px);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 4px solid rgba(255, 255, 255, 0.1);
    border-left: 2px outset rgba(255, 255, 255, 0.1);
    border-top: 4px outset rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    transition: all 0.3s ease-in-out;
}

/* LEGS Text */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-3fr5p8::before {
    content: "Legs";
    position: absolute;
    top: 10px;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.em;
    margin-bottom: 8px;
    
}
/* LEGS Number */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) p.chakra-text.css-5i7dz4  {
  position: absolute;
    top:  25px;
    margin: 0 !important;
    padding: 13px !important;
    
    font-size: 2.3rem !important;
    font-weight: 800 !important;
    line-height: 1;
   
    
    
    color: #48bb78 !important; 
    
}

/* SETS */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-143thu1 {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 311px !important;
    top:  -125px !important;
    width: 75px;
    height: 100px;
    padding: 20px;
    border-radius: 1px;
background: rgba(255, 255, 255, 0.05); 
    backdrop-filter: blur(4px);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 4px solid rgba(255, 255, 255, 0.1);
    border-left: 2px outset rgba(255, 255, 255, 0.1);
    border-top: 4px outset rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    transition: all 0.3s ease-in-out;
}

/* TEXT SETS */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-143thu1::before {
    content: "Sets";
    position: absolute;
    top: 10px;
    color: #ffffff;
    font-size: 1.15rem;
    
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 8px;  
}
/* SETS Number */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-143thu1 p.chakra-text.css-5i7dz4 {
    position: absolute;
    top:  25px;
    margin: 0 !important;
    padding: 12px !important;
    
    font-size: 2.3rem !important;
    font-weight: 800 !important;
    line-height: 1;
    
    
    color: rgba(39, 153, 245, 0.9) !important; 
 
}

/* Player Score (501) */
:root:not(:has(.css-rc3vw3 ,.css-da85l7)) .css-y3hfdd {
  display: absolute !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 110%;
  height: 110%;
  gap: 2;
  padding-top: 2.50rem;
  
}

/* Bust Playerbox*/
div.bustAnimation.css-1cpofu2 {
  position: absolute !important;
  padding: 5px 10px;
  border-radius: 140px;
  inline-size: 370px;
  }

  /* Playername Box */
:root:not(:has(.css-rc3vw3)):root:has(.css-1cdcn26):root:not(:has(#ad-ext-player-display > div:nth-child(3)))  div.chakra-stack.css-37hv00 {
  position: absolute !important;
  top: 350px;
  
}

  /* Playername Box #2*/
:root:not(:has(.css-rc3vw3)) div.chakra-stack.css-37hv00 span.css-z1uxps,
:root:not(:has(.css-rc3vw3)) div.chakra-stack.css-37hv00 span.css-hewh2h,
:root:not(:has(.css-rc3vw3)) div.chakra-stack.css-37hv00 span.css-1iduhmb {
background-color: transprent;
  
}

  /* Player Average 0-45+ */
span.chakra-badge.css-n2903v {
  color: greenyellow;
  background-color: transparet;
  
  }
/* Player Average In Match*/
p.chakra-text.css-1jbqop {
  position: absolute !important;
  font-size: 16px;
  text-align: center !important;
  justify-content: center;
  white-space: nowrap;
  top: 265px;
  left: 130px;
}

/* Player Name Font*/
div.chakra-stack.css-37hv00 p.chakra-text.css-11cuipc {
  font-size: 19px;
  }

/* Average Container */
:root:not(:has(.css-rc3vw3)) .css-37hv00,
:root:not(:has(.css-rc3vw3)) [class*="average"],
:root:not(:has(.css-rc3vw3)) .ad-ext-player-average {
  display: flex !important;
  flex-direction: row !important;
  order: 1;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 0.3rem;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Chalkboard */
:root:has(.css-1u90hiz) .css-1u90hiz {
  position: absolute;
  top: var(--chalkboard-top);
  right: var(--chalkboard-right);
  width: var(--chalkboard-width);
  height: var(--chalkboard-height);
}

/* Chalkboard #2 */
:root:has(.css-1u90hiz) tbody tr td  {
  width: 5%;
  font-size: var(--chalkboard-font-size);
  font-family: "Yu Gothic Bold", "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  text-align: center;
}
/* FORCE PLAYER (Gameshot Fix) */
:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > 
 div {
  position: absolute !important;
  z-index: 50 !important;
  transform: none !important;
  border-radius: 10px !important;
  overflow: hidden;
  inline-size: 390px;
}


/* FORCE PLAYER #2 (Gameshot Fix) */
:root:not(:has(.css-rc3vw3)) #ad-ext_winner-animation--message {
display: none;
}


/* == Animationen and Keyframes == */

/* Registration Animation */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
/* 180 with Fireworks*/
.fireworks.css-1cjvbe6 {
    position: fixed !important;
    top: -10vw !important;
    left: 0 !important;
    width: 100vw !important;  
    height: 100vh !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
/* Score (Gameshot Fix) */
div.winnerAnimation p.ad-ext-player-score {
    font-size: 120px !important;
    color: white !important;
    margin-top: 50px !important;
}
 /* Ad-Tools Game Shot Animation */
.ad-ext_winner-animation,
.ad-ext_winner-animation > div,
.winnerAnimation {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}
/* Active Player Animation */
:root:not(:has(.css-rc3vw3)) .css-rtn29s {
  --border-width: 3px;
  position: relative;
  
  
  
  background: rgba(0, 0, 0, 0.2) !important; 
  
  border: none !important;
  border-radius: 12px;

  box-shadow: 0px 0px 30px 2px rgba(0, 255, 0, 0.2);
}

:root:not(:has(.css-rc3vw3)) .css-rtn29s::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--border-width);
  border-radius: 12px; 
  
  
  background: conic-gradient(
    from var(--angle), 
    transparent 70%, 
    #32cd32, 
    #00ff00, 
    #32cd32
  );
  
  
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  
  animation: rotate-border 3s linear infinite;
  pointer-events: none;
}


@keyframes rotate-border {
  to {
    --angle: 360deg;
  }
}

/* Normal Player Animation */
:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {
  --border-width: 3px;
  position: relative;
  
  
  background: rgba(0, 0, 0, 0.2) !important; 
  
  border: none !important;
  border-radius: 12px;
  
  
  box-shadow: 0px 0px 30px 2px rgba(255, 255, 255, 0.1);
}


:root:not(:has(.css-rc3vw3)) .css-hjw8x4::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--border-width);
  border-radius: 12px; 
  
  
  background: conic-gradient(
    from var(--angle), 
    transparent 80%, 
    #ffffff, 
    #ffffff, 
    #ffffff
  );
  
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  
 
  animation: rotate-border 3s linear infinite;
  pointer-events: none;
}

/* Gameshot NEW #1 */
.winnerAnimation.ad-ext_winner-animation,
#ad-ext_winner-animation--message {
    opacity: 1 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Gameshot NEW #2 */
body:has(.ad-ext_winner-animation) .css-1cdcn26::after {
    content: "GAMESHOT";
    position: fixed;
    z-index: 9999 !important;
    
    
    font-family: "Arial Black", sans-serif;
    font-size: clamp(60px, 12vw, 120px); 
    font-weight: 900;
    color: green;
    text-transform: uppercase;
    white-space: nowrap;
    
    text-shadow: 
        0 0 10px rgba(0, 255, 0, 0.5), 
        0 10px 20px rgba(0,0,0,0.9);
    -webkit-text-stroke: 1px #fff;
    

    animation: gameshotWildMove 6s linear infinite;
}


@keyframes gameshotWildMove {
    0% { 
        top: 10%; 
        left: 10%; 
        transform: translate(0, 0) scale(0.9); 
        filter: brightness(1);
    }
    25% { 
        top: 80%; 
        left: 20%; 
        transform: translate(0, -100%) scale(1.1); 
        filter: brightness(1.3);
    }
    50% { 
        top: 15%; 
        left: 70%; 
        transform: translate(-100%, 0) scale(0.9); 
        filter: brightness(1);
    }
    75% { 
        top: 70%; 
        left: 80%; 
        transform: translate(-100%, -100%) scale(1.1); 
        filter: brightness(1.3);
    }
    100% { 
        top: 10%; 
        left: 10%; 
        transform: translate(0, 0) scale(0.9); 
        filter: brightness(1);
    }
}

/* === Scoring and More === */

/* Scoring Container */
:root:not(:has(.css-rc3vw3)) .css-1omnor5,
:root:not(:has(.css-rc3vw3)) .css-ul22ge {
  width: 970px;
}
/* Throw Boxes & Score Displays */
: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: 110px;
  background-color: rgba(0, 0, 0, 0.09);
  border: 1px ridge rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  transition: all 0.25s ease;
  color: white;
  font-weight: 900;
  }
  
  /* Throw Score Complete Container */
div.chakra-stack.css-1emway5 {
  position: relative;
  z-index: 9;
  top: -10px;
}

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

/* Scoring Font */
p.chakra-text.css-1w3enuu {
  font-family: fantasy;
  font-style: normal;
  font-weight: 50;
  font-size: 58pt;
  }

/* Scoring Best */
p.chakra-text.css-msm9mc {
  font-family: Fantasy;
  font-style: normal;
  font-weight: 50;
  font-size: 50pt;
  color: gold;
} 

/* Scoring Checkout #1 */
div.suggestion.css-1dkgpmk {
   overflow: visible;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.09);
    border: 1px ridge rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  transition: all 0.25s ease;
  color: white;
}

/* Scoring Checkout #2*/
div.suggestion.css-1dkgpmk::before {
    content: "CHECKOUT";
    position: absolute;
    top: -14px;
    left: 1px;
    background-color: gold;
    color: #1a1a1a;
    font-family: "Arial Black", sans-serif;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 2px 12px;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transform: rotate(-2deg);
    z-index: 10;
    border: 1px solid rgba(0,0,0,0.1);
}

/* Scoring Best #1*/
.suggestion.css-881tme {
overflow: visible;
}

/* Scoring Best #2*/
.suggestion.css-881tme::before {
    content: "Best";
    position: absolute;
    top: -14px;
    left: 1px;
    background-color: gold;
    color: #1a1a1a;
    font-family: "Arial Black", sans-serif;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 2px 12px;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transform: rotate(-2deg);
    z-index: 10;
    border: 1px solid rgba(0,0,0,0.1);
}

/* Scoring Bust */
div.ad-ext-turn-throw.css-1wlduvp {
   height: 140px;
  background-color: rgba(139, 0, 0, 0.5);
    border: 1px ridge rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  transition: all 0.25s ease;
  color: white;
}

/* Scoring Gameshot */
div.ad-ext-turn-throw.css-sm8wdq {
   height: 110px;
  background-color: rgba(0, 238, 0, 0.5);
    border: 1px ridge rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  transition: all 0.25s ease;
  color: white;
}

/* Scoring Correction */
div.ad-ext-turn-throw.css-1tv7rud {
   height: 110px;
  background-color: rgba(238, 154, 0, 0.9);
    border: 1px ridge rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  transition: all 0.25s ease;
  color: white;
}

/* Fullscore Font */
p.chakra-text.ad-ext-turn-points.css-1lvci65 {
  font-family: Fantasy;
  font-style: normal;
  font-weight: 50;
  font-size: 45pt;
  color: rgba(42, 151, 22, 0.9);
 }

 /* AD-Tools Zoom */
#adt-zoom-1, 
#adt-zoom-2, 
#adt-zoom-3 {
  
    height: 140px; 
    border: 1px solid rgba(255, 255, 255, 0.1);
    }

/* KI Roboter */
button.chakra-button.css-1b26ovh {
  border: 1px solid;
  background-color: rgba(0,0,0,0.5);
  }
  
/* All Menus in Foreground */
.chakra-portal, .css-0, [data-popper-placement] {
    z-index: 999999 !important;
}
/* Cricket Table Background */
:root:has(.css-rc3vw3) div.css-rc3vw3 {
  background-color: rgba(0, 0, 0, 0.5)
}