body {
    --base-color-h: 200;
    --base-color-s: 50%;
    --base-color-l: 50%;
    /* --- background vars --- */
    --background-color: hsl(var(--base-color-h), var(--base-color-s), calc(var(--base-color-l) + 30%));
    --game-area-background-color: hsl(var(--base-color-h), 50%, 75%);
    /* --- background definition --- */
    background-color: var(--background-color);
    /* color: hsl(128, 50%, 80%); */
    /* --- wiki Area --- */
    --wiki-border: hsl(var(--base-color-h), 49%, 51%);
    --wiki-border-width: 5px;
}

#game-header{
    display:flex
}

#game-counter{
    
}
#game-timer{
}

.game-circle-inner {
    stroke: hsl(0, 0%, 38%);
    stroke-linecap: round;
    stroke-dasharray: 2, 5;
    fill: none;
    animation: 30s linear rotate infinite;
    transform-origin: center;
}

.player-name {
    text-anchor: middle;
    dominant-baseline: middle;
}

.player-link {
    text-anchor: middle;
    dominant-baseline: middle;
}

#timer-text {
    text-anchor: middle;
    dominant-baseline: middle;
}

#wiki-line {
    fill: var(--wiki-border);
    animation: 2s linear;
}

.anchor-pretender {
    color: blueviolet;
    cursor: pointer;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.wiki-link-selected {
    color: blue !important; 
}
.wiki-link-locked {
    color: rgb(40, 163, 9) !important; 
    font-weight: bold !important;
}
.wiki-link-unselectable {
    color: rgb(0, 0, 0) !important; 
  
}
#game-round-data {
    width: 100vw;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items: center;

}
#game-round-clounter{
    margin:0 20px 0 0;
    font-family: Arial, Helvetica, sans-serif;
}
#game-round-timer{
    font-family: Arial, Helvetica, sans-serif;

}
.time-donut-default {
/* fill: rgb(87, 149, 231); */
stroke: rgb(87, 149, 231);
fill: none;
}

/* .time-donut-hidden {
visibility: hidden;
}

.time-donut-visible {
visibility: visible;
} */

.locked-lemma{
    /* font-weight:900; */
    fill: black;
    /* animation: textwelle 3s; */
    font-weight: 900;
}
.selected-lemma{
    fill: black;
    /* fill: rgb(59, 211, 22); */
    font-weight: 100;

}

.player-lemma{
    /* font-weight: 100; */
    /* fill:blueviolet */
    font-size: 13px;
    font-family: 'Ubuntu', 'Times New Roman', Times, serif;
    text-anchor: middle;
    dominant-baseline: middle;
}

.time-donut-empty {
fill: none;
}

@keyframes textwelle {
    from {
      font-weight: 100;
    }  
    to {
        font-weight: 900;	
    }
  }