:root{--background-color: #222222}body{min-height:100%;background:var(--background-color);overflow:hidden}*{margin:0;min-width:0}label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{cursor:pointer}.temp{top:0;position:absolute}.player1 .player.player1 .opponent,.player1 .player.player2 .yours,.player2 .player.player2 .opponent,.player2 .player.player1 .yours{display:none}.game-container:not(.player1) .host-only{display:none}.game-container:not(.lobby) .lobby-only{display:none}.game-container:not(.turn_player2).player2 .your-turn,.game-container:not(.turn_player1).player1 .your-turn{display:none}.game-container:not(.results):not(.player1) .player.player1 .results-only.yours,.game-container:not(.results):not(.player1) .player.player2 .results-only.opponent{display:none}.game-container:not(.results):not(.player2) .player.player1 .results-only.opponent,.game-container:not(.results):not(.player2) .player.player2 .results-only.yours{display:none}.game-container:not(.results) .results-only{display:none}.relative{position:relative}.button-group{display:flex;justify-content:space-between}:root[data-mobile=false] .only-mobile{display:none}.t-boarder{text-shadow:-.1rem -.1rem 0 black,.1rem -.1rem 0 black,-.1rem .1rem 0 black,.1rem .1rem 0 black}.modal-container[data-v-a51c71f4]{z-index:25;position:fixed;top:0;left:0;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center}.modal-container .modal[data-v-a51c71f4]{display:flex;justify-content:center;align-items:center;flex-direction:column;border-top:1px white solid;border-bottom:1px white solid;overflow:hidden;height:0px;max-height:200px;width:0px;background-color:#3a33339f;color:#fff;box-shadow:0 0 30px #000;gap:1.5rem}.modal-container .modal :is(h1[data-v-a51c71f4],p[data-v-a51c71f4]){margin:0}.modal-container[data-v-a51c71f4]:not(.hasModals){cursor:auto;pointer-events:none}.modal-container:not(.hasModals) .modal[data-v-a51c71f4]{transition:height .25s,width .5s .125s,opacity .125s}.modal-container.hasModals[data-v-a51c71f4]{pointer-events:all;cursor:pointer}.modal-container.hasModals .modal[data-v-a51c71f4]{transition:width .25s,height .5s .125s,opacity .125s;cursor:auto;width:100%;height:30dvh}.decor-container[data-v-ad0eefc6]{--card-color: white;--gap: 5px;--size: 3rem;--border-color: white;z-index:1;height:fit-content;background-color:var(--card-color);padding:2rem;position:relative;overflow:hidden;box-shadow:inset 1px 1px var(--border-color),inset -1px -1px var(--border-color),0 0 25px var(--background-color)}.decor-container .decor[data-v-ad0eefc6]{position:absolute;width:var(--size);height:var(--size);border-radius:100%;background-color:var(--background-color);border:var(--border-color) 1px solid}.decor-container .decor[data-v-ad0eefc6]:after{border:var(--border-color) 1px solid;content:"";width:calc(var(--size) / 2 - var(--gap));height:calc(var(--size) / 2 - var(--gap));background-color:var(--card-color);display:block;position:absolute}.decor-container .decor.top.left[data-v-ad0eefc6]:after{border-bottom-right-radius:100%}.decor-container .decor.top.right[data-v-ad0eefc6]:after{border-bottom-left-radius:100%}.decor-container .decor.bottom.left[data-v-ad0eefc6]:after{border-top-right-radius:100%}.decor-container .decor.bottom.right[data-v-ad0eefc6]:after{border-top-left-radius:100%}.decor-container .decor.top[data-v-ad0eefc6]{top:calc(-1*var(--size) / 2);border-top:none}.decor-container .decor.top[data-v-ad0eefc6]:after{top:50%}.decor-container .decor.bottom[data-v-ad0eefc6]{bottom:calc(-1*var(--size) / 2);border-bottom:none}.decor-container .decor.bottom[data-v-ad0eefc6]:after{bottom:50%}.decor-container .decor.left[data-v-ad0eefc6]{left:calc(-1*var(--size) / 2);border-left:none}.decor-container .decor.left[data-v-ad0eefc6]:after{left:50%}.decor-container .decor.right[data-v-ad0eefc6]{right:calc(-1*var(--size) / 2);border-right:none}.decor-container .decor.right[data-v-ad0eefc6]:after{right:50%}label[data-v-a074dd3b]{position:relative;transition:padding-top .2s}label span[data-v-a074dd3b]{font-size:1rem;position:absolute;display:block;top:.5rem;transition:scale .2s;transform-origin:top left;pointer-events:none}label.active[data-v-a074dd3b]:not(label:has(input[type=number])){padding-top:1rem}label.active:not(label:has(input[type=number])) span[data-v-a074dd3b]{scale:.75}input[data-v-a074dd3b]{width:calc(100% - 1rem);padding:.5rem;background-color:unset;border:unset;border-bottom:black 1px solid;outline:unset;font-size:1rem}input[data-v-a074dd3b]:not(input[type=number]):focus::placeholder{color:transparent}input[type=number][data-v-a074dd3b],input[data-v-a074dd3b]::placeholder{transition:color .25s;text-align:right;color:#000}.white input[data-v-a074dd3b]{width:unset;border-bottom-color:#fff;color:#fff;text-align:center}.white input[data-v-a074dd3b]::placeholder{color:#fff}button[data-v-4dbffab0]{background-color:#fff;padding:.5rem;width:max-content;margin-bottom:5px;box-shadow:calc(var(--dir) * 5px) 5px 0 #000;transition:translate .25s,box-shadow .25s}button.feather-right[data-v-4dbffab0]{border-top-left-radius:1rem;border-bottom-right-radius:1rem}button.feather-left[data-v-4dbffab0]{border-bottom-left-radius:1rem;border-top-right-radius:1rem}button.side-right[data-v-4dbffab0]{margin-right:5px;--dir: 1}button.side-left[data-v-4dbffab0]{margin-left:5px;--dir: -1}button:is([data-v-4dbffab0]:hover,[data-v-4dbffab0]:focus){translate:calc(var(--dir) * 2px) 2px;box-shadow:calc(var(--dir) * 3px) 3px 0 #000}button[data-v-4dbffab0]:active{translate:calc(var(--dir) * 5px) 5px;box-shadow:0 0 #000}button.gray[data-v-4dbffab0]{background-color:#d3d3d3}h1[data-v-429aed4d]{text-align:center}form[data-v-429aed4d],.modal[data-v-429aed4d]{display:flex;flex-direction:column;gap:1rem}button[data-v-6cb2dbb4]{padding:0;border:0;background-color:unset;font-size:1rem}label[data-v-6cb2dbb4]{cursor:pointer;position:relative;transition:padding-top .2s;border-bottom:black 1px solid;padding:.5rem;padding-left:0;width:calc(100% - .5rem);display:flex;justify-content:space-between}label span[data-v-6cb2dbb4]{font-size:1rem;display:block;top:.5rem;transition:scale .2s;transform-origin:top left;pointer-events:none}label.active[data-v-6cb2dbb4]{padding-top:1rem}label.active span[data-v-6cb2dbb4]{scale:.75}input[data-v-6cb2dbb4]{display:none}h1[data-v-dfbf6eea]{text-align:center}form[data-v-dfbf6eea],.modal[data-v-dfbf6eea]{display:flex;flex-direction:column;gap:1rem}.color-match[data-v-598a5100]{border:none!important;background-color:transparent;transition:background-color .5s;width:100%!important;height:100%!important;border-radius:100%;background-image:url(/images/infinite.png)}.iAm-container[data-v-598a5100]{--default-color: var(--background-color);--selected: transparent;--selected-color: var(--background-color);top:0;left:0;min-width:100vw;min-height:100dvh;display:flex;justify-content:center;align-items:center;z-index:0;position:fixed;transition:background-color .75s;background-color:var(--selected-color)}.iAm-container.infinite[data-v-598a5100]{background:radial-gradient(circle at center,var(--selected) 0%,var(--default-color) 25%);--selected-color: white}.iAm-container.infinite .infinite .choice[data-v-598a5100]{background-color:var(--selected-color)}.iAm-container.rock[data-v-598a5100]{background:conic-gradient(var(--selected) 0deg,var(--default-color) 60deg,var(--default-color) 300deg,var(--selected) 360deg);--selected-color: blue}.iAm-container.rock .rock .choice[data-v-598a5100]{background-color:var(--selected-color)}.iAm-container.paper[data-v-598a5100]{background:conic-gradient(var(--default-color) 60deg,var(--selected) 120deg,var(--default-color) 180deg);--selected-color: green}.iAm-container.paper .paper .choice[data-v-598a5100]{background-color:var(--selected-color)}.iAm-container.scissors[data-v-598a5100]{background:conic-gradient(var(--default-color) 180deg,var(--selected) 240deg,var(--default-color) 300deg);--selected-color: red}.iAm-container.scissors .scissors .choice[data-v-598a5100],.iAm-container.true[data-v-598a5100]{background-color:var(--selected-color)}.iAm-container.true .color-match[data-v-598a5100]{background-color:var(--selected-color)!important}.position[data-v-598a5100]{position:absolute;transform-origin:center;--distance: clamp(225px, 40vmin, 45vmax)}.position .color-match[data-v-598a5100],.position .choice[data-v-598a5100]{width:70px;height:70px;background-repeat:no-repeat;background-size:50px;background-position:center;border-radius:100%;border:5px solid black;transition:background-color .25s}.position.infinite .choice[data-v-598a5100]{transition:background-image .5s;animation:rainbow-598a5100 7s linear infinite}.position.rock[data-v-598a5100]{translate:calc(0 * var(--distance)) calc(-1 * var(--distance))}.position.rock .choice[data-v-598a5100]{background-image:url(/images/rock.png)}.position.paper[data-v-598a5100]{translate:calc(.8660254 * var(--distance)) calc(.5 * var(--distance))}.position.paper .choice[data-v-598a5100]{background-image:url(/images/paper.png)}.position.scissors[data-v-598a5100]{translate:calc(-.8660254 * var(--distance)) calc(.5 * var(--distance))}.position.scissors .choice[data-v-598a5100]{background-image:url(/images/scissors.png)}@keyframes rainbow-598a5100{0%{background-color:red}33%{background-color:green}66%{background-color:#00f}to{background-color:red}}.container[data-v-7718ecb4]{display:flex;min-width:100dvw;min-height:100dvh;justify-content:space-evenly;align-items:center}:root[data-mobile=true] .container[state=join]>[state=create][data-v-7718ecb4]{display:none}:root[data-mobile=true] .container[state=create]>[state=join][data-v-7718ecb4]{display:none}