:root{--color-grey-darker: #111111;--color-grey-dark: #171717;--color-grey-med: #252525;--color-grey-light: #616161;--color-text: #bdbdbd;--color-primary-dark: #333398;--color-primary-med: #225dcf;--color-primary-light: #0088de;--color-secondary-dark: #6b1d63;--color-secondary-med: #ca2c91;--color-secondary-light: #fe3f92;--color-tertiary-dark: #00a07d;--color-tertiary-med: #00d49a;--color-tertiary-light: #00f6b1;--color-p0: #cccccc;--color-p1: #00b2ff;--color-p2: #3333ff;--color-p3: #fe3f92;--color-p4: #b200ff;--color-p5: #00f6b1;--color-p6: #00ff66;--color-p7: #ffee33;--color-p8: #ff9933;--color-p9: #ff3355}*{box-sizing:border-box}html{font-size:36px}body{width:100vw;height:100svh;margin:0;padding:0;color:var(--color-text);background:var(--color-grey-darker);transition:color .5s,background-color .5s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}#pixi-container{width:100%;height:100%}main{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem}main.center{align-items:center}button{cursor:pointer;background-color:var(--color-primary-dark);color:var(--color-text);border:none;padding:.3rem .5rem .5rem;line-height:1rem;border-radius:.5rem;font-size:inherit}button:focus{outline:3px solid var(--color-primary-med)}button:disabled{background-color:var(--color-grey-dark);color:var(--color-text);cursor:default}button.exit{background-color:var(--color-grey-med);color:var(--color-text)}input,textarea,select{max-width:100%;color:inherit;background-color:var(--color-grey-dark);border:2px solid var(--color-secondary-med);font-size:inherit;outline:none;border-radius:.5rem;padding:.5rem}input:focus,textarea:focus,select:focus{border-color:var(--color-secondary-light)}input:disabled,textarea:disabled,select:disabled{border-color:var(--color-grey-med);color:var(--color-grey-light)}h1,h2,h3,h4,h5,h6{margin:0;text-align:center}.p0{--player-color: var(--color-p0)}.p1{--player-color: var(--color-p1)}.p2{--player-color: var(--color-p2)}.p3{--player-color: var(--color-p3)}.p4{--player-color: var(--color-p4)}.p5{--player-color: var(--color-p5)}.p6{--player-color: var(--color-p6)}.p7{--player-color: var(--color-p7)}.p8{--player-color: var(--color-p8)}.p9{--player-color: var(--color-p9)}.disconnected{--player-color: var(--color-grey-light)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-in-right-move,.slide-in-right-enter-active,.slide-in-right-leave-active{transition:all .25s ease}.slide-in-right-enter-from,.slide-in-right-leave-to{opacity:0;transform:translate(100%)}.slide-in-left-move,.slide-in-left-enter-active,.slide-in-left-leave-active{transition:all .25s ease}.slide-in-left-enter-from,.slide-in-left-leave-to{opacity:0;transform:translate(-100%)}.countdown-move,.countdown-enter-active,.countdown-leave-active{transition:all .3s ease}.countdown-enter-from,.countdown-leave-to{opacity:0;transform:translateY(-100%)}.countdown-leave-to{opacity:0;transform:translateY(100%)}.countdown-leave-active{position:absolute}.error-text{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:2;padding:.5rem;border-radius:1rem;border:2px solid var(--color-secondary-light);background-color:var(--color-grey-med);box-shadow:var(--color-grey-dark) 0 5px 30px 0}canvas[data-v-6f916479]{border-radius:1rem;border:4px solid var(--color-grey-light)}menu{position:fixed;z-index:3;top:0;left:0;width:100vw;height:100vh;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;background-color:color-mix(in srgb,var(--color-grey-darker) 90%,transparent)}menu .room-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.icon{display:flex}.icon svg{width:1rem}.icon svg path{fill:var(--player-color);stroke:var(--player-color)}div.tag{color:var(--player-color);background-image:linear-gradient(45deg,color-mix(in oklab,var(--player-color),black 55%),var(--color-grey-dark));border-radius:.5rem;padding:.3rem;border:2px solid var(--player-color);display:flex;gap:.25rem}.lobby .code{display:flex;flex-direction:column;align-items:center;gap:1rem}.lobby .players{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.countdown-wrapper{display:flex;align-items:center}.countdown-wrapper span{padding:.25rem;min-width:2rem;text-align:center;border-radius:.25rem;border:2px solid var(--color-primary-light);background-color:var(--color-grey-dark)}.host-game{display:grid;grid-template-columns:2fr 1fr 2fr;grid-template-rows:2rem 1rem calc(100% - 6.5rem) 1rem;grid-template-areas:"status countdown round" "cardt cardt cardt" "scorel game scorer" "... cardb ...";justify-content:center;align-items:stretch;gap:1rem;padding:1rem}.host-game div{line-height:1;display:flex}.host-game div>span{line-height:1rem}.host-game .status{grid-area:status}.host-game .status>div{display:flex;gap:.5rem;align-items:center}.host-game .countdown>div.winner{display:flex;gap:.5rem;align-items:center}.host-game .countdown,.host-game .cardt,.host-game .cardb,.host-game .round{display:flex;justify-content:center;align-items:center;gap:.5rem}.host-game .countdown{grid-area:countdown}.host-game .round{grid-area:round}.host-game .code{grid-area:code;justify-content:flex-end}.host-game .code .wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center}.host-game .cardt{grid-area:cardt;margin-bottom:-1rem}.host-game .cardb{grid-area:cardb;margin-top:-1rem}.host-game .scorel>.scores,.host-game .scorer>.scores{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-grow:1}.host-game .scorel{grid-area:scorel}.host-game .scorer{grid-area:scorer}.host-game .game{grid-area:game}.player-game{display:grid;grid-template-columns:1fr;grid-template-rows:1rem calc(100% - 7rem) 1rem 2rem;justify-content:center;align-items:stretch;gap:1rem;padding:1rem;grid-template-areas:"cardt" "game" "cardb" "action"}.player-game .action,.player-game .cardt,.player-game .cardb{display:flex;justify-content:center;align-items:center;gap:.5rem}.player-game .cardt{grid-area:cardt;margin-bottom:-1rem}.player-game .cardb{grid-area:cardb;margin-top:-1rem}.player-game .action{grid-area:action;display:flex}.player-game .game{grid-area:game}