:root{--bg-color: #fff;--bg-secondary-color: #F0F0F0;--text-color: #000;--link-color: #007bff;--color-primary-bg: #E4B54B;--color-primary-text: #0A0A0A;--color-primary-hover: #D4A13A;--color-primary-active: #B3842C;--color-primary-disabled-bg: #D6D6D6;--color-primary-disabled-text: #9A9A9A;--color-secondary-bg: #F0F0F0;--color-secondary-text: #2D2D2D;--color-secondary-border: #D3D3D3;--color-secondary-hover: #E0E0E0;--color-secondary-active: #D0D0D0;--color-secondary-disabled-bg: #F0F0F0;--color-secondary-disabled-text: #B0B0B0;--color-secondary-disabled-border: #E0E0E0;--color-danger-bg: #D32F2F;--color-danger-text: #F0F0F0;--color-danger-hover: #B71C1C;--color-danger-active: #9A0000;--color-danger-disabled-bg: #FBEAEA;--color-danger-disabled-text: #D32F2F;--color-back-bg: none;--color-back-text: var(--text-color);--color-back-hover: #4A4A4A;--color-back-active: #1C1C1C;--color-back-disabled-bg: none;--color-back-disabled-text: #5A5A5A}.dark-only{display:none}.light-only{display:block}@media (prefers-color-scheme: dark){:root{--bg-color: #0a0a0a;--bg-secondary-color: #2D2D2D;--text-color: #F0F0F0 ;--link-color: #66b3ff;--color-primary-bg: #E4B54B;--color-primary-text: #0A0A0A;--color-primary-hover: #D4A13A;--color-primary-active: #B3842C;--color-primary-disabled-bg: #6C572D;--color-primary-disabled-text: #9C9C9C;--color-secondary-bg: #2D2D2D;--color-secondary-text: #F0F0F0;--color-secondary-border: none;--color-secondary-hover: #4A4A4A;--color-secondary-active: #1C1C1C;--color-secondary-disabled-bg: #2D2D2D;--color-secondary-disabled-text: #5A5A5A;--color-danger-bg: #D32F2F;--color-danger-text: #F0F0F0;--color-danger-hover: #B71C1C;--color-danger-active: #9A0000;--color-danger-disabled-bg: #5A1919;--color-danger-disabled-text: #7A7A7A}.light-only{display:none}.dark-only{display:block}.img--dark-reverse{filter:invert(1)}}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}body{background-color:var(--bg-color);color:var(--text-color);position:relative;min-height:70vh;max-width:99vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overscroll-behavior-y:contain;font-family:Helvetica,Open Sans,Comic Sans,"cursive","sans-serif";overflow:auto;z-index:-100}h1{font-size:4rem}@media (max-height: 800px){h1{display:block;margin-top:0}}a{color:var(--link-color);cursor:pointer}.link{position:absolute;top:1rem;right:1rem}.input{display:flex;flex-direction:column;gap:.2rem}.input label{font:inherit;color:var(--text-color);font-size:90%}.input input{font:inherit;color:inherit;text-align:inherit;background-color:transparent;border:none;max-width:100%;padding:0;margin:0;outline:1px solid var(--color-back-active);border-radius:3px;transition:outline-color .2s ease}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input input:focus{outline-color:var(--color-primary-active)}.input--error input:focus{outline-color:var(--color-danger-active)}.select{font:inherit;color:inherit;background-color:var(--bg-secondary-color);border:1px solid var(--color-secondary-border);border-radius:.5rem;padding:.5rem 2.5rem .5rem .75rem;margin:0;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.select:hover{box-shadow:0 0 0 2px var(--color-primary-active)}.select:focus{box-shadow:0 0 0 2px var(--color-primary-active)}.select option{background-color:var(--bg-secondary-color);color:var(--text-color);padding:10px}.button{display:flex;flex-wrap:nowrap;padding:.5rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:none;border-radius:.5rem;transition:background-color .3s ease,border-color .3s ease;touch-action:manipulation}.button--big{padding:1rem 2rem;font-size:x-large}.button--small{font-size:large}.button__icon{height:1rem;width:1rem}.button__icon--big{height:3rem;width:3rem}.button:disabled{cursor:not-allowed}.button--primary{background-color:var(--color-primary-bg);color:var(--color-primary-text)}.button--primary:hover,.button--primary:focus{background-color:var(--color-primary-hover)}.button--primary:active{background-color:var(--color-primary-active)}.button--primary:disabled{background-color:var(--color-primary-disabled-bg);color:var(--color-primary-disabled-text)}.button--secondary{background-color:var(--color-secondary-bg);color:var(--color-secondary-text);border:var(--color-secondary-border)}.button--secondary:hover,.button--secondary:focus{background-color:var(--color-secondary-hover)}.button--secondary:active{background-color:var(--color-secondary-active)}.button--secondary:disabled{background-color:var(--color-secondary-disabled-bg);color:var(--color-secondary-disabled-text);border:var(--color-secondary-disabled-border)}.button--danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.button--danger:hover,.button--danger:focus{background-color:var(--color-danger-hover)}.button--danger:active{background-color:var(--color-danger-active)}.button--danger:disabled{background-color:var(--color-danger-disabled-bg);color:var(--color-danger-disabled-text)}.button--back{background-color:var(--color-back-bg);color:var(--color-back-text)}.button--back:hover,.button--back:focus{background-color:var(--color-back-hover)}.button--back:active{background-color:var(--color-back-active)}.button--back:disabled{background-color:var(--color-back-disabled-bg);color:var(--color-back-disabled-text)}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.section--row{flex-direction:row}.footer{margin-top:auto;min-height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:end;z-index:-1}.footer__link{white-space:nowrap}.divider{border:1px solid var(--text-color);height:100%}.divider--horizontal{width:100%;height:0}.divider--diagonal{position:absolute;width:141.4%;height:0;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) rotate(-35deg)}.scroll{scrollbar-color:var(--color-secondary-bg) transparent}.player{padding:1rem;font-size:2rem;touch-action:none;cursor:pointer;max-width:6rem;overflow:hidden}.table-container{flex-grow:1;min-height:0}.board{display:flex;touch-action:manipulation}.board--table{border-collapse:collapse;border-style:hidden;width:100%;height:100%;table-layout:fixed;flex-direction:column}.board tbody{display:block;overflow-y:auto}.board thead{overflow-y:auto;min-height:max-content}.board thead,.board tbody{scrollbar-gutter:stable}.board th,.board td{padding:.5rem;border-bottom:3px solid currentColor;border-right:3px solid currentColor}.board thead td{text-align:center}.board thead tr,.board tbody tr{display:table;width:100%;table-layout:fixed}.board th:last-child,.board td:last-child{border-right:none}.board tbody tr:last-child td{border-bottom:none}.howToPlay__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}.howToPlay__overlay--open{display:flex;align-items:center;justify-content:center}.howToPlay__box{position:relative;background-color:var(--bg-secondary-color);color:var(--text-color);max-width:80vw;min-width:40vw;max-height:80vh;padding:2rem 1.5rem;box-sizing:border-box;box-shadow:0 0 .7rem var(--text-color);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.howToPlay__close-btn{position:absolute;top:0;right:0;opacity:1;padding:2rem;cursor:pointer}.howToPlay__title{text-align:center}.howToPlay__intro,.howToPlay__rules,.howToPlay__conclusion{width:100%;max-width:600px;line-height:1.6;text-align:left}.howToPlay__rules ul,.howToPlay__rules ol{padding-left:1.5rem;margin-top:.5rem}.howToPlay__rules li{margin-bottom:.5rem}.absolute{position:absolute}.absolute--startish{left:1rem;top:1rem}.absolute--secondish{right:1rem;top:1rem}.absolute--thirdish{left:1rem;bottom:1rem}.absolute--endish{right:1rem;bottom:1rem}.relative{position:relative}.mt-1{margin-top:1rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.w-1{width:.25rem}.w-2{width:.5rem}.w-4{width:1rem}.w-8{width:2rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-full{width:100%}.w-1\/2{width:50vw}.h-1{height:.25rem}.h-2{height:.5rem}.h-4{height:1rem}.h-8{height:2rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-full{height:100%}