@font-face{font-family:IBM Plex Sans;src:url(/assets/Ibmplexsans-Vqzn5x5B.ttf);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/Ibmplexsanssemibold-Z_X-5EGE.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Wind;src:url(data:font/woff2;base64,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);font-weight:300;font-style:normal;font-display:swap}body{margin:0;font-family:sans-serif;font-size:var(--font-size-primary);-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:var(--color-link);text-decoration:none;cursor:pointer}ul{margin:0}p{margin-block-start:unset;margin-block-end:unset;margin-inline-start:unset;margin-inline-end:unset}.App{overflow-x:hidden;position:absolute;width:100%;height:100%;background-color:var(--bg-color);color:var(--primary-text-color)}.newyear{background-image:url(/assets/snow--lFC-B6U.png);background-repeat:no-repeat;background-size:cover}.newyear .page-home{background-image:url(/assets/ny-JfQrroyQ.gif);background-size:auto 16px;background-repeat:repeat-x}.svg-button{width:32px;height:32px}.svg-button svg{width:100%;height:100%}.svg-button--disabled{color:var(--color-secondary-2)}.svg-button:not(.svg-button--disabled):active{color:var(--color-secondary-1)}.svg-button--small{width:28px;height:28px}.svg-button--xsmall{width:24px;height:24px}.radio-btn{border:1px solid var(--primary-text-color);display:flex;align-items:center;justify-content:center;border-radius:16px}.radio-btn--small{width:64px;height:32px}.radio-btn--active{border:none;background-color:var(--color-primary);color:var(--secondary-text-color)}.radio-btn:not(.radio-btn--active):active{background-color:var(--color-secondary-6)}.flat-btn{display:flex;align-items:center;justify-content:center;border:2px solid var(--color-secondary-4);border-radius:8px;box-sizing:border-box}.flat-btn:not(.flat-btn--disabled):active{background-color:var(--color-secondary-6)}.flat-btn--small{width:52px;height:52px}.flat-btn--medium{width:72px;height:52px}.flat-btn--large{width:112px;height:52px}.flat-btn--v-large{width:52px;height:112px}.flat-btn--success{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-2)}.flat-btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-2)}.flat-btn--pressed{border-color:var(--color-secondary-1);color:var(--color-secondary-1)}.flat-btn--disabled{border-color:var(--color-secondary-5);color:var(--color-secondary-5)}.flat-btn svg{width:36px;height:36px}.flat-btn__caption{text-align:center;font-size:var(--font-size-small-2)}.link{text-decoration:underline;color:var(--color-primary)}.flex-container{height:100%;display:flex;flex-direction:column}.flex-container__content{flex-grow:1;height:100%}.flex-container__bottom{flex:0 0 auto}.theme-day{--bg-color: #f4f5f7;--primary-text-color: #000000;--secondary-text-color: #ffffff;--color-primary: #1565c0;--color-primary-active: #1979e5;--color-primary-light: #bdd4ed;--color-primary-light-active: #e3edf7;--color-secondary-1: #47526c;--color-secondary-2: #8491ae;--color-secondary-3: #b8c0d1;--color-secondary-4: #c8cedb;--color-secondary-5: #d4d9e3;--color-secondary-6: #e0e4eb;--color-success: #0da678;--color-danger: #d32b2b;--color-success-2: #71f1cb;--color-danger-2: #ea6969;--color-link: #1979e5;--avatar-bg-red: #e6d0d0;--avatar-fg-red: #a75858;--avatar-bg-orange: #efd8c7;--avatar-fg-orange: #c87237;--avatar-bg-yellow: #eee2c8;--avatar-fg-yellow: #c4973b;--avatar-bg-green: #d0e6db;--avatar-fg-green: #59a67e;--avatar-bg-lime: #d7e6d0;--avatar-fg-lime: #70a659;--avatar-bg-teal: #d1e5e5;--avatar-fg-teal: #5ca3a1;--avatar-bg-cyan: #d3e2e4;--avatar-fg-cyan: #61969e;--avatar-bg-blue: #cedce9;--avatar-fg-blue: #5081af;--avatar-bg-purple: #d9d4e2;--avatar-fg-purple: #766699;--avatar-bg-grape: #e2cdea;--avatar-fg-grape: #974bb4;--avatar-bg-pink: #eacddc;--avatar-fg-pink: #b44b81}.theme-night{--bg-color: #282c34;--primary-text-color: #e6e6e6;--secondary-text-color: #ffffff;--color-primary: #1565c0;--color-primary-active: #1979e5;--color-primary-light: #606a76;--color-primary-light-active: #4c535d;--color-secondary-1: #afb4be;--color-secondary-2: #737c8d;--color-secondary-3: #37445c;--color-secondary-4: #737c8d;--color-secondary-5: #37445c;--color-secondary-6: #262f40;--color-success: #43d8ab;--color-danger: #ff6969;--color-success-2: #8dfbda;--color-danger-2: #ffaeae;--color-link: #1979e5;--avatar-bg-red: #643535;--avatar-fg-red: #c79494;--avatar-bg-orange: #784421;--avatar-fg-orange: #dca57f;--avatar-bg-yellow: #755b24;--avatar-fg-yellow: #d9bc82;--avatar-bg-green: #35644c;--avatar-fg-green: #95c6ad;--avatar-bg-lime: #436435;--avatar-fg-lime: #a4c695;--avatar-bg-teal: #376260;--avatar-fg-teal: #97c4c3;--avatar-bg-cyan: #3a5a5f;--avatar-fg-cyan: #9abcc1;--avatar-bg-blue: #304d69;--avatar-fg-blue: #8faecc;--avatar-bg-purple: #473d5c;--avatar-fg-purple: #a79dbd;--avatar-bg-grape: #5b2d6c;--avatar-fg-grape: #bc8ccf;--avatar-bg-pink: #6c2d4d;--avatar-fg-pink: #cf8cae}:root{--font-size-primary: 18px;--font-size-secondary-2: 30px;--font-size-secondary: 20px;--font-size-small-1: 14px;--font-size-small-2: 16px;--font-size-header: 45px}.page-home{display:flex;flex-direction:column;height:100%}.page-home__title{font-size:32px;text-align:center;margin-top:24px;word-break:break-word;flex:1 1 auto}.page-home__bottom{flex:0 0 auto}.page-home__button--active{background-color:var(--color-primary);color:var(--secondary-text-color)}.page-home__button--active:active{background-color:var(--color-primary-active)}.page-home__button:not(.page-home__button--active):active{background-color:var(--color-secondary-6)}.page-home__button--bordered{padding:0 12px}.page-home__button--bordered:active{padding:0}.page-home__button--bordered:active:before,.page-home__button--bordered:active:after{width:100%}.page-home__button--bordered:before{width:calc(100% - 24px);height:2px;background-color:var(--color-secondary-4);content:"";display:block;position:absolute}.page-home__button--bordered:not(.page-home__button--bordered:last-child):after{width:calc(100% - 24px);height:2px;background-color:var(--color-secondary-4);content:"";display:block;position:absolute}.page-home__button-content{width:100%;height:54px;display:flex;align-items:center;justify-content:center}.page-home__button .icon{position:absolute;width:28px;height:28px}.page-home__button .icon--right{right:18px}.page-home__button .icon:not(.icon--right){left:18px}.inline-preloader{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:120px;height:16px;border:1px solid var(--primary-text-color);border-radius:16px;display:flex;align-items:center;justify-content:center}.inline-preloader:after{display:block;content:" ";width:10px;height:10px;border-radius:50%;background-color:var(--color-danger);animation:cssload-motion 1.45s linear infinite}@keyframes cssload-motion{0%{transform:translate(0)}25%{transform:translate(-47px)}50%{transform:translate(0)}75%{transform:translate(47px)}to{transform:translate(0)}}.page-setting{min-height:580px}.page-setting__name{display:flex;justify-content:center;align-items:center;column-gap:16px;margin:24px 16px;text-align:center;font-size:var(--font-size-secondary);word-break:break-word}.page-setting__section{margin:44px 24px}.page-setting__section-content{margin-top:16px;display:flex}.page-setting__section-content button{font-size:var(--font-size-primary)}.page-setting__section-content>div{margin-right:24px}.theme{width:68px}.theme--selected .theme__visual-inner{border:2px solid var(--color-primary)}.theme--selected .theme__name{font-style:normal;font-weight:600;color:var(--color-primary)}.theme__visual{height:46px;width:68px;display:flex;justify-content:center;align-items:center}.theme__name{width:100%;font-size:14px;text-align:center;margin-top:4px}.theme__visual-inner{border:1px solid var(--primary-text-color);border-radius:8px;padding:9px 8px}.theme__secondary-color{height:8px;width:48px;border-radius:2px}.theme__text-color,.theme__primary-color{height:4px;width:24px;margin-top:4px;border-radius:2px}.switch-setting{display:flex}.switch-setting__description{margin-left:16px}.switch-setting__info{margin-top:12px;color:var(--color-secondary-2);font-size:var(--font-size-small-1)}.page-setting__bottom{margin:16px 24px}.switch{flex-shrink:0;position:relative;width:48px;height:24px;-webkit-user-select:none;user-select:none}.switch__box{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background-color:var(--color-secondary-4)}.switch__box--on{background-color:var(--color-primary)}.switch__button{position:absolute;top:2px;bottom:2px;right:26px;left:2px;background-color:var(--secondary-text-color);border-radius:9px;transition:all .1s ease}.switch__button--on{right:2px;left:26px}.top-panel{margin:24px 16px;flex:0 0 auto;display:flex;align-items:center}.top-panel--between{justify-content:space-between}.top-panel__search{position:relative;flex:1 1 auto;margin-left:18px;height:24px}.top-panel__search input{width:calc(100% - 28px);font-size:var(--font-size-small-2);padding:2px 24px 2px 4px;background-color:transparent;border:none;border-radius:0;border-bottom:2px solid var(--color-secondary-4);outline:none;color:var(--color-secondary-1)}.top-panel__search input::placeholder{color:var(--color-secondary-4)}.top-panel__search svg{position:absolute;width:16px;height:16px;right:-8px;bottom:-8px;padding:12px}.avatar__wrapper{display:inline-block;overflow:hidden;margin:0;padding:0;text-align:center;vertical-align:center;font-size:14px}.avatar__wrapper .avatar__placeholder{width:100%;height:100%}div.avatar__placeholder{display:flex;justify-content:center;align-items:center}.page-new-game{height:100%;display:flex;flex-direction:column}.page-new-game__inner{display:flex;flex-direction:column;flex-grow:1;height:100%}.page-new-game__players{display:flex;flex-direction:column;height:90%;min-height:352px;justify-content:center}.page-new-game__buttons{display:flex;flex-direction:column;justify-content:space-evenly;margin:0 36px}.page-new-game__buttons .flat-btn{margin-top:36px;padding:10px 0;display:flex;justify-content:space-evenly}.player-dropdown{font-size:24px;display:flex;justify-content:center}.player-dropdown__player{width:276px;margin-bottom:32px;margin-left:12px}.player-dropdown__player:after{display:block;content:"";border-bottom:2px solid var(--color-secondary-4);width:auto}.player-dropdown__player-name{padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-dropdown__placeholder{padding:0 4px;color:var(--color-secondary-4)}.player-dropdown__placeholder:active{color:var(--color-secondary-5)}.page-search-player{height:100%;display:flex;flex-direction:column}.page-search-player__content{flex-grow:1;overflow-y:scroll}.page-search-player__name{margin:0 16px 20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;column-gap:12px}.page-search-player__name:active{background-color:var(--color-secondary-6)}.page-table__center{display:flex;align-items:center;justify-content:space-between;position:relative}.table-info__rotator_ccw,.table-info__rotator_cw{display:inline-block;padding:20px}.table-info__info{display:flex;flex-direction:column;align-items:center}.table-info__round{font-size:var(--font-size-header)}.table-info__table-number{font-size:var(--font-size-header);margin-top:2px}.table-info__tenbou{margin-top:4px;display:flex}.table-info__tenbou-count{margin-left:8px}.table-info__tenbou .svg-item{width:32px;height:24px}.table-info__timer{margin-top:8px;font-size:24px}.table-info__games-left{margin-top:12px;text-align:center}.table-info__games-left-count{font-size:24px;color:var(--color-danger)}.table-info__games-left-caption{font-size:14px}.table-info__autostart-hint{text-align:center}.table-info__autostart-separator{color:#555;background-color:#555;height:1px;width:100%}:root{--player-row-height: 32px}.player__wind{font-size:var(--font-size-header)}.player__score{font-size:28px;display:flex;align-items:center;justify-content:center}.player__score p{position:relative}.player__inline-wind{font-size:var(--font-size-secondary-2);margin-right:8px}.player__penalty{margin-left:8px;padding:2px 4px;font-size:var(--font-size-small-1);background-color:var(--color-danger);color:var(--secondary-text-color)}.player--top{margin-top:16px;margin-bottom:4px}.player--top .player__wind-container,.player--top .player__button-container,.player--top .player__riichi-button{margin-top:12px}.player--top .player__score-container{margin-top:6px}.player--top .player__name,.player--top .player__wind,.player--top .player__score{text-align:center}.player--bottom{margin-top:4px;margin-bottom:16px}.player--bottom .player__wind-container,.player--bottom .player__button-container,.player--bottom .player__riichi-button{margin-bottom:12px}.player--bottom .player__score-container{margin-bottom:6px}.player--bottom .player__name,.player--bottom .player__wind,.player--bottom .player__score{text-align:center}.player--left{margin-left:5px;display:flex;align-items:center}.player--left .player__wind-container,.player--left .player__button-container,.player--left .player__riichi-button{margin-left:12px}.player--left .player__score-container{margin-left:10px}.player--right{margin-right:16px;display:flex;align-items:center}.player--right .player__wind-container,.player--right .player__button-container,.player--right .player__riichi-button{margin-right:12px}.player--right .player__score-container{margin-right:-3px;margin-top:30px}.player--rotated.player--left,.player--rotated.player--right{height:100%;width:auto}.player--rotated.player--left .player__name,.player--rotated.player--left .player__wind,.player--rotated.player--left .player__score,.player--rotated.player--right .player__name,.player--rotated.player--right .player__wind,.player--rotated.player--right .player__score{position:absolute;transform-origin:0 0;text-align:center}.player--rotated.player--left .player__name-container,.player--rotated.player--right .player__name-container{height:100%;width:30px;overflow:visible;position:relative}.player--rotated.player--left .player__name,.player--rotated.player--right .player__name{height:40px}.player--rotated.player--left .player__name{left:45px;transform:rotate(90deg)}.player--rotated.player--right .player__name{bottom:-45px;left:0;transform:rotate(270deg)}.player--rotated.player--left .player__wind-container,.player--rotated.player--right .player__wind-container{height:32px;width:45px;overflow:visible;position:relative}.player--rotated.player--left .player__wind,.player--rotated.player--right .player__wind{height:45px}.player--rotated.player--left .player__wind{left:45px;transform:rotate(90deg)}.player--rotated.player--right .player__wind{bottom:-45px;left:0;transform:rotate(270deg)}.player--rotated.player--left .player__score-container,.player--rotated.player--right .player__score-container{height:300px;width:30px;overflow:visible;position:relative}.player--top .player__score-container,.player--bottom .player__score-container{overflow:visible}.player--rotated.player--left .player__score,.player--rotated.player--right .player__score{width:300px}.player--rotated.player--left .player__score{left:32px;transform:rotate(90deg)}.player--rotated.player--right .player__score{bottom:-23px;left:0;transform:rotate(270deg)}.player--rotated.player--top .player__wind,.player--rotated.player--top .player__name,.player--rotated.player--top .player__score{transform:rotate(180deg)}.player__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;column-gap:12px}.player__score--success{color:var(--color-success)}.player__score--danger{color:var(--color-danger)}.player__score--active{color:var(--color-primary-active)}.player__button-container{z-index:1}.player__button-container--horizontal{display:flex;justify-content:center}.player__button-container--horizontal div:nth-child(2){margin-left:8px}.player__button-container:not(.player__button-container--horizontal) div:nth-child(2){margin-top:8px}.player__riichi-button{display:flex;justify-content:center}.player__riichi-button--rotated{width:17px;height:106px;position:relative}.player__riichi-button--rotated svg{position:absolute;z-index:0;height:106px;width:106px}.player__riichi-button--rotated svg{transform:rotate(90deg)}.player__riichi-button:not(.player__riichi-button--rotated) svg{width:106px;height:17px}.player__riichi-button--empty{color:var(--color-secondary-4)}.player__riichi-button:not(.player__riichi-button--empty){--riichi-circle-color: var(--color-danger)}.player__riichi-button:active{--riichi-fill-color: var(--color-secondary-6)}.player__inline-riichi{width:53px;height:8.5px;margin-left:8px;margin-top:8px;position:absolute;color:var(--primary-text-color);--riichi-circle-color: var(--color-danger)}.player__inline-riichi-with-label{height:8.5px;margin-left:8px;margin-top:7px;position:absolute;display:inline-flex;align-items:center}.player__inline-riichi-with-label svg{width:53px;height:8.5px;color:var(--primary-text-color);--riichi-circle-color: var(--color-danger);margin-left:8px}.player__button--win{box-shadow:inset 0 0 6px 0 var(--color-success)}.player__button--lose{box-shadow:inset 0 0 6px 0 var(--color-danger)}.bottom-panel{height:48px;background-color:var(--color-secondary-3)}.bottom-panel__inner{padding:6px 34px;height:36px;display:flex;justify-content:space-between;align-items:center}.bottom-panel__text{font-size:var(--font-size-secondary)}.bottom-panel .svg-button{width:28px;height:28px}.result-arrows{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.result-arrows__inner{width:calc(100% - 8px);height:calc(100% - 8px)}.result-arrows__inner svg{overflow:visible;box-shadow:0 0 10000px transparent}.result-arrows__inner svg text{font-size:var(--font-size-small-1)}.modal{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.modal__bg{position:absolute;width:100%;height:calc(100% - 48px);background-color:var(--color-secondary-1);opacity:.5}.modal__content{position:absolute;width:100%;bottom:48px;background:var(--bg-color);border-radius:24px 24px 0 0}.select-modal{display:flex;flex-direction:column;align-items:center}.select-modal__pointer{width:35px;height:4px;margin:8px 0;background-color:var(--color-secondary-4);border-radius:2px}.select-modal__items{width:100%;max-height:376px;overflow:scroll}.select-modal__item{text-align:center;padding:12px 0}.select-modal__item:active{background-color:var(--color-secondary-6)}.page-select-hand .page-select-hand__player-name{font-size:var(--font-size-small-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;display:flex;justify-content:center;align-items:center;column-gap:16px}.page-select-hand.page-select-hand__top-panel{margin:24px 26px 16px}.select-yaku-panel{margin:8px 0;flex-grow:1;height:100%;font-size:var(--font-size-secondary);overflow:scroll}.select-yaku-panel__group{margin:0 6px;display:flex;flex-wrap:wrap}.select-yaku-panel__button{flex:1 0 auto;text-align:center;padding:8px 12px;margin:0 2px 4px;border:2px solid var(--color-secondary-4);border-radius:4px}.select-yaku-panel__button--pressed{background-color:var(--color-primary-light)}.select-yaku-panel__button--disabled{background-color:var(--color-secondary-6);color:var(--color-secondary-4)}.select-yaku-panel__button:not(.select-yaku-panel__button--disabled):active{background-color:var(--color-primary-light-active)}.select-total-panel{flex-grow:1;height:100%;display:flex;flex-direction:column;font-size:var(--font-size-secondary)}.select-total-panel__top-group{flex:0 0 auto;display:flex;justify-content:center;margin:24px 0 4px}.select-total-panel__top-group span{margin-left:10px}.select-total-panel__max{flex-grow:1;height:100%}.select-total-panel__bottom-group{flex:0 0 auto;display:flex;justify-content:center;margin:4px 0 20px}.select-total-panel__select-group{margin:18px 24px;display:flex;justify-content:space-between;align-items:center}.select-total-panel__center{display:flex;height:100%;align-items:center;justify-content:center;padding-bottom:20%}.number-select{display:flex;align-items:center;margin-right:-12px}.number-select__minus{padding:8px 8px 8px 12px}.number-select__value{padding:8px 0;width:54px;text-align:center}.number-select__plus{padding:8px 12px 8px 8px}.tab-panel{margin:0 12px}.tab-panel:after{content:"";display:block;width:100%;height:3px;background-color:var(--color-secondary-4)}.tab-panel__items{display:flex;justify-content:space-around}.tab-panel__item--active{position:relative}.tab-panel__item--active:after{content:"";display:block;position:absolute;width:100%;padding:0 16px;margin-left:-16px;height:3px;background-color:var(--color-primary)}.page-game-result{display:flex;flex-direction:column;height:100%;justify-content:center}.page-game-result__buttons{display:flex;justify-content:center;margin-top:48px}.page-game-result__buttons .flat-btn--medium:last-child{margin-left:24px}.player-result{margin-bottom:36px}.player-result__name{text-align:center;display:flex;justify-content:center;align-items:center;column-gap:12px}.player-result__score-container{display:flex;justify-content:center;margin-top:8px}.player-result__score,.player-result__delta{width:124px;text-align:center}.player-result__delta--success{color:var(--color-success)}.player-result__delta--danger{color:var(--color-danger)}.page-game-result__no-games{display:flex;align-items:center;justify-content:center}.page-enter-credentials{display:flex;flex-direction:column;height:100%}.page-enter-credentials__title{flex:0 0 auto;margin:48px 0 36px;font-size:var(--font-size-header);text-align:center}.page-enter-credentials__form{display:flex;flex-direction:column}.page-enter-credentials__form label{font-size:10px;margin:0 32px;display:block}.page-enter-credentials__input{outline:none;margin:10px 32px;background:transparent;border:none;padding:8px;font-size:20px;border-bottom:2px solid var(--color-secondary-5)}.page-enter-credentials__input:focus{background:transparent;border-bottom:2px solid var(--color-primary-active)}.page-enter-credentials__input-group{display:flex;height:44px;align-items:center;justify-content:center}.page-enter-credentials__placeholder{font-size:var(--font-size-small-2);color:var(--color-secondary-4)}.page-enter-credentials__button-container{flex:1 1 auto;margin:32px}.page-enter-credentials__links-container{flex:1 1 auto;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;margin:24px}.page-enter-credentials__links-container a{font-size:var(--font-size-primary);outline:none;text-align:center;border:2px solid var(--color-secondary-5)}.page-enter-credentials__links-container a:focus{border:2px solid var(--color-primary-active)}.page-enter-credentials__button-container button{font-size:var(--font-size-primary);outline:none}.page-enter-credentials__button-container button:focus{border:2px solid var(--color-primary-active)}.page-login-error{display:flex;flex-direction:column;height:100%}.page-login-error__title{flex:0 0 auto;margin-top:48px;font-size:var(--font-size-header);text-align:center}.page-login-error__message{flex:1 1 auto;margin:32px 24px}.page-login-error__message ul{margin:12px 0 24px;color:var(--primary-text-color)}.page-login-error__message li{margin-bottom:12px}.page-login-error__button-container{flex:0 0 auto;margin:16px 24px}.page-log__row-container:nth-child(odd){background-color:var(--color-secondary-5)}.page-log__row-container:active{background-color:var(--color-secondary-6)}.page-log__row{display:flex;padding:8px 0}.page-log__cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.page-log__cell:not(.page-log__cell--first){font-size:var(--font-size-small-1);width:calc((100% - 60px)/4);padding:0 2px;box-sizing:border-box}.page-log__cell.page-log__cell--first{width:60px;display:flex;align-items:center;justify-content:center}.page-log__delta{margin-bottom:16px}.page-log__delta.page-log__delta--success{color:var(--color-success)}.page-log__delta.page-log__delta--danger{color:var(--color-danger)}.page-log__delta,.page-log__score{text-align:center}.page-log__info{font-size:var(--font-size-small-1);padding:4px 16px}.page-log__no-results{display:flex;height:100%;align-items:center;justify-content:center;padding-bottom:10%}.page-log__names{padding-top:4px;border-bottom:2px solid var(--color-secondary-5)}.page-log__rounds{overflow:scroll;padding-bottom:4px}.page-donate{min-height:580px}.page-donate__meme,.page-donate__disclaimer{padding:15px;font-size:12px}.page-donate__button{padding:15px}.page-donate__meme img{width:100%}.page-event-select{min-height:580px}.page-event-select__name{margin:24px 16px;text-align:center;font-size:var(--font-size-secondary);word-break:break-word}.page-event-select__section{margin:44px 24px}.page-event-select__section-content{margin-top:16px}.page-event-select__section-content>div{margin:14px 0}.page-event-select__bottom{margin:16px 24px}.radio-menuitem{border:1px solid var(--primary-text-color);display:block;padding:10px}.radio-menuitem--active{border:none;background-color:var(--color-primary);color:var(--secondary-text-color)}.radio-menuitem:not(.radio-menuitem--active):active{background-color:var(--color-secondary-6)}.page-other-tables-list{height:100%;display:flex;flex-direction:column}.page-other-tables-list__content{flex-grow:1;overflow-y:scroll}.page-other-tables-list__empty{text-align:center}.page-other-tables-list__table{margin:0 16px 20px}.page-other-tables-list__table:active{background-color:var(--color-secondary-6)}.page-other-tables-list__item{display:flex;justify-content:left;align-items:center;column-gap:12px;padding:4px 0}.page-other-tables-list__wind{padding-bottom:8px}