@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.q21vm7bk8w.bundle.scp.css';

/* _content/CWHSite.Server/Components/Layout/NavMenu.razor.rz.scp.css */
[b-h0maa0ibs6] .fluent-nav-icon {
    padding-top: 5px;
}


[b-h0maa0ibs6] .fluent-nav-link {
height: 50px;
}


[b-h0maa0ibs6] .positioning-region {
height: 51px;
}

[b-h0maa0ibs6] .fluent-nav-item a.active .positioning-region::before {
content: "";
display: block;
position: absolute;
right: unset;
width: 3px;
height: 35px !important;
/*height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2) * 1px);*/
background: var(--accent-fill-rest);
border-radius: calc(var(--control-corner-radius) * 1px);
margin: calc(var(--design-unit) * 2px) 2px;
z-index: 5;
}
/* _content/CWHSite.Server/Components/Pages/Game/Board.razor.rz.scp.css */
div[b-qi86p0rcg3] {
position: relative
}

nav[b-qi86p0rcg3] {
top: 4em;
width: 30em;
display: inline-flex;
flex-direction: row;
margin-left: 10px
}

nav span[b-qi86p0rcg3] {
width: 4em;
text-align: center;
cursor: pointer;
font-size: 1em
}

div.board[b-qi86p0rcg3] {
margin-top: 1em;
flex-wrap: wrap;
width: 30em;
height: 24em;
overflow: hidden;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
z-index: -5;
row-gap: 0;
pointer-events: none;
border-left: 10px solid var(--board-bg)
}

span.container[b-qi86p0rcg3] {
width: 4em;
height: 4em;
margin: 0;
padding: 4px;
overflow: hidden;
background-color: transparent;
position: relative;
z-index: -2;
pointer-events: none
}

.container span[b-qi86p0rcg3] {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
box-shadow: 0 0 0 3em var(--board-bg);
left: 0;
position: absolute;
display: block;
z-index: 5;
pointer-events: none
}

.player1[b-qi86p0rcg3], .player2[b-qi86p0rcg3] {
width: 3.5em;
height: 3.5em;
border-radius: 50%;
left: 0;
top: 0;
position: absolute;
display: block;
z-index: -8
}

.player1[b-qi86p0rcg3] {
background-color: var(--player1);
animation-timing-function: cubic-bezier(.5,.05,1,.5);
animation-iteration-count: 1;
animation-fill-mode: forwards;
box-shadow: 0 0 0 4px var(--player1)
}

.player2[b-qi86p0rcg3] {
background-color: var(--player2);
animation-timing-function: cubic-bezier(.5,.05,1,.5);
animation-iteration-count: 1;
animation-fill-mode: forwards;
box-shadow: 0 0 0 4px var(--player2)
}

.col1[b-qi86p0rcg3] {
left: calc(0em + 9px)
}

.col2[b-qi86p0rcg3] {
left: calc(4em + 9px)
}

.col3[b-qi86p0rcg3] {
left: calc(8em + 9px)
}

.col4[b-qi86p0rcg3] {
left: calc(12em + 9px)
}

.col5[b-qi86p0rcg3] {
left: calc(16em + 9px)
}

.col6[b-qi86p0rcg3] {
left: calc(20em + 9px)
}

.col7[b-qi86p0rcg3] {
left: calc(24em + 9px)
}

.drop1[b-qi86p0rcg3] {
animation-duration: 1s;
animation-name: drop1-b-qi86p0rcg3
}

.drop2[b-qi86p0rcg3] {
animation-duration: 1.5s;
animation-name: drop2-b-qi86p0rcg3
}

.drop3[b-qi86p0rcg3] {
animation-duration: 1.6s;
animation-name: drop3-b-qi86p0rcg3
}

.drop4[b-qi86p0rcg3] {
animation-duration: 1.7s;
animation-name: drop4-b-qi86p0rcg3
}

.drop5[b-qi86p0rcg3] {
animation-duration: 1.8s;
animation-name: drop5-b-qi86p0rcg3
}

.drop6[b-qi86p0rcg3] {
animation-duration: 1.9s;
animation-name: drop6-b-qi86p0rcg3
}

@keyframes drop1-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(1.27em)
}

80% {
transform: translateY(.4em)
}

