@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--base-color: #26e936;--container-background-color: #0f1812;--disabled-backround-color: #26e93670}html{font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal;font-size:1.9vmin}@media (max-aspect-ratio: 3/4){html{font-size:1.7vmin}}@media (max-aspect-ratio: 3/5){html{font-size:2.6vmin}}body{color:var(--base-color);background-color:#0c1118;display:flex;justify-content:center}h3{margin-bottom:.84rem}.page-container{padding:1rem 2rem}.main-container{display:flex;flex-wrap:wrap;justify-content:center}.left-container,.right-container{width:30rem;padding:1rem}.form-input{font-family:inherit;font-size:inherit;background-color:var(--container-background-color);border:.125rem solid #1ddd51;border-radius:.95rem;box-sizing:border-box;color:#fff;margin:.35rem;min-height:2.4rem;min-width:10rem;max-width:20rem;outline:none;padding:.4rem 1.2rem;width:auto}.chat-input{font-family:inherit;font-size:.8rem;background-color:var(--container-background-color);border:.125rem solid #1ddd51;border-radius:.95rem;box-sizing:border-box;color:#b4f7ba;margin:.2rem;padding:.4rem 1.2rem;outline:none;width:100%}.button{font-family:inherit;font-size:inherit;text-align:center;background-color:var(--container-background-color);border:.125rem solid var(--base-color);border-radius:.95rem;box-sizing:border-box;color:var(--base-color);cursor:pointer;display:inline-block;margin:.2rem;padding:.6rem 1.2rem;max-width:100%;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform}.ship-button{font-family:inherit;font-size:inherit;text-align:center;background-color:var(--container-background-color);border:.125rem solid var(--base-color);border-radius:.95rem;box-sizing:border-box;color:var(--base-color);cursor:pointer;display:inline-block;margin:.2rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:12rem;will-change:transform}.ship-button.selected:disabled{pointer-events:none;background-color:var(--disabled-backround-color);color:#fff;border-color:var(--base-color)}@keyframes blink{0%,to{background-color:var(--container-background-color)}50%{background-color:var(--disabled-backround-color);color:#fff}}.blinking-button{animation:blink 1s infinite;font-family:inherit;font-size:inherit;text-align:center;background-color:var(--container-background-color);border:.125rem solid var(--base-color);border-radius:.95rem;box-sizing:border-box;color:var(--base-color);cursor:pointer;display:inline-block;margin:.2rem;padding:.6rem 1.2rem;max-width:100%;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform}.ship-button:disabled,.button:disabled{pointer-events:none;color:var(--disabled-backround-color);border-color:var(--disabled-backround-color)}.ship-button:hover,.button:hover{background-color:#26e93681;color:#fff;box-shadow:#00000040 0 .5rem 1rem;transform:translateY(-.125rem)}.ship-button:active,.button:active{box-shadow:none;transform:translateY(0)}.home-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:1rem}.form-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;width:fit-content}.header-container{text-align:center}.navigate-button-container{display:flex;justify-content:flex-start}.form-button-container{display:flex;justify-content:flex-end}.chat-container{max-width:auto}.chat-box{display:flex;flex-direction:column;font-family:inherit;font-size:inherit;background-color:#0e1611;border:.125rem solid #1ddd51;border-radius:.95rem;box-sizing:border-box;margin:.2rem;height:8.4rem;width:auto;outline:none;padding:.5rem 1rem;position:relative}.request-errors{font-size:.6rem;max-width:19rem;line-height:1.4;padding:.5rem}.chat-target{font-size:.6rem;background-color:var(--container-background-color);padding:.4rem;border-bottom:.125rem solid;line-height:1.4}.message-list{font-size:.6rem;padding:.4rem;display:flex;flex-direction:column;line-height:1.4;overflow-y:auto;flex:1;margin-top:.3rem;scrollbar-width:thin;scrollbar-color:var(--base-color) transparent}.message-list>div:first-child{margin-top:auto}.message-list::-webkit-scrollbar{width:.4rem}.message-list::-webkit-scrollbar-track{background-color:var(--container-background-color)}.message-list::-webkit-scrollbar-thumb{background-color:var(--base-color);border-radius:.4rem}.chat-input-row{display:flex}.user-list{list-style:none;padding:0;margin:0}.user-row{display:flex;flex-direction:column;margin-bottom:.4rem;border-bottom:.125rem solid}.user-main{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.user-name{color:#e8eb3c}.user-status{font-size:.8rem;color:#4280f3;height:.6rem;padding:.4rem}.invite-list{list-style:none;padding:0;margin:0;line-height:1.4rem}.invite-row{display:flex;flex-direction:column;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:.125rem solid}.invite-buttons{display:flex;justify-content:center;gap:1rem}.board-table{background-color:var(--container-background-color);border:.125rem solid var(--base-color);border-radius:.95rem;border-collapse:collapse;overflow:hidden;box-shadow:0 0 0 .125rem var(--base-color);width:30rem;height:30rem}.board-table.small{width:14.2rem;height:14.2rem;margin:.4rem}.board-table td{background-color:var(--container-background-color);border:.125rem solid var(--disabled-backround-color);cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1)}.ship-button-container{display:grid;grid-template-columns:12rem 12rem;justify-content:center;padding:1px;gap:1rem}.action-button-container{display:flex;justify-content:center;gap:2rem;padding:1rem 2rem}.small-board-container{padding-top:1rem;display:flex;justify-content:space-between}.turn-container{display:flex;justify-content:center;align-items:center;width:12rem;padding:1rem}.turn-state{color:#e8eb3c}.turn-state span{font-size:1.6rem;line-height:1.4;display:block;text-align:center}.board-button-container{display:flex;gap:1rem}.chat-box-text{opacity:50%}