:root{--size: 90vh}body{margin:0;color:#c7c7c7}.MuiGrid-container.container{height:var(--size);width:var(--size)}.MuiGrid-container.ttt{display:grid}.MuiGrid-container.big{grid-template-columns:calc(var(--size) / 3) calc(var(--size) / 3) calc(var(--size) / 3);grid-template-rows:calc(var(--size) / 3) calc(var(--size) / 3) calc(var(--size) / 3)}.MuiGrid-container.medium{grid-template-columns:calc(var(--size) / 9) calc(var(--size) / 9) calc(var(--size) / 9);grid-template-rows:calc(var(--size) / 9) calc(var(--size) / 9) calc(var(--size) / 9)}.MuiGrid-container.box{outline:1px solid black}.MuiGrid-container>.MuiGrid-container.thick-line{outline:3px solid black}.repello-container{height:100vh;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.repello-board{height:95vh;width:95vh;outline:3px solid black;position:relative}.repello-square{height:calc(100% / 13);width:calc(100% / 13);border:1px solid black;container-type:inline-size;position:relative}.repello-repeller{height:90%;width:90%;border-radius:50%;border:2px solid black;font-size:50cqw}.repello-clickable{cursor:pointer;animation:glow 3s ease-in-out infinite}.repello-repellable{animation:glow 3s ease-in-out infinite}@keyframes glow{50%{border:1px solid turquoise}}.repello-valueRing{color:rgb(var(--r),var(--g),var(--b));height:40%;width:40%;border-radius:50%;font-size:35cqw;box-shadow:var(--box-shadow)}.repello-valueRing.value1{--r: 157;--g: 136;--b: 12;--o: .5;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1)}.repello-valueRing.value2{--r: 132;--g: 20;--b: 132;--o: .5;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1), 0 0 0 4px rgba(var(--r), var(--g), var(--b), var(--o))}.repello-valueRing.value3{--r: 73;--g: 106;--b: 132;--o: .4;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1), 0 0 0 4px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 6px rgba(var(--r), var(--g), var(--b), var(--o))}.repello-valueRing.value4{--r: 91;--g: 59;--b: 97;--o: .3;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1), 0 0 0 4px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 6px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 8px rgba(var(--r), var(--g), var(--b), var(--o))}.repello-valueRing.value5{--r: 71;--g: 113;--b: 47;--o: .2;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1), 0 0 0 4px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 6px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 8px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 10px rgba(var(--r), var(--g), var(--b), var(--o))}.repello-valueRing.value6{--r: 116;--g: 41;--b: 32;--o: .2;--box-shadow: 0 0 0 2px rgba(var(--r), var(--g), var(--b), 1), 0 0 0 4px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 6px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 8px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 10px rgba(var(--r), var(--g), var(--b), var(--o)), 0 0 0 12px rgba(var(--r), var(--g), var(--b), var(--o));color:#742920}.repello-arrow polygon{transition:fill .2s ease;cursor:pointer}.repello-arrow polygon:hover{fill:var(--mui-palette-secondary-main)}.repello-arrow.dir45{right:-50%;top:-100%}.repello-arrow.dir90{right:-50%;top:-50%}.repello-arrow.dir135{right:-50%;bottom:0%}.repello-arrow.dir180{bottom:0%}.repello-arrow.dir225{left:-50%;bottom:0%}.repello-arrow.dir270{left:-50%;top:-50%}.repello-arrow.dir315{left:-50%;top:-100%}.repello-arrow.dir360{top:-100%}.winzard-container{height:100vh;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;--court-outline: white;--court-height: 95vh;--card-height: attr(data-height type(<length>));--card-ratio: 1.2;--court-width: calc((8 * var(--court-height)) / (6 * var(--card-ratio)));--help-height: calc(2 * var(--card-height) + 15px)}.winzard-football-court{height:var(--court-height);width:var(--court-width);outline:3px solid var(--court-outline);position:relative}.winzard-football-court-middle-line{position:absolute;width:3px;height:var(--court-height);background-color:var(--court-outline)}.winzard-football-goal{position:absolute;outline:3px solid white;width:calc(var(--court-width) / 8);height:calc(2 * var(--card-height) + 15px);left:0;z-index:-1;overflow:hidden}.winzard-football-goal-inner{position:relative;width:100%;height:100%}.winzard-football-goal-inner .line{position:absolute;top:-50%;width:3px;height:200%;background-color:#fff;pointer-events:none;transform:rotate(30deg)}.winzard-football-goal.right{left:calc(7 * var(--court-width) / 8);transform:rotate(180deg)}.winzard-card{outline:2px solid black;border-radius:5px;height:var(--card-height);width:calc(var(--card-height) / var(--card-ratio));position:relative;cursor:pointer}.winzard-selectable{animation:winzard-glow 2s linear infinite}.winzard-card.winzard-selected{transition:.3s;transform:scale(1.05);animation:winzard-glow 2s linear infinite}.winzard-card.unclickable{animation:winzard-unclickable 1s ease}.winzard-card.empty{outline:none}.winzard-help{position:absolute;left:calc((((100vw - var(--court-width)) / 2) - var(--help-height)) / 2);height:var(--help-height);width:var(--help-height);display:flex;flex-direction:column;justify-content:space-evenly}.winzard-help .balls .ball{border-radius:50%;outline:3px solid black;height:10vh;width:10vh}.winzard-help-actions{position:absolute;height:calc(var(--help-height) / 2);width:calc(var(--help-height) / 2);bottom:2.5vh;display:flex;justify-content:center;align-items:center}.winzard-help-actions p{font-size:calc(var(--help-height) / 3);font-weight:700}.winzard-help-actions .winzard-displayText{font-size:1.2vh;position:absolute;bottom:.5vh}.winzard-help-actions .winzard-displayName{font-size:1.2vh;position:absolute;top:-2vh;display:flex;align-items:center}.winzard-help-actions p.winzard-actions.winzard-turn{animation:text-color-change 1.5s linear infinite alternate}.winzard-help-actions.left{left:calc(((100vw - var(--court-width)) / 2) / 2)}.winzard-help-actions.right{right:calc(((100vw - var(--court-width)) / 2) / 2)}.winzard-help-actions svg{font-size:calc(var(--help-height) / 10);position:absolute;top:0;right:0}.winzard-help-circle{height:1.8vh;width:1.8vh;border-radius:50%;margin:0 .5vh;border:1px solid black}.spin{animation:5s spin infinite linear}.winzard-drawn-card{position:absolute;height:74vh;width:60vh;z-index:-1;opacity:0}.winzard-dancing{animation:winzard-dance 2.5s ease}@keyframes text-color-change{to{color:#40e0d0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes winzard-glow{20%,80%{outline:2px solid turquoise}}@keyframes winzard-unclickable{5%,25%,45%,65%,85%{transform:skew(2deg)}15%,35%,55%,75%,95%{transform:skew(-2deg)}}@keyframes winzard-dance{0%{transform:scale(1)}25%{transform:matrix(.8,.2,-.2,.8,0,0)}50%{transform:scaleX(-1)}75%{transform:matrix(.8,-.2,.2,.8,0,0)}to{transform:scale(1)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;width:100%}#root{width:100%;height:100%;margin:0 auto;text-align:center}