:root{--q-black: #000000;--q-darkgrey: #20252C;--q-midgrey: #343B47;--q-lightgrey: #666666;--q-offwhite: #DADDE2;--q-white: #FFFFFF;--q-blue: #0A50C8;--q-accent-blue: #0088FF;--q-green: #0A6E0A;--q-yellow: #FADC32;--q-red: #DC0A0A;--foreground-color: var(--q-white);--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);--q-list-background-color: var(--q-black);--q-list-foreground-color: var(--foreground-color);--q-list-item-border-color: #666666;--q-list-item-background-color: #323232;--q-controls-border-color: #666666;--q-controls-background-color: #323232}*{box-sizing:border-box}html{font-size:15px}html,body,#app,#router-view{margin:0;background-color:var(--q-black);color:var(--foreground-color)}#app{position:relative;overflow:hidden}#app:after{content:"";position:absolute;top:-200px;left:90%;transform:translate(-50%);border-radius:50%;background-color:#d9d9d9;opacity:.05;width:130%;aspect-ratio:1 /1;pointer-events:none}#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 .logo-header{grid-row:1;height:2rem;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center}.page-with-header .logo-header img{height:100%;object-fit:contain}.page-with-header #listBody{grid-row:2;overflow-y:auto;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}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}.buttons{padding:2.5rem 0;display:flex;flex-direction:column;gap:1rem}.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)}.button.accent-pill{border-radius:99999px;border:none;background:var(--q-accent-blue);color:#fff;font-weight:700;font-size:1.3rem}.buttons .button.accent-pill:disabled{background:var(--q-lightgrey);color:var(--q-offwhite);border:none}.button.outline-pill{border-radius:99999px;border:1px solid #4D4D4D;background:var(--q-white);color:var(--q-black);font-weight:700;font-size:1.3rem}.formWrapper .inputFields{width:100%;display:grid;gap:3rem}.welcome-page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem max(1.5rem,env(safe-area-inset-bottom));background-color:var(--q-black);color:var(--q-white);text-align:center}.welcome-page .welcome-top{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.welcome-page .welcome-hero{display:flex;justify-content:center;align-items:center;width:100%}.welcome-page .welcome-hero img{width:min(90vw,20rem);aspect-ratio:183.5 / 189.5;object-fit:cover;border-radius:50%}.welcome-page .welcome-copy h1{margin:0;padding:0;font-size:clamp(1.5rem,6vw,2.25rem);font-weight:700;background-color:transparent;color:var(--q-white)}.welcome-page .welcome-tagline{margin:.25rem 0 0;padding:0;color:#b8b8b8;font-size:clamp(1rem,4vw,1.25rem)}.welcome-page .welcome-actions{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0}.welcome-page .welcome-actions .button{width:100%;min-width:0;height:3.25rem;border-radius:99999px;font-size:1.1rem}h1{font-size:large}h2{font-size:medium}p{margin:.5rem 0;padding:0 0 8px;text-align:center}input{font:inherit;font-size:16px}@media screen and (min-width: 480px){.form-wrapper{width:480px}}._gamesLists_1b6o9_1{width:inherit;height:100%}._emptyState_1b6o9_7{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background-color:var(--q-black);color:var(--q-white);text-align:center}._emptyTop_1b6o9_20{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}._emptyHero_1b6o9_31{display:flex;justify-content:center;align-items:center;width:100%}._emptyHero_1b6o9_31 img{width:min(90vw,20rem);aspect-ratio:183.5 / 189.5;object-fit:cover;border-radius:50%}._emptyCopy_1b6o9_45 h1{margin:0;padding:0;font-size:clamp(1.5rem,6vw,2.25rem);font-weight:700;background-color:transparent;color:var(--q-white)}._emptyTagline_1b6o9_54{margin:.25rem 0 0;padding:0;color:#b8b8b8;font-size:clamp(1rem,4vw,1.25rem)}._emptyActions_1b6o9_61{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0}._emptyActions_1b6o9_61 .button{width:100%;min-width:0;height:3.25rem;border-radius:99999px;font-size:1.1rem}._game_11ex9_1{display:grid;grid-template-columns:min-content 1fr 7rem;grid-template-areas:"avatar player action" "avatar score  standing";padding:.6em;gap:.5rem}._game_11ex9_1 *{margin:auto 0}._game_11ex9_1 ._avatar_11ex9_15{margin:auto 0;grid-area:avatar}._game_11ex9_1 ._avatar_11ex9_15 img{border-radius:50%;display:block;max-width:50px;margin-right:.8rem}._game_11ex9_1 ._players_11ex9_27{font-size:1.4rem;font-weight:700;grid-area:player;overflow:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap}._game_11ex9_1 ._score_11ex9_36{grid-area:score}._game_11ex9_1 ._action_11ex9_40{grid-area:action}._game_11ex9_1 ._highlight_11ex9_43{text-align:center;border-radius:.4rem;padding:.2rem .4rem;font-weight:700}._game_11ex9_1 ._standing_11ex9_50{grid-area:standing}._game_11ex9_1 ._move_11ex9_54{background-color:var(--q-accent-blue)}._game_11ex9_1 ._waiting_11ex9_57{background-color:var(--q-lightgrey);font-weight:400}._game_11ex9_1 ._leading_11ex9_61{background-color:var(--q-green)}._game_11ex9_1 ._behind_11ex9_64{background-color:var(--q-red)}._game_11ex9_1 ._won_11ex9_67{background-color:var(--q-green)}._game_11ex9_1 ._lost_11ex9_70{background-color:var(--q-red)}._game_11ex9_1 ._draw_11ex9_73{background-color:var(--q-lightgrey)}._list_f5kwp_5{width:inherit;padding:0 .5rem}._list_f5kwp_5 ._listContent_f5kwp_10{width:100%;display:flex;flex-direction:column;gap:.5rem}._item_f5kwp_17{padding:1rem;width:100%;border:1px solid var(--q-list-item-border-color);border-radius:.5rem;color:var(--q-list-foreground-color);background-image:linear-gradient(to bottom right,#f7f7f12a,#9191912a)}._list_f5kwp_5 ._heading_f5kwp_26{display:grid;padding:.75em 0;width:100%;color:var(--q-lightgrey);grid-template-columns:1fr 4em}#_gameWindow_1gsa7_1{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;margin:0 auto}._playerControls_1gsa7_1{margin:auto 0}._playingControls_1gsa7_1{box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:3rem auto 3rem;margin:.25rem 0}._opponent_1gsa7_1{margin-bottom:0}._playingControls_1gsa7_1 ._buttonWrapper_1gsa7_1{margin:auto}._playingControls_1gsa7_1 ._buttonWrapper_1gsa7_1 a{color:#fff;text-decoration:none}._playingControls_1gsa7_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_1gsa7_1 button._cancel_1gsa7_1{background-color:var(--q-red)}._playingControls_1gsa7_1 button._confirm_1gsa7_1{background-color:var(--q-green);color:#fff}._playingControls_1gsa7_1 button:disabled{background:var(--q-button-disabled-bg-color);border-color:var(--q-button-disabled-color);color:var(--q-button-disabled-color)}._playingControls_1gsa7_1 ._players_1gsa7_1{display:flex;flex-direction:column;flex-grow:4}._player_1gsa7_1{display:grid;margin:0 1rem;grid-template-columns:10fr 1fr;grid-template-rows:1fr 1fr}._player_1gsa7_1._hasTurn_1gsa7_1{font-weight:700}._player_1gsa7_1 ._name_1gsa7_1{text-align:left}._player_1gsa7_1 ._score_1gsa7_1{width:2rem;text-align:right}._player_1gsa7_1 ._message_1gsa7_1{grid-column:1 / span 2;text-align:left}._pieces_1gsa7_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_1gsa7_3{width:100%}img._piece_1gsa7_3._selected_1gsa7_1{border:2px solid var(--q-lightgrey);background-color:var(--q-lightgrey);border-radius:.25rem;margin:0}._pieces_1gsa7_3 a{margin:0;padding:0;display:contents}canvas._canvas_1gsa7_1{display:block;aspect-ratio:1;margin:auto;width:100%;height:auto;max-height:100%;min-height:0;box-sizing:border-box}._pieces_1gsa7_3{grid-template-rows:1fr 1fr 1fr}#_gameWindow_zyw1d_1{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;margin:0 auto}._playerControls_zyw1d_18{margin:auto 0}._playingControls_zyw1d_24{box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:3rem auto 3rem;margin:.25rem 0}._opponent_zyw1d_32{margin-bottom:0}._playingControls_zyw1d_24 ._buttonWrapper_zyw1d_36{margin:auto}._playingControls_zyw1d_24 ._buttonWrapper_zyw1d_36 a{color:#fff;text-decoration:none}._playingControls_zyw1d_24 button{display:block;width:3rem;height:3rem;aspect-ratio:1;font-size:x-large;padding:0;border-radius:50%;color:var(--foreground-color)}._playingControls_zyw1d_24 button._cancel_zyw1d_54{background-color:var(--q-red)}._playingControls_zyw1d_24 button._confirm_zyw1d_58{background-color:var(--q-green);color:#fff}._playingControls_zyw1d_24 button:disabled{background:var(--q-button-disabled-bg-color);border-color:var(--q-button-disabled-color);color:var(--q-button-disabled-color)}._playingControls_zyw1d_24 ._players_zyw1d_69{display:flex;flex-direction:column;flex-grow:4}._player_zyw1d_18{display:grid;margin:0 1rem;grid-template-columns:10fr 1fr;grid-template-rows:1fr 1fr}._player_zyw1d_18._hasTurn_zyw1d_83{font-weight:700}._player_zyw1d_18 ._name_zyw1d_87{text-align:left}._player_zyw1d_18 ._score_zyw1d_91{width:2rem;text-align:right}._player_zyw1d_18 ._message_zyw1d_96{grid-column:1 / span 2;text-align:left}._pieces_zyw1d_101{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_zyw1d_101{width:100%}img._piece_zyw1d_101._selected_zyw1d_113{border:2px solid var(--q-lightgrey);background-color:var(--q-lightgrey);border-radius:.25rem;margin:0}._pieces_zyw1d_101 a{margin:0;padding:0;display:contents}canvas._canvas_zyw1d_126{display:block;aspect-ratio:1;margin:auto;width:100%;height:auto;max-height:100%;min-height:0;box-sizing:border-box}._invitation_17qxl_1{display:grid;grid-template-columns:min-content 1fr 7rem;padding:.6em}._invitation_17qxl_1 ._avatar_17qxl_7 img{border-radius:50%;display:block;max-width:50px;margin-right:.8rem}._invitation_17qxl_1>*{margin:auto 0;font-weight:700}._invitation_17qxl_1 ._name_17qxl_22{font-size:1.5rem}._invitation_17qxl_1 ._status_17qxl_26{padding:.2rem .4rem;text-align:center;background-color:var(--q-lightgrey);border-radius:.5rem}._invitation_17qxl_1 ._accept_17qxl_33{background-color:var(--q-accent-blue);font-weight:700}._invitationPageContent_1astc_1{grid-row:2;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}._friendsSelection_1astc_9{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}._inviteSomeoneElse_1astc_17{padding:1rem 0;flex-shrink:0;background-color:var(--q-black)}._friendsList_1astc_23{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}._friendItem_1astc_31{cursor:pointer;display:grid;grid-template-columns:min-content 1fr 7rem;padding:.6em;border:1px solid var(--q-list-item-border-color);border-radius:.5rem;color:var(--q-list-foreground-color);background-image:linear-gradient(to bottom right,#f7f7f12a,#9191912a)}._friendItem_1astc_31 ._avatar_1astc_42 img{border-radius:50%;display:block;max-width:50px;margin-right:.8rem}._friendItem_1astc_31>*{margin:auto 0;font-weight:700}._friendItem_1astc_31 ._name_1astc_54{font-size:1.5rem}._friendItem_1astc_31 ._action_1astc_58{padding:.2rem .4rem;text-align:center;background-color:var(--q-accent-blue);border-radius:.5rem}._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}._tabBar_1fr5x_1{position:fixed;bottom:0;left:0;right:0;display:flex;height:4rem;padding-bottom:env(safe-area-inset-bottom);background:#262626;border-top:1px solid #4D4D4D;z-index:10}._tabList_1fr5x_14{display:flex;flex:1;list-style:none;margin:0;padding:0}._tab_1fr5x_1{flex:1;display:flex;align-items:center;justify-content:center}._tab_1fr5x_1 a{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--q-offwhite)}._tab_1fr5x_1 a svg{display:block;width:1.5rem;color:inherit}._tabTitle_1fr5x_44{font-size:.7rem}._tabActive_1fr5x_48 a{color:var(--q-accent-blue)}#_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_6fo1b_7{display:flex;flex-direction:column;margin:0}._button_6fo1b_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:99999px;background:var(--q-accent-blue);color:#fff;font-weight:700;font-size:1.3rem}._errorMessage_6fo1b_35{color:#d32f2f;font-size:14px;margin-top:8px}._textarea_6fo1b_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_6fo1b_53{color:#666;font-size:14px;margin-top:8px;text-align:center}._demoPage_ajgxn_1{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;flex-direction:column;gap:1rem;color:var(--q-white);background-color:var(--q-lightgrey);height:100%}._demoPage_ajgxn_1 ._demoBoard_ajgxn_13{flex:1 1 auto;min-height:0;border-radius:1rem;background-color:var(--q-black)}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20{flex-shrink:0;padding:.75rem 1rem;display:grid;grid-template-areas:"text text text" "prev progress next";gap:.5rem .75rem;background-color:var(--q-black);border:1px solid var(--q-controls-border-color);border-radius:1rem}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._demoText_ajgxn_32{grid-area:text;text-align:center;font-weight:700;font-size:clamp(1.1rem,4.5vw,1.5rem);line-height:1.3;min-height:2.2em;overflow-wrap:break-word}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._prev_ajgxn_41{grid-area:prev}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._next_ajgxn_44{grid-area:next}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._progress_ajgxn_47{grid-area:progress;display:flex;align-items:center;justify-content:center;gap:.5rem}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._dot_ajgxn_54{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--q-lightgrey);opacity:.4;transition:opacity .3s,transform .3s,background-color .3s}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._dotActive_ajgxn_62{opacity:1;background-color:var(--q-accent-blue);transform:scale(1.4)}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._button_ajgxn_67{text-align:center;border-radius:1rem;padding:.4rem .6rem;min-height:2.75rem;font-weight:700;font-size:clamp(.9rem,3.5vw,1rem);background-color:var(--q-accent-blue);border:1px solid var(--q-accent-blue);color:var(--q-white);cursor:pointer}._demoPage_ajgxn_1 ._demoCockpit_ajgxn_20 ._button_ajgxn_67:disabled{opacity:.35;cursor:not-allowed}div{box-sizing:border-box}svg{width:1.5rem;color:var(--q-offwhite)}#_gameWindow_1swc8_1{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;margin:0 auto}._playerControls_1swc8_8{margin:auto 0}._playingControls_1swc8_1{box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:3rem auto 3rem;margin:.25rem 0}._opponent_1swc8_1{margin-bottom:0}._playingControls_1swc8_1 ._buttonWrapper_1swc8_1{margin:auto}._playingControls_1swc8_1 ._buttonWrapper_1swc8_1 a{color:#fff;text-decoration:none}._playingControls_1swc8_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_1swc8_1 button._cancel_1swc8_1{background-color:var(--q-red)}._playingControls_1swc8_1 button._confirm_1swc8_1{background-color:var(--q-green);color:#fff}._playingControls_1swc8_1 button:disabled{background:var(--q-button-disabled-bg-color);border-color:var(--q-button-disabled-color);color:var(--q-button-disabled-color)}._playingControls_1swc8_1 ._players_1swc8_1{display:flex;flex-direction:column;flex-grow:4}._player_1swc8_8{display:grid;margin:0 1rem;grid-template-columns:10fr 1fr;grid-template-rows:1fr 1fr}._player_1swc8_8._hasTurn_1swc8_1{font-weight:700}._player_1swc8_8 ._name_1swc8_1{text-align:left}._player_1swc8_8 ._score_1swc8_1{width:2rem;text-align:right}._player_1swc8_8 ._message_1swc8_1{grid-column:1 / span 2;text-align:left}._pieces_1swc8_1{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_1swc8_1{width:100%}img._piece_1swc8_1._selected_1swc8_1{border:2px solid var(--q-lightgrey);background-color:var(--q-lightgrey);border-radius:.25rem;margin:0}._pieces_1swc8_1 a{margin:0;padding:0;display:contents}canvas._canvas_1swc8_8{display:block;aspect-ratio:1;margin:auto;width:100%;height:auto;max-height:100%;min-height:0;box-sizing:border-box}:host{display:block;height:100%}._playerControls_1swc8_8,._canvas_1swc8_8{border:4px solid transparent;pointer-events:none}._highLight_1swc8_13{border:4px solid yellow;border-radius:1rem}._backButton_1swc8_18{visibility:hidden}._profileBody_1i635_1{grid-row:2;overflow-y:auto;padding:1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom))}._accountCard_1i635_8{display:flex;flex-direction:column;gap:.75rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--q-list-item-border-color);border-radius:.5rem;background-image:linear-gradient(to bottom right,#f7f7f12a,#9191912a)}._accountRow_1i635_19{display:flex;justify-content:space-between;gap:1rem}._label_1i635_25{color:var(--q-lightgrey)}._value_1i635_29{color:var(--q-offwhite);text-align:right;overflow-wrap:anywhere}._confirmBox_1i635_35{margin-top:1rem;padding:1rem;border:1px solid var(--q-red);border-radius:.5rem}._banner_11wpe_1{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 3rem .5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top));background:var(--q-darkgrey);border-bottom:1px solid #4D4D4D;color:var(--q-offwhite);font-size:.9rem;z-index:20}._message_11wpe_19{text-align:center}._dismiss_11wpe_23{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--q-offwhite);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem}