{"play.autodarts.io":{"css":"\r\n/* MSC Darts Black Theme Austria Rahmen */\r\n/* ========================= */\r\n:root {\r\n  /*--color-bg-main: linear-gradient(135deg, #2b0000, #3b0a0a);*/\r\n  /*--color-bg-box: linear-gradient(145deg, #4a0f0f, #5c1a1a);*/\r\n  /*--color-border: #ff6b6b;*/\r\n  /*--color-border: #ffffff;*/\r\n  --color-text: #ffffff;\r\n  --color-text-soft: #ffffff;\r\n  /*--color-shadow: 0 0 10px #ff6b6b;\r\n  --color-shadow-strong: 0 0 20px #ff6b6b;*/\r\n  --color-shadow: 0 0 0px #ffffff;\r\n  /*--color-shadow-strong: 0 0 20px #ffffff;*/\r\n  --font-main: 'Montserrat', sans-serif;\r\n  --spacing-player: 20px;\r\n  --color-bg-box: linear-gradient(\r\n  145deg,\r\n  rgba(211, 211, 211, 0.25), /* === Hintergründe aller Rahmen rgba(138, 200, 229, 0.25) === */\r\n  rgba(0, 0, 0, 0.5)\r\n);\r\n}\r\n\r\n/* ========================= */\r\n/* === Hauptcontainer === */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) .css-tkevr6 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  background: var(--color-bg-main);\r\n  color: var(--color-text);\r\n  font-family: var(--font-main);\r\n}\r\n/* = Untergeordnete Hintergrundfarbe = */\r\ndiv.css-vqr99b,\r\ndiv.css-nfhdnc,\r\ndiv.css-nfhdnc,\r\ndiv.css-1q0rlnk,\r\nbutton.chakra-button.css-1bztn9a,\r\nbutton.chakra-button.css-1x1xjw8,\r\ndiv.chakra-stack.css-1fucqvl,\r\ndiv.chakra-stack.css-y3hfdd,\r\ndiv.chakra-card__footer.css-fpfl0e,\r\ndiv.chakra-tabs.css-1xpribl,\r\ndiv.score.css-156dsds,\r\ndiv.chakra-card.css-1yva96,\r\ndiv.chakra-card.css-14mmegq,\r\ndiv.chakra-card.css-1ds490z,\r\ndiv.chakra-stack.navigation.css-ege71s,\r\ndiv.chakra-card__body.css-1idwstw,\r\ndiv div autodarts-tools-wxt,\r\ndiv.css-tkevr6,\r\ndiv.css-hjw8x4,\r\ndiv.chakra-stack.navigation.css-19ml6yu {\r\n  background-color: rgba(25, 35, 55, 0.5);\r\n}\r\n/* = Buttons (Bouncer - Cancel - Ok) = */\r\nbutton.chakra-button.css-1x1xjw8 {\r\n    color: rgba(168, 195, 188, 2);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n  width: 89px;\r\n  font-size: 13px;\r\n  font-weight: bolder;\r\n  top: -5px;\r\n}\r\n/* = Buttons (Undo - Next) = */\r\nbutton.chakra-button.css-1b1zesg {\r\n    color: rgba(168, 195, 188, 2);\r\n    background-color: rgba(70, 130, 180, 0.25);\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n  width: 85px;\r\n  font-size: 13px;\r\n  font-weight: bolder;\r\n  top: -5px;\r\n}\r\n/* = Alle Hovers = */\r\nbutton.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  {\r\n background-color: rgba(239, 191, 4, 0.4) !important; /* === Hintergründe aller Rahmen rgba(138, 200, 229, 1) === */\r\n}\r\n/*  Menu Buttons Left (Small) */\r\na.chakra-button.css-1w2m3u8 , a.chakra-button.css-1hkdvk2 , a.chakra-button.css-1a5zn9p , a.chakra-button.css-z1xk1r , button.chakra-button.css-1jtmech {\r\n  border: 1px solid rgba(255, 255, 255, 0.2); \r\n}\r\n/* Cricket Table Background */\r\n:root:has(.css-rc3vw3) div.css-rc3vw3 {\r\n  background-color: rgba(138, 200, 229, 0.25)\r\n}\r\n\r\n/* = Alle Menüs im Vordergrund = */\r\n.chakra-portal, .css-0, [data-popper-placement] {\r\n    z-index: 999999 !important;\r\n}\r\n/* === LEGS === */\r\n:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-3fr5p8 {\r\n    position: absolute;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    left: 10px !important;\r\n    top:  315px !important;\r\n    width: 50px;\r\n    height: 100px;\r\n    padding: 15px; /* Breite */\r\n    border-radius: 1px;\r\n    background: rgba(255, 255, 255, 0.05); \r\n    backdrop-filter: blur(4px);\r\n    border-right: 2px solid rgba(255, 255, 255, 0.1);\r\n    border-bottom: 4px solid rgba(255, 255, 255, 0.1);\r\n    border-left: 2px outset rgba(255, 255, 255, 0.1);\r\n    border-top: 4px outset rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    \r\n    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\r\n    transition: all 0.3s ease-in-out;\r\n}\r\n/* = LEGS Text = */\r\n:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-3fr5p8::before {\r\n    content: \"Legs\";\r\n    position: absolute;\r\n    top: 10px;\r\n    color: #DFBD69; /* === Farbe für Text Legs === */\r\n    font-size: 1.15rem;\r\n    font-weight: 600;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    letter-spacing: 0.em;\r\n    margin-bottom: 8px;\r\n    \r\n}\r\n/* = LEGS Nummer = */\r\n:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) p.chakra-text.css-5i7dz4  {\r\n  position: absolute;\r\n    top:  25px;\r\n    margin: 0 !important;\r\n    padding: 13px !important;\r\n    font-size: 2.3rem !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1;\r\n    color: #ffffff !important; /* === Farbe für Schrift Legs Nr === */\r\n}\r\n/* === SETS === */\r\n:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-143thu1 {\r\n    position: absolute;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    left: 290px !important;\r\n    top:  315px !important;\r\n    width: 50px;\r\n    height: 100px;\r\n    padding: 15px;\r\n    border-radius: 1px;\r\n    background: rgba(255, 255, 255, 0.05); \r\n    backdrop-filter: blur(4px);\r\n    border-right: 2px solid rgba(255, 255, 255, 0.1);\r\n    border-bottom: 4px solid rgba(255, 255, 255, 0.1);\r\n    border-left: 2px outset rgba(255, 255, 255, 0.1);\r\n    border-top: 4px outset rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    \r\n    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);\r\n    transition: all 0.3s ease-in-out;\r\n}\r\n/* = TEXT SETS = */\r\n:root:not(:has(.css-rc3vw3 ,.css-da85l7)):root:not(:has(#ad-ext-player-display > div:nth-child(3))) span.css-143thu1::before {\r\n    content: \"Sets\";\r\n    position: absolute;\r\n    top: 10px;\r\n    color: #DFBD69; /* === Farbe für Schrift Sets === */\r\n    font-size: 1.15rem;\r\n    \r\n    font-weight: 600;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    margin-bottom: 8px;  \r\n}\r\n/* = SETS Nummer = */\r\n: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 {\r\n    position: absolute;\r\n    top:  25px;\r\n    margin: 0 !important;\r\n    padding: 12px !important;\r\n    font-size: 2.3rem !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1;\r\n    color: #ffffff; /* === Farbe für Schrift Sets Nr === */\r\n }\r\n/* Avatar Größe und Position */\r\n: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 {\r\n  position: absolute;\r\n  top: -20px;\r\n  left: 32%;\r\n  transform: translate(-3%, -50%);\r\n  scale: 2 !important;\r\n}\r\n[class*=\"chakra-avatar\"]:not(:has(img)) {\r\n    background-color: white!important;\r\n    color: #000000 !important;\r\n}\r\n[class*=\"chakra-avatar\"]:not(:has(img)) div {\r\n    color: #000000 !important;\r\n}\r\n[class*=\"chakra-avatar\"]:has(img) {\r\n    background-color: transparent !important;\r\n}\r\n[class*=\"chakra-avatar\"] img {\r\n    background-color: transparent !important;\r\n    object-fit: cover;\r\n}\r\n\r\n/* ========================= */\r\n/* === Scoring und Mehr === */\r\n/* ========================= */\r\n\r\n/* === Scoring Container === */\r\n:root:not(:has(.css-rc3vw3)) .css-1omnor5,\r\n:root:not(:has(.css-rc3vw3)) .css-ul22ge {\r\n  width: 970px;\r\n}\r\n  /* = Wurf, Punktestand, kompletter Container = */\r\ndiv.chakra-stack.css-1emway5 {\r\n  position: relative;\r\n  z-index: 9;\r\n  top: -10px;\r\n}\r\n/* = Board Position = */\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-7lnr9n)):root:not(:has(.css-15suq9))\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-jbngkd,\r\n:root:not(:has(.css-rc3vw3)) .css-1cdcn26 {\r\n  position: relative;\r\n  top: 1em;\r\n}\r\n/* = Scoring Font = */\r\np.chakra-text.css-1w3enuu {\r\n  font-family: Bruno Ace SC;\r\n  font-style: normal;\r\n  font-weight: 40;\r\n  font-size: 58pt;\r\n  }\r\n/* = Scoring Checkout+Tipp = */\r\np.chakra-text.css-msm9mc {\r\n  font-family: Bruno Ace SC;\r\n  font-style: normal;\r\n  font-weight: 50;\r\n  font-size: 60pt;\r\n  background: linear-gradient(to right, #353839);/* === Schriftfarbe === */\r\n-webkit-background-clip: text;\r\n-webkit-text-fill-color: transparent; \r\n} \r\n/* = Scoring Checkout Backround = #1 */\r\ndiv.suggestion.css-1dkgpmk {\r\n   overflow: visible;\r\n  height: 110px;\r\n  background-color: rgba(217, 217, 217, 0.9); /* === Checkout Farbe innen === */\r\n    border: 2px ridge rgba(185, 215, 37, 1); /* === Rahmen Farbe Checkout === */\r\n  border-radius: 4px;\r\n  transition: all 0.25s ease;\r\n  color: whitesmoke;\r\n}\r\n/* = Scoring Checkout Symbol = #2*/\r\ndiv.suggestion.css-1dkgpmk::before {\r\n    content: \"CHECKOUT\";\r\n    position: absolute;\r\n    top: -14px;\r\n    left: 1px;\r\n    background-color: rgba(184, 138, 68, 0.8); /* === Schild Checkout === */\r\n    color: #353839;\r\n    font-family: \"Arial Black\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    padding: 2px 12px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n    transform: rotate(-2deg);\r\n    z-index: 10;\r\n    border: 1px solid rgba(0,0,0,0.1);\r\n}\r\n/* = Scoring Tipp = #1*/\r\n.suggestion.css-881tme {\r\noverflow: visible;\r\n  height: 110px;\r\n  background-color: rgba(217, 217, 217, 0.9); /* === Checkout Farbe innen === */\r\n    border: 2px ridge rgba(185, 215, 37, 1); /* === Rahmen Farbe Checkout === */\r\n  border-radius: 4px;\r\n  transition: all 0.25s ease;\r\n  color: whitesmoke;\r\n}\r\n/* = Scoring Tipp = #1*/\r\n.suggestion.css-881tme {\r\noverflow: visible;\r\n}\r\n/* = Scoring Tipp Symbol = #2*/\r\n.suggestion.css-881tme::before {\r\n    content: \"Tipp\";\r\n    position: absolute;\r\n    top: -14px;\r\n    left: 1px;\r\n    background-color: rgba(223, 189, 105, 0.8); /* === Schild Tipp Farbe === */\r\n    color: #353839;\r\n    font-family: Bruno Ace SC;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    padding: 2px 12px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n    transform: rotate(-2deg);\r\n    z-index: 10;\r\n    border: 1px solid rgba(0,0,0,1);\r\n}\r\n/* === Scoring Bust === */\r\ndiv.ad-ext-turn-throw.css-1wlduvp {\r\n   height: 140px;\r\n  background-color: rgba(217, 217, 217, 0.9);\r\n    border: 2px ridge rgba(185, 215, 37, 2);;\r\n  border-radius: 4px;\r\n  transition: all 0.25s ease;\r\n  color: #DA2C43;\r\n}\r\n\r\n/* Scoring Gameshot */\r\ndiv.ad-ext-turn-throw.css-sm8wdq {\r\n   height: 110px;\r\n  background-color: #353839;\r\n    border: 1px ridge rgba(255, 255, 255, 0.5);\r\n  border-radius: 4px;\r\n  transition: all 0.25s ease;\r\n  color: white;\r\n}\r\n/* Fullscore Font */\r\np.chakra-text.ad-ext-turn-points.css-1lvci65 {\r\n  font-family: Fantasy;\r\n  font-style: normal;\r\n  font-weight: 50;\r\n  font-size: 45pt;\r\n  color: rgba(42, 151, 22, 0.9);\r\n }\r\n /* AD-Tools Zoom */\r\n#adt-zoom-1, \r\n#adt-zoom-2, \r\n#adt-zoom-3 {\r\n  \r\n    height: 140px; \r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n/* KI Roboter */\r\nbutton.chakra-button.css-1b26ovh {\r\n  border: 1px solid;\r\n  background-color: rgba(0,0,0,0.5);\r\n  }\r\n/* = Scoring Korrektur = */\r\ndiv.ad-ext-turn-throw.css-1tv7rud {\r\n   height: 110px;\r\n  background-color: rgba(238, 154, 0, 0.9); /* === Rahmen Innen Korrektur Farbe === */\r\n    border: 1px ridge rgba(255, 255, 255, 0.5);\r\n  border-radius: 4px;\r\n  transition: all 0.25s ease;\r\n  color: white;\r\n}\r\n/* = Alle Menüs im Vordergrund = */\r\n.chakra-portal, .css-0, [data-popper-placement] {\r\n    z-index: 999999 !important;\r\n}\r\n/* = Cricket Table Hintergrund = */\r\n:root:has(.css-rc3vw3) div.css-rc3vw3 {\r\n  background-color: rgba(0, 0, 0, 0.5)\r\n}\r\n/* = Dartboard transparent = */\r\n.css-tqsk66 {\r\nopacity: 0.7;\r\n}\r\n\r\n/* ========================= */\r\n/* === Gemeinsame Basis für alle Spielerboxen === */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) .css-rtn29s,\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n  background: var(--color-bg-box);\r\n  color: var(--color-text);\r\n  padding: 1rem;\r\n  box-sizing: border-box;\r\n  border: 2px solid var(--color-border);\r\n  box-shadow: var(--color-shadow);\r\n  transition: all 0.3s ease;\r\n  border-radius: 12px;\r\n  z-index: 10;\r\n  position: absolute;\r\n  width: 400px;\r\n  height: calc((100% - 180px) / 3);\r\n}\r\n/* = Hover-Effekt = */\r\n:root:not(:has(.css-rc3vw3)) .css-rtn29s:hover,\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4:hover {\r\n  box-shadow: var(--color-shadow-strong);\r\n  transform: scale(1.03);\r\n  cursor: pointer;\r\n}\r\n/* ========================= */\r\n/* === 1-2 Spieler: keine Höhen-Anpassung === */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):only-child {\r\n top: 90px;\r\n left: 60px;\r\n  height: calc(100% - 180px);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(2) {\r\n  top: 90px;\r\n  left: 60px;\r\n  height: calc(100% - 200px);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(1) {\r\n  top: 90px;\r\n  right: 60px;\r\n  height: calc(100% - 200px);\r\n}\r\n/* = Spielername Position für 1-2 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(2):nth-last-child(1)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:only-child) .css-y3hfdd {\r\n  position: absolute; \r\n  top: 4em;   /* frei anpassbar */\r\n}\r\n\r\n/* ========================= */\r\n/* === 3-4 Spieler: zwei Reihen, Höhe halbiert === */\r\n/* ========================= */\r\n\r\n/* = Spieler 1 (oben links) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(3),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(4) {\r\n  top: 90px;\r\n  left: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 2 (oben rechts) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(2),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(3) {\r\n  top: 90px;\r\n  right: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 3 (unten links) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(1),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(2) {\r\n top: calc(90px + ((100% - 180px) / 2) + var(--spacing-player));\r\n  left: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 4 (unten rechts) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):last-child {\r\n  top: calc(90px + ((100% - 180px) / 2) + var(--spacing-player));\r\n  right: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spielername Position für 3-4 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(3):nth-last-child(2)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(4):last-child)        .css-y3hfdd {\r\n position: absolute; \r\n top: 7em;   /* frei anpassbar */\r\n}\r\n\r\n/* ========================= */\r\n/* === 5-6 Spieler: drei Reihen, Höhe gedrittelt === */\r\n/* ========================= */\r\n:root {\r\n  --row-height-3: calc((108% - 180px) / 3 - var(--spacing-player));\r\n}\r\n\r\n/* = Reihe 1 (oben) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(5),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(6) {\r\n  top: 90px;\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(4),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(5) {\r\n  top: 90px;\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Reihe 2 (Mitte) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(3),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(4) {\r\n  top: calc(90px + ((100% - 180px) / 3) + var(--spacing-player));\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(2),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(3) {\r\n  top: calc(90px + ((100% - 180px) / 3) + var(--spacing-player));\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Reihe 3 (unten) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(1),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(2) {\r\n  top: calc(90px + 2 * ((100% - 180px) / 3) + 2 * var(--spacing-player));\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(6):last-child {\r\n  top: calc(90px + 2 * ((100% - 180px) / 3) + 2 * var(--spacing-player));\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Spielername Position für 5-6 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(5):nth-last-child(1)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(6):last-child) .css-y3hfdd {\r\n  position: absolute;\r\n  top: 2em;  /* frei anpassbar */\r\n}\r\n\r\n/* ========================= */\r\n/* === Kompakter Bereich === */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) .css-1cdcn26 {\r\n  margin: 0 auto;\r\n  transform: scale(0.95);\r\n  background-color: transparent;\r\n  color: var(--color-text);\r\n}\r\n/* = Spieleranzeige = */\r\n:root:not(:has(.css-rc3vw3)) .css-y3hfdd {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  width: 100%;\r\n  padding: 1rem;\r\n  background-color: transparent;\r\n  color: var(--color-text);\r\n}\r\n:root:not(:has(.css-rc3vw3)) .css-elma0c {\r\n  text-align: center;\r\n  color: var(--color-border);\r\n}\r\n:root:not(:has(.css-rc3vw3)) .css-1j0bqop {\r\n  order: 1;\r\n  font-size: 24px;\r\n  margin-bottom: 0.9rem;\r\n  text-align: center;\r\n  color: var(--color-text-soft);\r\n}\r\n:root:not(:has(.css-rc3vw3)) .css-1r7jzhg {\r\n  order: 2;\r\n  font-size: 120px;\r\n  text-align: center;\r\n  color: var(--color-text);\r\n  text-shadow: 0 0 25px var(--color-shadow);\r\n}\r\n/* = Navigation = */\r\n:root:not(:has(.css-rc3vw3)) .css-ege71s {\r\n  background: var(--color-bg-main);\r\n  color: var(--color-text);\r\n}\r\n/* = Score-Bereich = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi {\r\n  background: var(--color-bg-box);\r\n  color: var(--color-text);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0.5rem 1rem;\r\n  border: 2px solid var(--color-border);\r\n  box-shadow: var(--color-shadow);\r\n  text-shadow: 0 0 15px var(--color-shadow);\r\n  transition: all 0.3s ease;\r\n  margin-bottom: 1rem;\r\n  border-radius: 10px;\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv { font-size: 32px; }\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi {\r\n  font-size: 100px;\r\n  font-weight: bold;\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv:hover,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds:hover,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi:hover {\r\n  box-shadow: var(--color-shadow-strong);\r\n  transform: scale(1.03);\r\n  cursor: pointer;\r\n}\r\n/* = Dark Theme Overrides = */\r\nhtml body.chakra-ui-dark div#root div.css-z42oq0 div.css-nfhdnc,\r\nhtml body.chakra-ui-dark div#root div.css-z42oq0 div.css-nfhdnc div.css-ab3dry {\r\n  background: var(--color-bg-main) !important;\r\n  color: var(--color-text);\r\n  font-family: var(--font-main);\r\n}\r\n/* = Buttons im Dark Theme = */\r\nhtml body.chakra-ui-dark div#root div.css-z42oq0 div.css-nfhdnc\r\ndiv.css-ab3dry div.chakra-stack.css-2z3xwd\r\ndiv.animate__animated.animate__fadeIn.css-14kci4d\r\ndiv.css-17gl2zv div.chakra-stack.css-1aucrbz a.chakra-button.css-z1xk1r {\r\n  background: var(--color-bg-box) !important;\r\n  color: var(--color-text) !important;\r\n  border: 1px solid var(--color-border) !important;\r\n  box-shadow: 0 0 6px var(--color-border);\r\n  border-radius: 12px;\r\n  text-shadow: 0 0 4px var(--color-border);\r\n  font-weight: bold;\r\n  transition: all 0.25s ease;\r\n}\r\nhtml body.chakra-ui-dark div#root div.css-z42oq0 div.css-nfhdnc\r\ndiv.css-ab3dry div.chakra-stack.css-2z3xwd\r\ndiv.animate__animated.animate__fadeIn.css-14kci4d\r\ndiv.css-17gl2zv div.chakra-stack.css-1aucrbz a.chakra-button.css-z1xk1r:hover {\r\n  box-shadow: 0 0 10px var(--color-border);\r\n  transform: scale(1.03);\r\n  color: var(--color-text) !important;\r\n  text-shadow: 0 0 6px var(--color-border);\r\n}\r\n/* = Navigation Dark Theme mit eckigem roten Rahmen = */\r\nhtml body.chakra-ui-dark div#root div.css-z42oq0 div.chakra-stack.navigation.css-ege71s {\r\n  /*background: var(--color-bg-main) !important;*/\r\n\r\nbackground: linear-gradient(\r\n  145deg,\r\n  rgba(0, 0, 0, 0.4),\r\n  rgba(0, 0, 0, 0.4)\r\n) !important;\r\n\r\n  color: var(--color-text) !important;\r\n  border: 1px solid var(--color-border); /* Roter Rahmen */\r\n  border-radius: 0; /* Eckig */\r\n  box-shadow: none !important; /* Kein Glow */\r\n  font-family: var(--font-main);\r\n}\r\n/* === Menü-Liste an Theme anpassen (rund) === */\r\n#menu-list-\\:rfr\\: {\r\n  background: var(--color-bg-box) !important; /* Dunkelroter Verlauf wie Boxen */\r\n  color: var(--color-text) !important;\r\n  border: 1px solid var(--color-border); /* Roter Rahmen */\r\n  border-radius: 12px; /* Runde Ecken */\r\n  box-shadow: none !important; /* Kein Glow */\r\n  font-family: var(--font-main);\r\n  padding: 0.5rem 0;\r\n  overflow: hidden; /* Damit abgerundete Ecken auch fŸr Hover-Effekte gelten */\r\n}\r\n\r\n/* = Menü-Items = */\r\n#menu-list-\\:rfr\\: .chakra-menu__menuitem {\r\n  background: transparent !important;\r\n  color: var(--color-text) !important;\r\n  padding: 0.5rem 1rem;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* Dezente Linie zwischen Items */\r\n  text-shadow: none !important; /* Kein Text-Glow */\r\n}\r\n/* = Letztes Item ohne Linie = */\r\n#menu-list-\\:rfr\\: .chakra-menu__menuitem:last-child {\r\n  border-bottom: none;\r\n}\r\n/* = Hover-Effekt (rund bleibt erhalten) = */\r\n#menu-list-\\:rfr\\: .chakra-menu__menuitem:hover {\r\n  background: rgba(255, 255, 255, 0.15) !important; \r\n  color: var(--color-text) !important;\r\n}\r\n/* = Menüpunkte = */\r\n#menu-list-\\:r1\\: .chakra-menu__menuitem {\r\n  background: transparent !important;\r\n  color: var(--color-text) !important;\r\n  padding: 0.5rem 1rem;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n  text-shadow: none !important;\r\n}\r\n/* = Letztes Item ohne Linie = */\r\n#menu-list-\\:r1\\: .chakra-menu__menuitem:last-child {\r\n  border-bottom: none;\r\n}\r\n/* = Hover-Effekt (passt zum Theme) = */\r\n#menu-list-\\:r1\\: .chakra-menu__menuitem:hover {\r\n  background: rgba(255, 255, 255, 0.15) !important;\r\n  color: var(--color-text) !important;\r\n}\r\n/* = Menüpunkte im roten, runden Theme-Stil = */\r\n#menu-list-\\:rhj\\: {\r\n  background: var(--color-bg-box) !important; /* Gleicher Grauton wie Boxen */\r\n  color: var(--color-text) !important;\r\n  border: 1px solid var(--color-border); /* Roter Rahmen */\r\n  border-radius: 12px; /* Rund */\r\n  box-shadow: none !important; /* Kein Glow */\r\n  font-family: var(--font-main);\r\n  padding: 0.4rem 0;\r\n}\r\n/* = Menüpunkte = */\r\n#menu-list-\\:rhj\\: > * {\r\n  background: transparent !important;\r\n  color: var(--color-text) !important;\r\n}\r\n#menu-list-\\:rhj\\:\\hover {\r\n  background: rgba(255, 107, 107, 0.15) !important;\r\n}\r\n/* = Spielername im Extended Player Display: immer weiß, ohne Glow = */\r\n:root:not(:has(.css-rc3vw3)) html body.chakra-ui-dark \r\ndiv#root \r\ndiv.css-z42oq0 \r\ndiv.css-nfhdnc \r\ndiv.css-tkevr6 \r\ndiv#ad-ext-player-display.chakra-stack.showAnimations.css-1iy3ld1 \r\ndiv.ad-ext-player.css-1en42kf \r\ndiv.chakra-stack.css-y3hfdd \r\ndiv.chakra-stack.css-37hv00 \r\ndiv.css-aa7b80 \r\nspan.css-elma0c \r\ndiv.chakra-stack.css-1igwmid \r\nspan.ad-ext-player-name.css-xgedvp \r\np.chakra-text.css-0 {\r\n  color: #ffffff !important;      /* Wei§ */\r\n  text-shadow: none !important;   /* Kein Glow */\r\n}\r\n/* = Menüpunkte im roten, runden Theme-Stil (ohne Linien zwischen Items) = */\r\n[id^=\"menu-list-\"] {\r\n  background: var(--color-bg-box) !important;\r\n  color: var(--color-text) !important;\r\n  border: 1px solid var(--color-border) !important;\r\n  border-radius: 12px !important;\r\n  box-shadow: none !important;\r\n  font-family: var(--font-main) !important;\r\n  padding: 0.5rem 0 !important;\r\n  overflow: hidden !important;\r\n}\r\n/* = Menüpunkte = */\r\n[id^=\"menu-list-\"] .chakra-menu__menuitem {\r\n  background: transparent !important;\r\n  color: var(--color-text) !important;\r\n  padding: 0.5rem 1rem !important;\r\n  text-shadow: none !important;\r\n  border-bottom: none !important; /* Linien entfernt */\r\n}\r\n/* = Hover-Effekt = */\r\n[id^=\"menu-list-\"] .chakra-menu__menuitem:hover {\r\n  background: rgba(255, 255, 255, 0.15) !important;\r\n  color: var(--color-text) !important;\r\n}\r\n/* = entfernt die Rahmen der einzelnen Menüpunkte = */\r\n[id^=\"menu-list-\"] .chakra-menu__menuitem {\r\n  border: none !important; /* komplette Umrandung weg */\r\n  background: transparent !important;\r\n  color: var(--color-text) !important;\r\n  padding: 0.5rem 1rem !important;\r\n  text-shadow: none !important;\r\n}\r\nbody > div:nth-of-type(1) > div > div:nth-of-type(1) {\r\n  background: var(--color-bg-box) !important;\r\n  color: var(--color-text) !important;\r\n  border-radius: 0 !important; /* eckig */\r\n  padding: 1rem !important;\r\n  border: 1px solid var(--color-border) !important;\r\n}\r\nbody > div:nth-of-type(1) > div > div:nth-of-type(1) {\r\n  background: var(--color-bg-box) !important;\r\n  color: var(--color-text) !important;\r\n  border-radius: 0 !important; /* eckig */\r\n  border: 1px solid var(--color-border) !important;\r\n\r\n/* = Stabilität: keine Layout-Verschiebung = */\r\n  padding: 0 !important;       /* kein zusŠtzliches Innenma§ */\r\n  margin: 0 !important;        /* kein Verschieben nach au§en */\r\n  box-sizing: border-box !important; /* Border zŠhlt zur Breite */\r\n  position: relative !important; /* bleibt an Ort und Stelle */\r\n}\r\n/* = Spielerboxen Breite = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div {\r\n  position: absolute;\r\n  width: 400px;\r\n}\r\n/* = Scoring und Bullout Anzeige Gesamtbreite =  */\r\n:root:not(:has(.css-rc3vw3)) .css-1omnor5,\r\n:root:not(:has(.css-rc3vw3)) .css-ul22ge{\r\n  width: 1000px;  \r\n}\r\n/* = Scoring Anzeige Höhe = */\r\n:root:not(:has(.css-rc3vw3)) .css-1dkgpmk,\r\n:root:not(:has(.css-rc3vw3)) .css-1wlduvp,\r\n:root:not(:has(.css-rc3vw3)) .css-sm8wdq,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi {\r\n height: 120px; \r\n}\r\n/* = Scoring Anzeige bei Bust/Win/CheckGuide Position = */\r\n:root:not(:has(.css-rc3vw3)) .css-1dkgpmk,\r\n:root:not(:has(.css-rc3vw3)) .css-1wlduvp,\r\n:root:not(:has(.css-rc3vw3)) .css-sm8wdq,\r\n:root:not(:has(.css-rc3vw3)) .css-881tme {\r\n position: relative;\r\n top: -0.5em;\r\n}\r\n/* = Scoring Anzeige bei Bot/Public Game Position = */\r\n:root:not(:has(.css-rc3vw3)):root:has(.css-7lnr9n) .css-1emway5 {\r\n position: relative;\r\n top: -1em;\r\n}\r\n/* = Menüleiste Gesamtbreite = */\r\n:root:not(:has(.css-rc3vw3)) .css-19lo6pj {\r\n  width: 1385px;\r\n  position: relative;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n/* = Chalkboard 1zu1 = */\r\n:root:has(.css-1u90hiz) .css-1u90hiz {\r\n position: absolute;\r\n right: 4.8em;\r\n top: 22em;\r\n height: 50%;\r\n width: 60%;\r\n}\r\n/* = Chalkboard Schrift Größe/Breite = */\r\n:root:has(.css-1u90hiz) tbody tr td {\r\n font-size: 45px; \r\n width:50%;\r\n}\r\n    :root {\r\n  --spacing-player: 20px;\r\n  }\r\n\r\n/* ========================= */\r\n/* 1Ð2 Spieler: keine Höhen-Anpassung */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):only-child {\r\n top: 95px;\r\n left: 60px;\r\n  height: calc(100% - 100px);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(2) {\r\n  top: 95px;\r\n  left: 60px;\r\n  height: calc(100% - 100px);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(1) {\r\n  top: 95px;\r\n  right: 60px;\r\n  height: calc(100% - 100px);\r\n}\r\n/* = Spielername Position für 1-2 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(2):nth-last-child(1)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:only-child) .css-y3hfdd {\r\n  position: absolute; \r\n  top: 4em;   /* frei anpassbar */\r\n}\r\n\r\n/* ========================= */\r\n/* 3-4 Spieler: zwei Reihen, Höhe halbiert */\r\n/* ========================= */\r\n\r\n/* = pieler 1 (oben links) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(3),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(4) {\r\n  top: 95px;\r\n  left: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 2 (oben rechts) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(2),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(3) {\r\n  top: 95px;\r\n  right: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 3 (unten links) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(1),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(2) {\r\n top: calc(95px + ((100% - 180px) / 2) + var(--spacing-player));\r\n  left: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spieler 4 (unten rechts) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):last-child {\r\n  top: calc(95px + ((100% - 180px) / 2) + var(--spacing-player));\r\n  right: 60px;\r\n  height: calc((105% - 180px) / 2 - var(--spacing-player));\r\n}\r\n/* = Spielername Position für 3-4 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(3):nth-last-child(2)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(4):last-child)        .css-y3hfdd {\r\n position: absolute; \r\n top: 7em;   /* frei anpassen */\r\n}\r\n\r\n/* ========================= */\r\n/* 5-6 Spieler: drei Reihen, Höhe gedrittelt */\r\n/* ========================= */\r\n:root {\r\n  --row-height-3: calc((108% - 180px) / 3 - var(--spacing-player));\r\n}\r\n/* = Reihe 1 (oben) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(5),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(1):nth-last-child(6) {\r\n  top: 95px;\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(4),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(2):nth-last-child(5) {\r\n  top: 95px;\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Reihe 2 (Mitte) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(3),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(3):nth-last-child(4) {\r\n  top: calc(95px + ((100% - 180px) / 3) + var(--spacing-player));\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(2),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(4):nth-last-child(3) {\r\n  top: calc(95px + ((100% - 180px) / 3) + var(--spacing-player));\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Reihe 3 (unten) = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(1),\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(5):nth-last-child(2) {\r\n  top: calc(95px + 2 * ((100% - 180px) / 3) + 2 * var(--spacing-player));\r\n  left: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div:nth-child(6):last-child {\r\n  top: calc(95px + 2 * ((100% - 180px) / 3) + 2 * var(--spacing-player));\r\n  right: 60px;\r\n  height: var(--row-height-3);\r\n}\r\n/* = Spielername Position für 5-6 Spieler = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(5):nth-last-child(1)) .css-y3hfdd,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display:has(> div:nth-child(6):last-child) .css-y3hfdd {\r\n  position: absolute;\r\n  top: 2em;  /* frei anpassbar */\r\n}\r\n/* ========================= */\r\n/* --- Hauptcontainer --- */\r\n/* ========================= */\r\n:root:not(:has(.css-rc3vw3)) .css-tkevr6 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 95%;\r\n  box-sizing: border-box;\r\n}\r\n/* = Spielerboxen Breite = */\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-player-display > div {\r\n  position: absolute;\r\n  width: 350px\r\n}\r\n/* = Scoring und Bullout Anzeige Gesamtbreite = */\r\n:root:not(:has(.css-rc3vw3)) .css-1omnor5,\r\n:root:not(:has(.css-rc3vw3)) .css-ul22ge{\r\n  width: 900px;  \r\n}\r\n/* = Scoring Anzeige Höhe = */\r\n:root:not(:has(.css-rc3vw3)) .css-1dkgpmk,\r\n:root:not(:has(.css-rc3vw3)) .css-1wlduvp,\r\n:root:not(:has(.css-rc3vw3)) .css-sm8wdq,\r\n:root:not(:has(.css-rc3vw3)) .css-881tme, \r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .css-rrf7rv,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .score.css-156dsds,\r\n:root:not(:has(.css-rc3vw3)) #ad-ext-turn .ad-ext-turn-throw.css-1p5spmi,\r\n.css-1tv7rud  {\r\n height: 110px; \r\n}\r\n/* = Menüleiste Gesamtbreite = */\r\n:root:not(:has(.css-rc3vw3)) .css-19lo6pj {\r\n  width: 142%\r\n}\r\n/* = Chalkboard 1zu1 = */\r\n:root:has(.css-1u90hiz) .css-1u90hiz {\r\n position: absolute;\r\n right: 3.2em;\r\n top: 23em;\r\n height: 48%;\r\n width: 70%;\r\n}\r\n/* = Chalkboard Schrift Größe/Breite = */\r\n:root:has(.css-1u90hiz) tbody tr td {\r\n font-size: 46px; \r\n width:51.5%;\r\n \r\n}\r\n\r\n/* ========================= */\r\n/* === Positionen === */\r\n/* ========================= */\r\n\r\n/* = Scoring Anzeige bei Bust/Win/CheckGuide Position = */\r\n:root:not(:has(.css-rc3vw3)) .css-1wlduvp,\r\n:root:not(:has(.css-rc3vw3)) .css-sm8wdq {\r\n position: relative;\r\n top: -1em;\r\n}\r\n/* = Board Position = */\r\n:root:has(.css-onkibi):root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-jbngkd,\r\n:root:has(.css-onkibi):root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-1cdcn26 {\r\n  position: relative;\r\n  top: -6.5em;\r\n}\r\n/* = Board Position beim Bullout = */\r\n:root:not(:has(.css-onkibi)):root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-jbngkd,\r\n:root:not(:has(.css-onkibi)):root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-1cdcn26 {\r\n  position: relative;\r\n  top: -4.5em;\r\n}\r\n/* = Scoring Position (Checkout) = */\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-1emway5{\r\n  position: relative;\r\n  top: 675px;\r\n}\r\n/* = Button vor+zurück Position = */\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-ol79nz,\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-58e0cq,\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-1b1zesg,\r\n:root:not(:has(.css-rc3vw3)):root:not(:has(.css-15suq9)) .css-1x1xjw8 \r\n{\r\n  position: relative;\r\n  top: 410px;\r\n}\r\n/* ========================= */\r\n/* === Hintergrundbilder === */\r\n/* ========================= */\r\n\r\n/* = Menübereich = */\r\n:root:not(:has(.css-1cdcn26)) body {\r\n background-image: url(https://triple-twenties.de/stylus/677.jpeg);\r\n background-repeat: no-repeat;\r\n background-size:cover;\r\n background-position: center;\r\n}\r\n/* = Im Spiel = */\r\n:root:has(.css-1cdcn26) body {\r\n background-image: url(https://triple-twenties.de/stylus/677.jpeg);\r\n background-repeat: no-repeat;\r\n background-size:cover;\r\n background-position: center;\r\n}\r\n\r\n/* ========================= */\r\n/* === Schriftarten === */\r\n/* ========================= */\r\n@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);\r\n\r\n@import url(https://fonts.googleapis.com/css2?family=Bruno+Ace SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);\r\n\r\n/* = Offgame = */\r\na.chakra-button.css-z1xk1r {\r\n  font-family: Bruno Ace SC;\r\n  color: #ffff;\r\n}\r\n/* = Name = */\r\np.chakra-text.css-11cuipc {\r\n  font-family: Bruno Ace SC;\r\n  color: #DFBD69, #c68346;\r\n}\r\n/* = Freunde = */\r\nh2.chakra-heading.css-18j379d {\r\n  font-family: Bruno Ace SC;\r\n  color: #ffff;\r\n}\r\n/* = Lobbys+Spiele = */\r\nh2.chakra-heading.css-in7i11 {\r\n  font-family: Bruno Ace SC;\r\n  color: #ffff;\r\n}\r\n/* = Spielhistorie = */\r\nh2.chakra-heading.css-1dklj6k {\r\n  font-family: Bruno Ace SC;\r\n  color: #ffff;  \r\n}\r\n/* = Turniere = */\r\nh2.chakra-heading.css-12l4dtq {\r\n  font-family: Bruno Ace SC;\r\n  color: #ffff;  \r\n}\r\n/* = 301,501... = */\r\np.chakra-text.ad-ext-player-score.css-1r7jzhg {\r\n  font-family: Bruno Ace SC;\r\n  color: #DFBD69;\r\n}\r\n/* = Button vor+zurück = */\r\np.chakra-text.css-1j0bqop {\r\n  font-family: Bruno Ace SC;\r\n  color: #DFBD69;\r\n}\r\n/* = Gesamt gezählt... = */\r\np.chakra-text.ad-ext-turn-points.css-1lvci65 {\r\n  font-family: Bruno Ace SC;\r\n  color: #89f336;\r\n  font-size: 72px;\r\n}\r\n/* = Geworfender Dart normales Scoring = */\r\np.chakra-text.css-1w3enuu {\r\n  font-family: Bruno Ace SC;\r\n  color: #DFBD69;\r\n  font-weight: 20;\r\n  font-size: 58pt;\r\n}\r\n\r\n/* =========================== */\r\n/* Cricket Table Background */\r\n/* =========================== */\r\n/* = Cricket Zeile 1 = */\r\n:root:has(.css-rc3vw3) div.css-rc3vw3 {\r\n  background-color: rgba(130, 200, 239, 0.1)\r\n}\r\n/* = Cricket Zeile 2 = */\r\n:root:has(.css-1yso2z2) div.css-1yso2z2 {\r\n  background-color: rgba(0, 0, 0, 0.2)\r\n}\r\n/* = Score Schriftgröße = */\r\n:root:has(.css-1cdcn26) p div div {\r\n   font-size: 60px \r\n}\r\n/* = Cricket Tabelle Breite = */\r\n:root:has(.css-rc3vw3) div.css-rc3vw3 {\r\n  width: 900px;\r\n}\r\n/* = Cricket Board Größe und Position =*/\r\n:root:has(.css-rc3vw3) .css-1cdcn26,\r\n:root:has(.css-rc3vw3) .css-jbngkd {\r\n  width: 800px;\r\n  position: relative;\r\n  right:-10px;\r\n}\r\n/* = Cricket Scoring Anzeige Breite = */\r\n:root:has(.css-rc3vw3) .css-1emway5 {\r\n  width: 1720px;\r\n}\r\n/* = Cricket Menüleiste Breite = */\r\n:root:has(.css-rc3vw3) .css-19lo6pj {\r\n    width: 1720px;\r\n}\r\n/* = Cricket Abstand links =*/\r\n:root:has(.css-rc3vw3) .css-1k7iu8k {\r\n  position: relative;\r\n  left: -200px;\r\n}\r\n\r\n/* =========================================================== */\r\n/* === Kleine 180 Animation mit Feuerwerk für alle Spieler === */\r\n/* =========================================================== */\r\n.fireworks {\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%) scale(0.4); /* Größe anpassbar */\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 9999;\r\n  pointer-events: none;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* ================================= */\r\n/* === PLAYER LED STYLE COMPLETE === */\r\n/* ================================= */\r\n\r\n@property --angle {\r\n  syntax: \"<angle>\";\r\n  initial-value: 0deg;\r\n  inherits: false;\r\n}\r\n\r\n\r\n/* ================================= */\r\n/* === BASIS FÜR BEIDE SPIELER ===== */\r\n/* ================================= */\r\n\r\n:root:not(:has(.css-rc3vw3)) .css-rtn29s,\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n\r\n  position: relative;\r\n  border-radius: 12px;\r\n  border: none !important;\r\n\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease,\r\n    background 0.25s ease;\r\n}\r\n/* ================================= */\r\n/* === AKTIVER SPIELER LED STYLE === */\r\n/* ================================= */\r\n@property --angle {\r\n  syntax: \"<angle>\";\r\n  initial-value: 0deg;\r\n  inherits: false;\r\n}\r\n/* = BASIS (für beide Player) = */\r\n:root:not(:has(.css-rc3vw3)) .css-rtn29s,\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n  position: relative;\r\n  border: none !important;\r\n  border-radius: 12px;\r\n  transition: all 0.25s ease;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n/* ===================================== */\r\n/* = BASIS (beide Spieler) = */\r\n/* ===================================== */\r\n\r\n:root:not(:has(.css-rc3vw3)) .css-rtn29s,\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n  position: relative;\r\n  transition: all 0.25s ease;\r\n  border-radius: 12px;\r\n}\r\n/* = AKTIVER SPIELER: ÖSTERREICH STYLE = */\r\n  :root:not(:has(.css-rc3vw3)) .css-rtn29s {\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(180,0,0,0.30) 0%,\r\n    rgba(255,255,255,0.30) 50%,\r\n    rgba(180,0,0,0.30) 100%\r\n  ) !important;\r\n\r\n  border: 1px solid rgba(255,255,255,0.55);\r\n\r\n  box-shadow:\r\n    0 0 3px rgba(255,255,255,0.85),\r\n    0 0 10px rgba(255,0,0,0.50),\r\n    0 0 20px rgba(180,0,0,0.50),\r\n    0 0 32px rgba(255,255,255,0.25);\r\n\r\n  transform: scale(1.03);\r\n}\r\n/* = GEGNER: ROTER GLOW = */\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n background: rgba(0,0,0,0.5) !important;\r\n  box-shadow:\r\n    0 0 2px rgba(255,0,0,0.8),\r\n    0 0 5px rgba(255,0,0,0.7),\r\n    0 0 15px rgba(180,0,0,0.6),\r\n    0 0 25px rgba(120,0,0,0.5);\r\n}\r\n/* === GEGNER = GEDIMMT =============== */\r\n:root:not(:has(.css-rc3vw3)) .css-hjw8x4 {\r\n\r\n  background: rgba(0,0,0,0.45) !important;\r\n\r\n  border: 1px solid rgba(255,255,255,0.15);\r\n\r\n  box-shadow:\r\n    0 0 3px rgba(0,0,0,0.6),\r\n    0 0 8px rgba(0,0,0,0.4);\r\n\r\n  filter: brightness(0.7) saturate(0.6);\r\n\r\n  transform: scale(0.98);\r\n\r\n  opacity: 0.85;\r\n}","readability":false,"enabled":true,"modifiedTime":"2026-05-09T20:17:58.562+02:00"}}