95% {
transform: translateY(.8em)
}

99% {
transform: translateY(1em)
}
}

@keyframes drop2-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(5.27em)
}

80% {
transform: translateY(3.8em)
}

95% {
transform: translateY(4.6em)
}

99% {
transform: translateY(4.9em)
}
}

@keyframes drop3-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(9.27em)
}

80% {
transform: translateY(7.2em)
}

95% {
transform: translateY(8.3em)
}

99% {
transform: translateY(8.8em)
}
}

@keyframes drop4-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(13.27em)
}

80% {
transform: translateY(10.6em)
}

95% {
transform: translateY(12em)
}

99% {
transform: translateY(12.7em)
}
}

@keyframes drop5-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(17.27em)
}

80% {
transform: translateY(14em)
}

95% {
transform: translateY(15.7em)
}

99% {
transform: translateY(16.5em)
}
}

@keyframes drop6-b-qi86p0rcg3 {
100%,75%,90%,97% {
transform: translateY(21.27em)
}

80% {
transform: translateY(17.4em)
}

95% {
transform: translateY(19.4em)
}

99% {
transform: translateY(20.4em)
}
}
/* _content/CWHSite.Server/Components/Pages/Game/EasterEgg.razor.rz.scp.css */
*[b-b651rqx5mb], *[b-b651rqx5mb]::before, *[b-b651rqx5mb]::after {
padding: 0;
margin: 0 auto;
box-sizing: border-box;
}

body[b-b651rqx5mb] {
min-height: 100vh;
display: grid;
place-items: center;
perspective: 800px;
overflow: hidden;
}

body *[b-b651rqx5mb] {
transform-style: preserve-3d;
}

.scene[b-b651rqx5mb] {
position: relative;
transform: rotateX(-30deg) rotateY(-60deg);
font-size: 60px;
-webkit-animation: sceneRotate 60s infinite linear;
animation: sceneRotate-b-b651rqx5mb 60s infinite linear;
}

@-webkit-keyframes sceneRotate {
from {
transform: rotateX(-30deg) rotateY(0deg);
}

to {
transform: rotateX(-30deg) rotateY(360deg);
}
}

@keyframes sceneRotate-b-b651rqx5mb {
from {
transform: rotateX(-30deg) rotateY(0deg);
}

to {
transform: rotateX(-30deg) rotateY(360deg);
}
}

.column[b-b651rqx5mb] {
position: absolute;
transform: rotateY(var(--ry)) translateX(2.8em);
}

.column:nth-child(1)[b-b651rqx5mb] {
--ry: 0deg;
}

