:root{--color-1: hsl(199, 65%, 39%);--color-1-sat: hsl(199, 100%, 39%);--color-2: hsl(192, 96%, 81%);--color-sig: hsl(0, 86%, 60%);--color-err: red}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/Nunito-VariableFont_wght.ttf) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/Nunito-VariableFont_wght.ttf) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/Nunito-VariableFont_wght.ttf) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/Nunito-VariableFont_wght.ttf) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/Nunito-VariableFont_wght.ttf) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{height:100%;background:#181818;color:#fff}body{margin:0;padding:0;height:100%;font-family:Nunito;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:visited{color:var(--color-1)}a:hover{color:var(--color-1-sat)}a:active{color:var(--color-2)}input{font-size:inherit}#root{height:100%;margin:0;padding:0;overflow:hidden}.button{color:#000!important;border:none;background:white;border-radius:.2em;padding:.5em;text-decoration:none;text-align:center}.button:not(:disabled){cursor:pointer}.button:not(:disabled):hover{cursor:pointer;background:var(--color-1)}.button:disabled{background:lightgray;color:gray}.card{background:var(--color-1);color:#000;border:.06em solid lightcyan;box-sizing:border-box;margin:.33em;width:2em;border-radius:.16em;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center}div.footer{font-size:1rem;width:100%;display:flex;justify-content:center}div.start-page *{font-family:inherit}div.start-page{font-size:2rem;width:100%;height:100%;display:flex;flex-direction:column}div.start-page>div.header{display:flex;flex-direction:column;align-items:center}div.start-page>div.header>h1{margin:1em 2em;font-size:2em;text-align:center}div.start-page>div.header>div.description{font-size:1.7rem}div.start-page>div.main{flex-basis:100%;font-size:2rem;display:flex;flex-direction:row;width:100%}div.start-page>div.main>div{flex-basis:100%;flex-shrink:1;flex-grow:1;display:flex;justify-content:center;align-items:center}div.start-page div.join-session>form{width:50%;display:flex;flex-direction:column}div.start-page div.join-session>form>label{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}div.start-page div.join-session>form>label>*{margin:0;padding:0;min-width:0;flex-basis:100%}div.start-page div.join-session>form>label>p{white-space:nowrap;flex-shrink:2}div.start-page div.join-session>form input[type=text]{margin:0 0 1em 1em;flex-shrink:1}div.start-page a{width:50%}div.loading-spinner{height:100%;display:grid;place-items:center}div.loading-spinner:before{content:"";width:5rem;height:5rem;border-radius:50%;display:inline-block;border-top:3px solid #fff;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.error-page{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--color-err);font-size:2rem}div.error-page>p{max-width:50%}div.error-page>span.error-icon{font-size:5rem}div.error-page button{font-size:50%}div.error-page>div.error-buttons{display:flex;gap:1rem}div.card-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));overflow-y:auto}div.card-editor>button.add-card{font-size:3rem;background:pink;color:#000;border:.06em solid lightcyan;margin:.33em;height:3em;width:2em;min-width:2em;border-radius:.16em;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:0;box-sizing:content-box}div.card-editor>button.add-card>p{margin:0}div.card-editor>button.add-card:hover{cursor:pointer;background:lightpink}div.editable-card{font-size:3rem;display:flex;flex-direction:column}div.editable-card>div.input-card{height:3em}div.editable-card>div.input-card>input[type=text]{margin:0;padding:0;border:none;background:none;font-size:inherit;text-align:center}div.editable-card>button.remove-button{font-size:1rem;width:6em;border:.2em solid lightcyan;margin:0 1em 1em;border-radius:.5em;padding:0}div.editable-card>button.remove-button:hover{cursor:pointer}div.game-creation{height:100%;max-height:100%;display:flex;flex-direction:column}div.game-creation>div.heading{display:grid;place-items:center;font-size:2rem}div.game-creation>div.settings{display:flex;flex:1;min-height:0}div.game-creation>div.settings>div{height:100%;max-height:100%;flex:1}div.game-creation>div.settings>div.right-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center}div.game-creation h2{font-size:2em;margin:0 0 .5em .5em}div.game-creation div.game-creation-settings{min-width:50%;display:flex;flex-direction:column;gap:2em}div.game-creation div.game-creation-settings input{width:100%;box-sizing:border-box;font-size:2rem}div.game-creation div.game-creation-player>input:invalid{border-color:var(--color-sig);outline-color:var(--color-sig)}div.game-creation div.game-creation-cards{padding:1em 0;height:100%;max-height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}div.game-creation div.game-creation-button{min-width:50%}div.game-creation div.game-creation-button>button{width:100%;font-size:2rem}div.player-creation{font-size:2rem;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}div.player-creation>div.heading{font-size:2rem}div.player-creation>div.settings{flex:1;display:grid;place-items:center;width:100%}div.player-creation form.player-creation-form{width:25%;display:flex;flex-direction:column}div.player-creation form.player-creation-form>label{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}div.player-creation form.player-creation-form>label>*{margin:0;padding:0;min-width:0;flex-basis:100%}div.player-creation form.player-creation-form>label>p{white-space:nowrap;flex-shrink:2}div.player-creation form.player-creation-form input{font-size:inherit}div.player-creation form.player-creation-form input[type=text]{margin:0 0 1em 1em}div.player-creation form.player-creation-form input[type=text]:invalid{border-color:var(--color-sig);outline-color:var(--color-sig)}div.game-view{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}div.game-view.waiting{height:calc(100% + 16rem)}div.game-view:not(.waiting){animation:slide-in-vertical .5s ease}@keyframes slide-in-vertical{0%{height:calc(100% + 16rem)}to{height:100%}}div.game-view>div.upper-section{flex-basis:100%;display:flex;height:100%;width:100%;border-bottom:1px solid gray}@keyframes slide-in-horizontal{0%{width:133%}to{width:100%}}div.game-view.waiting>div.upper-section{width:133%}div.game-view:not(.waiting)>div.upper-section{animation:slide-in-horizontal .5s ease}div.game-view>div.upper-section>div.main-board{flex-basis:100%;display:flex;flex-direction:column;overflow-x:auto}div.game-view>div.upper-section>div.main-board>div.other-players{flex-grow:1}div.game-view>div.lower-section{max-height:16rem}div.game-view div.game-control{flex-grow:1;flex-shrink:1;max-width:33vw;min-width:33vw;width:33vw;border-left:1px solid gray;box-sizing:border-box;display:flex;flex-direction:column}div.game-view div.stats-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}div.card-selection{margin:2em 0;display:flex;width:100%;justify-content:space-around;align-items:stretch;box-sizing:border-box;height:10em;min-height:10em;max-height:10em}div.player-card{font-size:3rem;transition:transform .2s}div.player-card.selected{background:var(--color-1-sat);transform:scale(1.4)}div.player-card.disabled{filter:grayscale(1)}div.player-card:not(.disabled):hover{transform:scale(1.5);cursor:pointer}div.player-card>p{margin:0;padding:0}div.loading-dots{text-align:center;transform:translateY(-25%)}div.loading-dots:before{content:".";display:block;animation:dots 1s linear infinite}@keyframes dots{33%{content:".."}66%{content:"..."}}div.game-stats{display:flex;flex-direction:column;align-items:center}div.game-stats div.loading-dots{font-size:3rem}div.game-stats>div.table-container{min-width:50%}div.game-stats>div.table-container>table{width:100%}div.game-stats>div.table-container>table>tbody>tr>td{width:50%;padding:.5em 1em}div.game-stats>div.table-container>table>tbody>tr>td:first-child{text-align:right}div.all-players{display:flex;flex-wrap:wrap;flex-grow:1;justify-content:space-evenly;align-items:center;padding:2rem}div.player{font-size:2.5rem;display:flex;flex-direction:column;align-items:center;animation:grow 1s ease;position:relative}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}div.player>div.admin-crown{position:absolute;top:-3rem}div.player>div.card{height:3em}div.player>div.self-player-card>p{font-size:80%;margin:0}div.player>div.other-player-card.value-picked{background-color:var(--color-2);color:#fff}div.player>div.other-player-card>p{margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.player>div.other-player-card.value-picked>p{animation:spin 1s linear infinite}div.player>div.player-name>p{font-size:50%;width:15ch;margin:0;text-align:center;overflow:hidden;word-break:break-all}div.session-info{font-size:1.2rem;padding:0 1em;display:flex;justify-content:space-between}div.session-info p{margin:.5em 0;padding:0}div.session-info span.session-id{font-weight:700}div.session-info span.session-id button.copy-button{background:none;color:#fff;padding:0 0 0 .5em;border:none}div.session-info span.session-id:hover,div.session-info span.session-id:hover button.copy-button{cursor:pointer;color:var(--color-1)}div.game-timer{font-size:2rem}div.game-timer span.game-timer-value-critical{color:var(--color-sig)}div.admin-buttons{display:grid;place-items:center;border-top:1px solid gray;padding:1em;height:5em;font-size:1rem}