:root{--q-black: #16191E;--q-darkgrey: #20252C;--q-midgrey: #343B47;--q-lightgrey: #A1A9B6;--q-offwhite: #DADDE2;--q-white: #FFFFFF;--q-blue: #0A50C8;--q-green: #0A6E0A;--q-yellow: #FADC32;--q-red: #DC0A0A;--foreground-color: var(--q-offwhite);--highlight-color: var(--q-offwhite);--q-button-height: 3.5rem;--q-button-min-width: 12rem;--q-button-flex-grow: 1;--q-button-padding: .8125rem 1.5rem;--q-button-justify-content: center;--q-button-align-items: center;--q-button-gap: .625rem;--q-button-flex-shrink: 0;--q-button-border-radius: 1rem;--q-button-border: 3px solid var(--q-offwhite);--q-button-background: var(--highlight-color);--q-button-color: var(--q-black);--q-button-disabled-bg-color: var(--q-black);--q-button-disabled-color: var(--q-offwhite)}*{box-sizing:border-box}html{font-size:15px}html,body,#app,#router-view{margin:0;background-color:var(--q-darkgrey);color:var(--foreground-color)}#router-view{height:calc(100svh - env(safe-area-inset-top));overflow:scroll}.page-with-logo{display:grid;grid-template-rows:auto 1fr}.page-with-logo .large-logo{grid-row:1;height:auto;display:flex;justify-content:center;align-items:center;position:relative;padding:.5rem 7.5rem;width:100%}.page-with-logo .large-logo img{width:100%;height:100%;object-fit:contain}.page-with-logo .formWrapper{grid-row:2;overflow-y:auto;padding:1rem}.page-with-header{display:grid;grid-template-rows:auto 1fr;height:100%}.page-with-header top-menu{grid-row:1;height:auto}.page-with-header #listBody{grid-row:2;overflow-y:auto}body{padding-top:env(safe-area-inset-top)}body,#app{font-feature-settings:"calt" off;font-family:Nunito,sans-serif;font-style:normal;font-weight:300;letter-spacing:-.02rem;line-height:1.375rem}.navbar .logo{height:3rem;padding:.5rem 1rem;text-align:right}.navbar .logo img{height:100%;object-fit:contain}.doc-page{background-color:var(--q-black);color:var(--q-white);font-size:larger}.doc-section{border-bottom:1px solid var(--q-offwhite);padding:.5rem 0}.doc-section:last-of-type{border:none}.doc-page h1,h2{margin:0;padding:.6em 1.15em;background-color:var(--q-lightgrey);color:var(--q-white)}.doc-section p{padding:.5em 1.15em}.doc-section .image-row{padding:.5em 1.15em;display:grid;grid-template-columns:1fr 1fr 1fr}.doc-section .image-row img{width:100%}.doc-section .image-row ol{padding-left:1.75rem;font-size:smaller}.doc-example{display:grid;grid-template-columns:1fr 1fr}.doc-example .image-explain{margin:auto 0}.margined-page{margin:0 1rem}@media (min-width: 480px){#app{width:480px;margin:0 auto}}#app-menu{height:3rem}#menu__toggle{opacity:0}#menu__toggle:checked+.menu__btn>span{transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span:before{top:0;transform:rotate(0)}#menu__toggle:checked+.menu__btn>span:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{left:0!important}.menu__btn{position:fixed;top:20px;left:20px;width:26px;height:26px;cursor:pointer;z-index:1}.menu__btn>span,.menu__btn>span:before,.menu__btn>span:after{display:block;position:absolute;width:100%;height:2px;background-color:var(--q-offwhite);transition-duration:.25s}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{display:block;position:fixed;top:0;left:-100%;width:100%;height:100%;margin-top:3rem;padding:0;list-style:none;background-color:var(--q-offwhite);box-shadow:2px 2px 6px #0006;transition-duration:.25s}.menu__item{display:block;padding:12px 24px;color:var(--q-black);text-decoration:none;transition-duration:.25s;border-bottom:2px solid var(--q-white)}.menu__header{border-bottom:none;color:var(--q-white);background-color:var(--q-lightgrey)}.menu__item:hover{background-color:#cfd8dc}.formSectionWrapper{width:100%;display:flex;flex-direction:column}.formWrapper{width:100%;margin:0;padding:1rem 0;display:flex;flex-direction:column}.formWrapper h1{margin:2em auto;font-size:1rem;color:var(--q-offwhite)}.formWrapper p{margin:0 auto}.formWrapper .formLinks{display:flex;flex-direction:row;justify-content:flex-end;margin:0 1rem}.buttons{padding:2.5rem 0;text-align:center}.button{height:var(--q-button-height);min-width:var(--q-button-min-width);flex-grow:var(--q-button-flex-grow);padding:var(--q-button-padding);justify-content:var(--q-button-justify-content);align-items:var(--q-button-align-items);gap:var(--q-button-gap);flex-shrink:var(--q-button-flex-shrink);border-radius:var(--q-button-border-radius);border:var(--q-button-border);background:var(--q-button-background);color:var(--q-button-color)}.buttons .button:disabled{background:var(--q-button-disabled-bg-color);color:var(--q-button-disabled-color);border-color:var(--q-button-disabled-color)}.formWrapper .inputFields{width:100%;display:grid;gap:3rem}h1{font-size:large}h2{font-size:medium}p{margin:.5rem 0;padding:0 0 8px;text-align:center}input{font:inherit}@media screen and (min-width: 480px){.form-wrapper{width:480px}}._gamesLists_ccy6b_1{width:inherit;height:100%;background-color:var(--q-offwhite)}._game_zeuiw_1{display:grid;grid-template-columns:1fr 4em}._list_1z07z_5{width:inherit;background-color:var(--q-offwhite)}._list_1z07z_5 ._listContent_1z07z_10{width:100%}._item_1z07z_15{padding:.75em 1.25em;width:100%;border-bottom:1px solid white;color:var(--q-black)}._list_1z07z_5 ._heading_1z07z_22{padding:.75em 1.15em;width:100%;color:var(--q-white);background-color:var(--q-lightgrey);display:grid;grid-template-columns:1fr 4em}#_gameWindow_1obcm_1{display:grid;grid-template-rows:auto auto auto;margin:0 auto}._playerControls_1obcm_1{margin:auto 0}._playingControls_1obcm_1{box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:3rem auto 3rem;margin:.25rem 0}._opponent_1obcm_1{margin-bottom:0}._playingControls_1obcm_1 ._buttonWrapper_1obcm_1{margin:auto}._playingControls_1obcm_1 ._buttonWrapper_1obcm_1 a{color:#fff;text-decoration:none}._playingControls_1obcm_1 button{display:block;width:3rem;height:3rem;aspect-ratio:1;font-size:x-large;padding:0;border-radius:50%;color:var(--foreground-color)}._playingControls_1obcm_1 button._cancel_1obcm_1{background-color:var(--q-red)}._playingControls_1obcm_1 button._confirm_1obcm_1{background-color:var(--q-green);color:#fff}._playingControls_1obcm_1 button:disabled{background:var(--q-button-disabled-bg-color);border-color:var(--q-button-disabled-color);color:var(--q-button-disabled-color)}._playingControls_1obcm_1 ._players_1obcm_1{display:flex;flex-direction:column;flex-grow:4}._player_1obcm_1{display:grid;margin:0 1rem;grid-template-columns:10fr 1fr;grid-template-rows:1fr 1fr}._player_1obcm_1._hasTurn_1obcm_1{font-weight:700}._player_1obcm_1 ._name_1obcm_1{text-align:left}._player_1obcm_1 ._score_1obcm_1{width:2rem;text-align:right}._player_1obcm_1 ._message_1obcm_1{grid-column:1 / span 2;text-align:left}._pieces_1obcm_3{margin:auto;display:grid;justify-content:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}img._piece_1obcm_3{width:100%}img._piece_1obcm_3._selected_1obcm_1{border:2px solid var(--q-lightgrey);background-color:var(--q-lightgrey);border-radius:.25rem;margin:0}._pieces_1obcm_3 a{margin:0;padding:0;display:contents}canvas._canvas_1obcm_1{display:block;aspect-ratio:1;margin:auto 0;width:100%}._pieces_1obcm_3{grid-template-rows:1fr 1fr 1fr}div{box-sizing:border-box}svg{width:1.5rem;color:var(--q-offwhite)}#_gameWindow_5wigt_1{display:grid;grid-template-rows:auto auto auto;margin:0 auto}._playerControls_5wigt_16{margin:auto 0}._playingControls_5wigt_20{box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:3rem auto 3rem;margin:.25rem 0}._opponent_5wigt_28{margin-bottom:0}._playingControls_5wigt_20 ._buttonWrapper_5wigt_32{margin:auto}._playingControls_5wigt_20 ._buttonWrapper_5wigt_32 a{color:#fff;text-decoration:none}._playingControls_5wigt_20 button{display:block;width:3rem;height:3rem;aspect-ratio:1;font-size:x-large;padding:0;border-radius:50%;color:var(--foreground-color)}._playingControls_5wigt_20 button._cancel_5wigt_50{background-color:var(--q-red)}._playingControls_5wigt_20 button._confirm_5wigt_54{background-color:var(--q-green);color:#fff}._playingControls_5wigt_20 button:disabled{background:var(--q-button-disabled-bg-color);border-color:var(--q-button-disabled-color);color:var(--q-button-disabled-color)}._playingControls_5wigt_20 ._players_5wigt_65{display:flex;flex-direction:column;flex-grow:4}._player_5wigt_16{display:grid;margin:0 1rem;grid-template-columns:10fr 1fr;grid-template-rows:1fr 1fr}._player_5wigt_16._hasTurn_5wigt_79{font-weight:700}._player_5wigt_16 ._name_5wigt_83{text-align:left}._player_5wigt_16 ._score_5wigt_87{width:2rem;text-align:right}._player_5wigt_16 ._message_5wigt_92{grid-column:1 / span 2;text-align:left}._pieces_5wigt_97{margin:auto;display:grid;justify-content:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}img._piece_5wigt_97{width:100%}img._piece_5wigt_97._selected_5wigt_109{border:2px solid var(--q-lightgrey);background-color:var(--q-lightgrey);border-radius:.25rem;margin:0}._pieces_5wigt_97 a{margin:0;padding:0;display:contents}canvas._canvas_5wigt_122{display:block;aspect-ratio:1;margin:auto 0;width:100%}._invitation_1bliv_1{display:grid;grid-template-columns:1fr 4em}._searchField_1dhx0_1{display:grid;grid-template-columns:1fr 4rem}._searchField_1dhx0_1 ._searchButton_1dhx0_6{width:4rem;background:none;border:none;color:var(--q-offwhite);font-size:2rem}._searchField_1dhx0_1 ._searchButton_1dhx0_6 ._searchIcon_1dhx0_13{rotate:45deg;display:block}._startGameBlocks_1dhx0_18{display:grid;grid-template-rows:auto 2fr 1fr;gap:1rem;height:100%}._navbar_1ygp0_1{display:grid;grid-template-columns:1fr 1fr 1fr}._navbar_1ygp0_1 ._logo_1ygp0_5{height:2rem;padding:.5rem 1rem;text-align:right}._menuItems_1ygp0_10{display:flex;gap:.75rem;list-style-type:none;padding:0;margin:auto .5rem;height:2rem;justify-content:flex-end}#_topMenu_1ygp0_1>li{margin:auto 0}#_topMenu_1ygp0_1>li svg{display:block;margin:auto;width:1.5rem;color:var(--q-offwhite)}._navbar_1ygp0_1 ._logo_1ygp0_5 img{height:100%;object-fit:contain}._navbar_1i7k6_1{display:grid;grid-template-columns:1fr 1fr 1fr}._navbar_1i7k6_1 ._logo_1i7k6_1{height:2rem;padding:.5rem 1rem;text-align:right}._menuItems_1i7k6_1{display:flex;gap:.75rem;list-style-type:none;padding:0;margin:auto .5rem;height:2rem;justify-content:flex-end}#_topMenu_1i7k6_1>li{margin:auto 0}#_topMenu_1i7k6_1>li svg{display:block;margin:auto;width:1.5rem;color:var(--q-offwhite)}._navbar_1i7k6_1 ._logo_1i7k6_1 img{height:100%;object-fit:contain}a{font-weight:500;text-decoration-line:underline;color:#fff}#_topMenu_1i7k6_1{justify-content:flex-start}#_errorMessage_o46im_1{margin:1rem;color:var(--q-red)}#_throbberShade_8g7n6_1{display:flex;flex-direction:column;background-color:rgba(var(--q-white),0);position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:_appear-bg_8g7n6_1 .2s linear}@keyframes _appear-bg_8g7n6_1{0%{opacity:0}to{opacity:1}}._throbber_8g7n6_21{margin:auto;border:12px solid var(--q-lightgrey);border-top:12px solid #29425a;border-radius:50%;width:40px;height:40px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);animation:_spin_8g7n6_1 1s linear infinite}@keyframes _spin_8g7n6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._invitationComponentContainer_rjuk8_7{display:flex;flex-direction:column;margin:0}._button_rjuk8_13{height:var(--q-button-height);flex-grow:var(--q-button-flex-grow);padding:var(--q-button-padding);justify-content:var(--q-button-justify-content);align-items:var(--q-button-align-items);gap:var(--q-button-gap);flex-shrink:var(--q-button-flex-shrink);border-radius:var(--q-button-border-radius);border:var(--q-button-border);background:var(--q-button-background);color:var(--q-button-color);font-size:1.3rem}._errorMessage_rjuk8_35{color:#d32f2f;font-size:14px;margin-top:8px}._textarea_rjuk8_41{width:100%;min-height:80px;padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:8px;font-family:inherit;font-size:14px;resize:none}._helpText_rjuk8_53{color:#666;font-size:14px;margin-top:8px;text-align:center}