.column:nth-child(1) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate0 12s var(--delay) infinite ease-in-out, boxTop0 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate0-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop0-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate0 {
0%, 12% {
rotate: 0.25turn;
}

16.04%, 18.6%, 21.82%, 24.22%, 27.32% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

16.04%, 18.6%, 21.82%, 24.22%, 27.32% {
rotate: 0turn;
}

31.8%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate0-b-b651rqx5mb {
0%, 12% {
rotate: 0.25turn;
}

16.04%, 18.6%, 21.82%, 24.22%, 27.32% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

16.04%, 18.6%, 21.82%, 24.22%, 27.32% {
rotate: 0turn;
}

31.8%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop0 {
0%, 12% {
top: 0;
}

16.04% {
top: -1em;
}

18.6% {
top: -2em;
}

21.82% {
top: -3em;
}

24.22% {
top: -4em;
}

27.32% {
top: -5em;
}
}

@keyframes boxTop0-b-b651rqx5mb {
0%, 12% {
top: 0;
}

16.04% {
top: -1em;
}

18.6% {
top: -2em;
}

21.82% {
top: -3em;
}

24.22% {
top: -4em;
}

27.32% {
top: -5em;
}
}

.column:nth-child(2)[b-b651rqx5mb] {
--ry: 30deg;
}

.column:nth-child(2) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate1 12s var(--delay) infinite ease-in-out, boxTop1 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate1-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop1-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate1 {
0%, 32.4% {
rotate: 0.25turn;
}

37.56%, 40.12%, 44%, 47.12%, 49.56% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

37.56%, 40.12%, 44%, 47.12%, 49.56% {
rotate: 0turn;
}

55.04%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate1-b-b651rqx5mb {
0%, 32.4% {
rotate: 0.25turn;
}

37.56%, 40.12%, 44%, 47.12%, 49.56% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

37.56%, 40.12%, 44%, 47.12%, 49.56% {
rotate: 0turn;
}

55.04%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop1 {
0%, 32.4% {
top: 0;
}

37.56% {
top: -1em;
}

40.12% {
top: -2em;
}

44% {
top: -3em;
}

47.12% {
top: -4em;
}

49.56% {
top: -5em;
}
}

@keyframes boxTop1-b-b651rqx5mb {
0%, 32.4% {
top: 0;
}

37.56% {
top: -1em;
}

40.12% {
top: -2em;
}

44% {
top: -3em;
}

47.12% {
top: -4em;
}

49.56% {
top: -5em;
}
}

.column:nth-child(3)[b-b651rqx5mb] {
--ry: 60deg;
}

.column:nth-child(3) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate2 12s var(--delay) infinite ease-in-out, boxTop2 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate2-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop2-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate2 {
0%, 4% {
rotate: 0.25turn;
}

11.04%, 13.08%, 17.08%, 20.98%, 23.78% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

11.04%, 13.08%, 17.08%, 20.98%, 23.78% {
rotate: 0turn;
}

29.46%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate2-b-b651rqx5mb {
0%, 4% {
rotate: 0.25turn;
}

11.04%, 13.08%, 17.08%, 20.98%, 23.78% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

11.04%, 13.08%, 17.08%, 20.98%, 23.78% {
rotate: 0turn;
}

29.46%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop2 {
0%, 4% {
top: 0;
}

11.04% {
top: -1em;
}

13.08% {
top: -2em;
}

17.08% {
top: -3em;
}

20.98% {
top: -4em;
}

23.78% {
top: -5em;
}
}

@keyframes boxTop2-b-b651rqx5mb {
0%, 4% {
top: 0;
}

11.04% {
top: -1em;
}

13.08% {
top: -2em;
}

17.08% {
top: -3em;
}

20.98% {
top: -4em;
}

23.78% {
top: -5em;
}
}

.column:nth-child(4)[b-b651rqx5mb] {
--ry: 90deg;
}

.column:nth-child(4) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate3 12s var(--delay) infinite ease-in-out, boxTop3 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate3-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop3-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate3 {
0%, 30.8% {
rotate: 0.25turn;
}

38.4%, 42.14%, 45.06%, 48.52%, 50.76% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

38.4%, 42.14%, 45.06%, 48.52%, 50.76% {
rotate: 0turn;
}

58.4%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate3-b-b651rqx5mb {
0%, 30.8% {
rotate: 0.25turn;
}

38.4%, 42.14%, 45.06%, 48.52%, 50.76% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

38.4%, 42.14%, 45.06%, 48.52%, 50.76% {
rotate: 0turn;
}

58.4%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop3 {
0%, 30.8% {
top: 0;
}

38.4% {
top: -1em;
}

42.14% {
top: -2em;
}

45.06% {
top: -3em;
}

48.52% {
top: -4em;
}

50.76% {
top: -5em;
}
}

@keyframes boxTop3-b-b651rqx5mb {
0%, 30.8% {
top: 0;
}

38.4% {
top: -1em;
}

42.14% {
top: -2em;
}

45.06% {
top: -3em;
}

48.52% {
top: -4em;
}

50.76% {
top: -5em;
}
}

.column:nth-child(5)[b-b651rqx5mb] {
--ry: 120deg;
}

.column:nth-child(5) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate4 12s var(--delay) infinite ease-in-out, boxTop4 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate4-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop4-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate4 {
0%, 7.2% {
rotate: 0.25turn;
}

12.68%, 14.88%, 18.06%, 21.6%, 25.6% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

12.68%, 14.88%, 18.06%, 21.6%, 25.6% {
rotate: 0turn;
}

32.24%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate4-b-b651rqx5mb {
0%, 7.2% {
rotate: 0.25turn;
}

12.68%, 14.88%, 18.06%, 21.6%, 25.6% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

12.68%, 14.88%, 18.06%, 21.6%, 25.6% {
rotate: 0turn;
}

32.24%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop4 {
0%, 7.2% {
top: 0;
}

12.68% {
top: -1em;
}

14.88% {
top: -2em;
}

18.06% {
top: -3em;
}

21.6% {
top: -4em;
}

25.6% {
top: -5em;
}
}

@keyframes boxTop4-b-b651rqx5mb {
0%, 7.2% {
top: 0;
}

12.68% {
top: -1em;
}

14.88% {
top: -2em;
}

18.06% {
top: -3em;
}

21.6% {
top: -4em;
}

25.6% {
top: -5em;
}
}

.column:nth-child(6)[b-b651rqx5mb] {
--ry: 150deg;
}

.column:nth-child(6) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate5 12s var(--delay) infinite ease-in-out, boxTop5 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate5-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop5-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate5 {
0%, 25.2% {
rotate: 0.25turn;
}

32%, 34.88%, 37.22%, 40.72%, 43.96% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

32%, 34.88%, 37.22%, 40.72%, 43.96% {
rotate: 0turn;
}

51.04%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate5-b-b651rqx5mb {
0%, 25.2% {
rotate: 0.25turn;
}

32%, 34.88%, 37.22%, 40.72%, 43.96% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

32%, 34.88%, 37.22%, 40.72%, 43.96% {
rotate: 0turn;
}

51.04%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop5 {
0%, 25.2% {
top: 0;
}

32% {
top: -1em;
}

34.88% {
top: -2em;
}

37.22% {
top: -3em;
}

40.72% {
top: -4em;
}

43.96% {
top: -5em;
}
}

@keyframes boxTop5-b-b651rqx5mb {
0%, 25.2% {
top: 0;
}

32% {
top: -1em;
}

34.88% {
top: -2em;
}

37.22% {
top: -3em;
}

40.72% {
top: -4em;
}

43.96% {
top: -5em;
}
}

.column:nth-child(7)[b-b651rqx5mb] {
--ry: 180deg;
}

.column:nth-child(7) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate6 12s var(--delay) infinite ease-in-out, boxTop6 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate6-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop6-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate6 {
0%, 21.6% {
rotate: 0.25turn;
}

27.6%, 30.4%, 32.9%, 35.98%, 38.58% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

27.6%, 30.4%, 32.9%, 35.98%, 38.58% {
rotate: 0turn;
}

45.42%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate6-b-b651rqx5mb {
0%, 21.6% {
rotate: 0.25turn;
}

27.6%, 30.4%, 32.9%, 35.98%, 38.58% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

27.6%, 30.4%, 32.9%, 35.98%, 38.58% {
rotate: 0turn;
}

45.42%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop6 {
0%, 21.6% {
top: 0;
}

27.6% {
top: -1em;
}

30.4% {
top: -2em;
}

32.9% {
top: -3em;
}

35.98% {
top: -4em;
}

38.58% {
top: -5em;
}
}

@keyframes boxTop6-b-b651rqx5mb {
0%, 21.6% {
top: 0;
}

27.6% {
top: -1em;
}

30.4% {
top: -2em;
}

32.9% {
top: -3em;
}

35.98% {
top: -4em;
}

38.58% {
top: -5em;
}
}

.column:nth-child(8)[b-b651rqx5mb] {
--ry: 210deg;
}

.column:nth-child(8) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate7 12s var(--delay) infinite ease-in-out, boxTop7 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate7-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop7-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate7 {
0%, 33.2% {
rotate: 0.25turn;
}

39.24%, 42.34%, 46.34%, 49.76%, 52.78% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

39.24%, 42.34%, 46.34%, 49.76%, 52.78% {
rotate: 0turn;
}

57.1%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate7-b-b651rqx5mb {
0%, 33.2% {
rotate: 0.25turn;
}

39.24%, 42.34%, 46.34%, 49.76%, 52.78% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

39.24%, 42.34%, 46.34%, 49.76%, 52.78% {
rotate: 0turn;
}

57.1%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop7 {
0%, 33.2% {
top: 0;
}

39.24% {
top: -1em;
}

42.34% {
top: -2em;
}

46.34% {
top: -3em;
}

49.76% {
top: -4em;
}

52.78% {
top: -5em;
}
}

@keyframes boxTop7-b-b651rqx5mb {
0%, 33.2% {
top: 0;
}

39.24% {
top: -1em;
}

42.34% {
top: -2em;
}

46.34% {
top: -3em;
}

49.76% {
top: -4em;
}

52.78% {
top: -5em;
}
}

.column:nth-child(9)[b-b651rqx5mb] {
--ry: 240deg;
}

.column:nth-child(9) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate8 12s var(--delay) infinite ease-in-out, boxTop8 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate8-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop8-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate8 {
0%, 6% {
rotate: 0.25turn;
}

13.08%, 16.46%, 20.04%, 23.98%, 27.72% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

13.08%, 16.46%, 20.04%, 23.98%, 27.72% {
rotate: 0turn;
}

31.96%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate8-b-b651rqx5mb {
0%, 6% {
rotate: 0.25turn;
}

13.08%, 16.46%, 20.04%, 23.98%, 27.72% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

13.08%, 16.46%, 20.04%, 23.98%, 27.72% {
rotate: 0turn;
}

31.96%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop8 {
0%, 6% {
top: 0;
}

13.08% {
top: -1em;
}

16.46% {
top: -2em;
}

20.04% {
top: -3em;
}

23.98% {
top: -4em;
}

27.72% {
top: -5em;
}
}

@keyframes boxTop8-b-b651rqx5mb {
0%, 6% {
top: 0;
}

13.08% {
top: -1em;
}

16.46% {
top: -2em;
}

20.04% {
top: -3em;
}

23.98% {
top: -4em;
}

27.72% {
top: -5em;
}
}

.column:nth-child(10)[b-b651rqx5mb] {
--ry: 270deg;
}

.column:nth-child(10) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate9 12s var(--delay) infinite ease-in-out, boxTop9 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate9-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop9-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate9 {
0%, 32.4% {
rotate: 0.25turn;
}

36.96%, 40.88%, 43.16%, 45.78%, 48.4% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

36.96%, 40.88%, 43.16%, 45.78%, 48.4% {
rotate: 0turn;
}

56.12%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate9-b-b651rqx5mb {
0%, 32.4% {
rotate: 0.25turn;
}

36.96%, 40.88%, 43.16%, 45.78%, 48.4% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

36.96%, 40.88%, 43.16%, 45.78%, 48.4% {
rotate: 0turn;
}

56.12%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop9 {
0%, 32.4% {
top: 0;
}

36.96% {
top: -1em;
}

40.88% {
top: -2em;
}

43.16% {
top: -3em;
}

45.78% {
top: -4em;
}

48.4% {
top: -5em;
}
}

@keyframes boxTop9-b-b651rqx5mb {
0%, 32.4% {
top: 0;
}

36.96% {
top: -1em;
}

40.88% {
top: -2em;
}

43.16% {
top: -3em;
}

45.78% {
top: -4em;
}

48.4% {
top: -5em;
}
}

.column:nth-child(11)[b-b651rqx5mb] {
--ry: 300deg;
}

.column:nth-child(11) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate10 12s var(--delay) infinite ease-in-out, boxTop10 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate10-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop10-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate10 {
0%, 26% {
rotate: 0.25turn;
}

30.04%, 33.6%, 37.16%, 40.94%, 43.1% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

30.04%, 33.6%, 37.16%, 40.94%, 43.1% {
rotate: 0turn;
}

49.3%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate10-b-b651rqx5mb {
0%, 26% {
rotate: 0.25turn;
}

30.04%, 33.6%, 37.16%, 40.94%, 43.1% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

30.04%, 33.6%, 37.16%, 40.94%, 43.1% {
rotate: 0turn;
}

49.3%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop10 {
0%, 26% {
top: 0;
}

30.04% {
top: -1em;
}

33.6% {
top: -2em;
}

37.16% {
top: -3em;
}

40.94% {
top: -4em;
}

43.1% {
top: -5em;
}
}

@keyframes boxTop10-b-b651rqx5mb {
0%, 26% {
top: 0;
}

30.04% {
top: -1em;
}

33.6% {
top: -2em;
}

37.16% {
top: -3em;
}

40.94% {
top: -4em;
}

43.1% {
top: -5em;
}
}

.column:nth-child(12)[b-b651rqx5mb] {
--ry: 330deg;
}

.column:nth-child(12) .box[b-b651rqx5mb] {
-webkit-animation: boxRotate11 12s var(--delay) infinite ease-in-out, boxTop11 12s var(--delay) infinite step-end, boxTranslate 12s var(--delay) infinite linear;
animation: boxRotate11-b-b651rqx5mb 12s var(--delay) infinite ease-in-out, boxTop11-b-b651rqx5mb 12s var(--delay) infinite step-end, boxTranslate-b-b651rqx5mb 12s var(--delay) infinite linear;
}

@-webkit-keyframes boxRotate11 {
0%, 12.8% {
rotate: 0.25turn;
}

17.76%, 21.56%, 23.72%, 26.3%, 30.12% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

17.76%, 21.56%, 23.72%, 26.3%, 30.12% {
rotate: 0turn;
}

35.04%, 100% {
rotate: -0.5turn;
}
}

@keyframes boxRotate11-b-b651rqx5mb {
0%, 12.8% {
rotate: 0.25turn;
}

17.76%, 21.56%, 23.72%, 26.3%, 30.12% {
rotate: -0.25turn;
-webkit-animation-timing-function: step-end;
animation-timing-function: step-end;
}

17.76%, 21.56%, 23.72%, 26.3%, 30.12% {
rotate: 0turn;
}

35.04%, 100% {
rotate: -0.5turn;
}
}

@-webkit-keyframes boxTop11 {
0%, 12.8% {
top: 0;
}

17.76% {
top: -1em;
}

21.56% {
top: -2em;
}

23.72% {
top: -3em;
}

26.3% {
top: -4em;
}

30.12% {
top: -5em;
}
}

@keyframes boxTop11-b-b651rqx5mb {
0%, 12.8% {
top: 0;
}

17.76% {
top: -1em;
}

21.56% {
top: -2em;
}

23.72% {
top: -3em;
}

26.3% {
top: -4em;
}

30.12% {
top: -5em;
}
}

.box[b-b651rqx5mb] {
position: absolute;
width: 1em;
height: 1em;
transform-origin: top left;
}

.box:nth-child(1)[b-b651rqx5mb] {
--delay: 0s;
}

.box:nth-child(2)[b-b651rqx5mb] {
--delay: -2s;
}

.box:nth-child(3)[b-b651rqx5mb] {
--delay: -4s;
}

.box:nth-child(4)[b-b651rqx5mb] {
--delay: -6s;
}

.box:nth-child(5)[b-b651rqx5mb] {
--delay: -8s;
}

.box:nth-child(6)[b-b651rqx5mb] {
--delay: -10s;
}

@-webkit-keyframes boxTranslate {
from {
translate: 0 1em;
}

to {
translate: 0 7em;
}
}

@keyframes boxTranslate-b-b651rqx5mb {
from {
translate: 0 1em;
}

to {
translate: 0 7em;
}
}

.box i[b-b651rqx5mb] {
--gap: 0.05em;
position: absolute;
inset: var(--gap);
background-color: #000d;
border: 2px dodgerblue solid;
box-shadow: 0 0 0.5em dodgerblue inset;
}

.box i:nth-child(1)[b-b651rqx5mb] {
transform: translateZ(calc(0.5em - var(--gap)));
}

.box i:nth-child(2)[b-b651rqx5mb] {
transform: rotateY(90deg) translateZ(calc(0.5em - var(--gap)));
}

.box i:nth-child(3)[b-b651rqx5mb] {
transform: rotateY(180deg) translateZ(calc(0.5em - var(--gap)));
}

.box i:nth-child(4)[b-b651rqx5mb] {
transform: rotateY(270deg) translateZ(calc(0.5em - var(--gap)));
}

.box i:nth-child(5)[b-b651rqx5mb] {
transform: rotateX(270deg) translateZ(calc(0.5em - var(--gap)));
}

.box i:nth-child(6)[b-b651rqx5mb] {
transform: rotateX(90deg) translateZ(calc(0.5em - var(--gap)));
}
/* _content/CWHSite.Server/Components/Pages/Game/EasterEggRings.razor.rz.scp.css */
*[b-4ehzxkitbq],
*[b-4ehzxkitbq]::before,
*[b-4ehzxkitbq]::after {
padding: 0;
margin: 0 auto;
box-sizing: border-box;
}

container[b-4ehzxkitbq] {
min-height: 100vh;
display: grid;
place-items: center;
perspective: 800px;
overflow: hidden;
}

body *[b-4ehzxkitbq] {
transform-style: preserve-3d;
}

.rings[b-4ehzxkitbq] {
position: relative;
transform: rotateX(60deg);
}

.rings div[b-4ehzxkitbq] {
position: absolute;
-webkit-animation: ringTranslate 14s var(--delay, 0s) infinite linear, ringScale 28s var(--delay, 0s) infinite, ease-in-out;
animation: ringTranslate-b-4ehzxkitbq 14s var(--delay, 0s) infinite linear, ringScale-b-4ehzxkitbq 28s var(--delay, 0s) infinite, ease-in-out;
}

@-webkit-keyframes ringTranslate {
0%, 100% {
translate: 0 0 -12em;
}

90% {
translate: 0 0 12em;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
}

@keyframes ringTranslate-b-4ehzxkitbq {
0%, 100% {
translate: 0 0 -12em;
}

90% {
translate: 0 0 12em;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
}

@-webkit-keyframes ringScale {
0%, 5%, 8%, 11.5%, 14.5%, 18%, 21%, 24.5%, 27.5%, 30.5%, 34%, 36.5%, 40.5%, 50%, 55%, 58%, 61.5%, 64.5%, 68%, 71%, 74.5%, 77.5%, 80.5%, 84%, 86.5%, 90.5% {
scale: 1;
}

6%, 19%, 32%, 62.5%, 75.5%, 88.5% {
scale: 1.3;
}

12.5%, 25.5%, 38.5%, 56%, 69%, 82% {
scale: 0.7;
}
}

@keyframes ringScale-b-4ehzxkitbq {
0%, 5%, 8%, 11.5%, 14.5%, 18%, 21%, 24.5%, 27.5%, 30.5%, 34%, 36.5%, 40.5%, 50%, 55%, 58%, 61.5%, 64.5%, 68%, 71%, 74.5%, 77.5%, 80.5%, 84%, 86.5%, 90.5% {
scale: 1;
}

6%, 19%, 32%, 62.5%, 75.5%, 88.5% {
scale: 1.3;
}

12.5%, 25.5%, 38.5%, 56%, 69%, 82% {
scale: 0.7;
}
}

.rings div:nth-child(1)[b-4ehzxkitbq] {
--delay: 0s;
--hue: 0;
}

.rings div:nth-child(2)[b-4ehzxkitbq] {
--delay: -16s;
--hue: 51.4285714286;
}

.rings div:nth-child(3)[b-4ehzxkitbq] {
--delay: -32s;
--hue: 102.8571428571;
}

.rings div:nth-child(4)[b-4ehzxkitbq] {
--delay: -48s;
--hue: 154.2857142857;
}

.rings div:nth-child(5)[b-4ehzxkitbq] {
--delay: -64s;
--hue: 205.7142857143;
}

.rings div:nth-child(6)[b-4ehzxkitbq] {
--delay: -80s;
--hue: 257.1428571429;
}

.rings div:nth-child(7)[b-4ehzxkitbq] {
--delay: -96s;
--hue: 308.5714285714;
}

.rings div i[b-4ehzxkitbq] {
--color: hsl(var(--hue, 0) 75% var(--light, 75%));
--r: 0.8em;
position: absolute;
inset: -8em;
background-image: radial-gradient(transparent, #0001 calc(6.8em - var(--r)), var(--color) 0 calc(7.2em + var(--r)), transparent 0);
transform: translateZ(var(--translateZ, 0));
}

.rings div i:nth-child(1)[b-4ehzxkitbq] {
--translateZ: -16.5px;
--light: 40%;
--r: calc(sin(0deg) * 0.8em);
}

.rings div i:nth-child(2)[b-4ehzxkitbq] {
--translateZ: -13.5px;
--light: 43%;
--r: calc(sin(15deg) * 0.8em);
}

.rings div i:nth-child(3)[b-4ehzxkitbq] {
--translateZ: -10.5px;
--light: 46%;
--r: calc(sin(30deg) * 0.8em);
}

.rings div i:nth-child(4)[b-4ehzxkitbq] {
--translateZ: -7.5px;
--light: 49%;
--r: calc(sin(45deg) * 0.8em);
}

.rings div i:nth-child(5)[b-4ehzxkitbq] {
--translateZ: -4.5px;
--light: 52%;
--r: calc(sin(60deg) * 0.8em);
}

.rings div i:nth-child(6)[b-4ehzxkitbq] {
--translateZ: -1.5px;
--light: 55%;
--r: calc(sin(75deg) * 0.8em);
}

.rings div i:nth-child(7)[b-4ehzxkitbq] {
--translateZ: 1.5px;
--light: 58%;
--r: calc(sin(90deg) * 0.8em);
}

.rings div i:nth-child(8)[b-4ehzxkitbq] {
--translateZ: 4.5px;
--light: 61%;
--r: calc(sin(105deg) * 0.8em);
}

.rings div i:nth-child(9)[b-4ehzxkitbq] {
--translateZ: 7.5px;
--light: 64%;
--r: calc(sin(120deg) * 0.8em);
}

.rings div i:nth-child(10)[b-4ehzxkitbq] {
--translateZ: 10.5px;
--light: 67%;
--r: calc(sin(135deg) * 0.8em);
}

.rings div i:nth-child(11)[b-4ehzxkitbq] {
--translateZ: 13.5px;
--light: 70%;
--r: calc(sin(150deg) * 0.8em);
}

.rings div i:nth-child(12)[b-4ehzxkitbq] {
--translateZ: 16.5px;
--light: 73%;
--r: calc(sin(165deg) * 0.8em);
}
/* _content/CWHSite.Server/Components/Shared/StarRating.razor.rz.scp.css */
.star-rating[b-pk8dl9gztb] {
    --percent: calc(var(--star-rating) / 5 * 100%);
    font-size: 1.5em;
    display: inline-block;
}

    .star-rating .stars[b-pk8dl9gztb] {
        position: relative;
        display: inline-block;
    }

        .star-rating .stars[b-pk8dl9gztb]::before {
            position: absolute;
            content: "☆☆☆☆☆";
            color: #666666;
        }

        .star-rating .stars[b-pk8dl9gztb]::after {
            position: absolute;
            top: 0;
            left: 0;
            content: "★★★★★";
            color: #feac25;
            width: var(--percent);
            overflow: hidden;
        }

    .star-rating .rating[b-pk8dl9gztb] {
        font-size: 1ex;
        color: #605E5C
    }

    .star-rating input[b-pk8dl9gztb] {
        display: none;
    }

    .star-rating label[b-pk8dl9gztb] {
        float: right;
    }

        .star-rating label[b-pk8dl9gztb]:before {
            content: "☆";
            color: #666666;
            cursor: pointer;
        }

        .star-rating input:checked ~ label[b-pk8dl9gztb]:before,
        .star-rating label:hover[b-pk8dl9gztb]:before,
        .star-rating label:hover ~ label[b-pk8dl9gztb]:before {
            content: "★";
            color: #feac25;
        }
/* _content/CWHSite.Server/Components/Shared/StarRatingReviews.razor.rz.scp.css */
.reviews[b-z5wx7bi6aj]  textarea {
    display: block;
    padding: 6px 8px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #605E5C;
    border-radius: 2px;
    font-family: Open Sans, sans-serif;
    font-size: 0.8em;
    color: #605E5C;
    box-sizing: border-box;
}

.reviews[b-z5wx7bi6aj]  .rating {
    display: none;
}

.review-editor[b-z5wx7bi6aj] {
    margin-bottom: 10px;
}

button[b-z5wx7bi6aj] {
    padding: 6px 25px;
    font-family: Playfair Display;
    color: white;
    background-color: #435869;
    border-radius: 2px;
    border: 0;
}

    button:hover[b-z5wx7bi6aj] {
        background-color: #334452;
    }

    button:active[b-z5wx7bi6aj] {
        background-color: #26343f;
    }

[b-z5wx7bi6aj] input.invalid, [b-z5wx7bi6aj] textarea.invalid, [b-z5wx7bi6aj] div.invalid {
    border: 1px solid red;
}

[b-z5wx7bi6aj] .validation-errors {
    color: red;
    font-size: 0.8em;
}