body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}#root,.App,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden}.app-container{color:#776e65;display:flex;flex-direction:column;height:100vh;width:100vw}.main-content{-webkit-overflow-scrolling:touch;display:grid;flex-grow:1;overflow:auto;padding:20px;place-items:center;position:relative}.header-container{align-items:center;background-color:#bbada0;color:#f9f6f2;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px;position:relative;z-index:10}.header-left,.header-right{flex:1 1}.header-right{display:flex;justify-content:flex-end}.header-center{text-align:center}.header-center h1{font-size:48px;margin:0}.header-center p{font-size:14px;margin:-10px 0 0}.player-info{font-size:16px;font-weight:700}.scores-display{display:flex;flex-direction:column;font-size:14px;margin-top:5px}.grid-size-selector-inline{align-items:center;display:flex;gap:5px}.grid-input-inline{background:#bbada0;border:1px solid #f9f6f2;border-radius:3px;color:#f9f6f2;text-align:center;width:40px}.update-grid-button-inline{background:#776e65;border:none;border-radius:3px;color:#f9f6f2;cursor:pointer;padding:5px 10px}.update-grid-button-inline:hover{background:#8f7a66}.footer-container{align-items:center;background-color:#bbada0;color:#f9f6f2;display:flex;flex-shrink:0;justify-content:space-between;padding:5px 20px;position:relative;z-index:10}.footer-left,.footer-right{flex:1 1}.footer-right{font-size:14px;text-align:right}.footer-left{display:flex;gap:10px}.footer-button{background:#776e65;border:none;border-radius:3px;color:#f9f6f2;cursor:pointer;padding:8px 12px}.footer-button:hover{background:#8f7a66}.controls-grid{grid-gap:3px;display:grid;grid-template-areas:". up ." "left . right" ". down ."}.control-btn{background-color:#776e65;border:none;border-radius:3px;cursor:pointer;height:40px;position:relative;width:40px}.control-btn:hover{background-color:#8f7a66}.control-btn:after{border:8px solid #0000;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pos-up{grid-area:up}.pos-down{grid-area:down}.pos-left{grid-area:left}.pos-right{grid-area:right}.pos-up:after{border-bottom-color:#f9f6f2;top:40%}.pos-down:after{border-top-color:#f9f6f2;top:60%}.pos-left:after{border-right-color:#f9f6f2;left:40%}.pos-right:after{border-left-color:#f9f6f2;left:60%}:root{--base-tile-size:70px;--base-gap-size:10px}.game-board{grid-gap:10px;grid-gap:var(--base-gap-size);background-color:#bbada0;border-radius:6px;display:grid;gap:10px;gap:var(--base-gap-size);grid-template-columns:repeat(var(--grid-width),1fr);grid-template-rows:repeat(var(--grid-height),1fr);height:calc(var(--grid-height)*70px + (var(--grid-height) + 1)*10px);height:calc(var(--grid-height)*var(--base-tile-size) + (var(--grid-height) + 1)*var(--base-gap-size));padding:10px;padding:var(--base-gap-size);width:calc(var(--grid-width)*70px + (var(--grid-width) + 1)*10px);width:calc(var(--grid-width)*var(--base-tile-size) + (var(--grid-width) + 1)*var(--base-gap-size))}.board-row{display:contents}.tile{border-radius:5px;font-weight:700;min-height:70px;min-height:var(--base-tile-size);min-width:70px;min-width:var(--base-tile-size)}.game-status-overlay,.tile{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.game-status-overlay{background-color:#faf8efba;flex-direction:column;left:0;position:absolute;top:0;z-index:100}.game-status-overlay h2{color:#776e65;font-size:48px}.game-status-overlay button{background-color:#8f7a66;border:none;border-radius:3px;color:#f9f6f2;cursor:pointer;font-size:18px;font-weight:700;padding:10px 20px}@media(max-width:600px){.header-center h1{font-size:32px}.footer-right{display:none}.footer-container{justify-content:space-between}.footer-left{flex-grow:0}.footer-center{display:flex;flex-grow:1;justify-content:center}.control-btn{height:35px;width:35px}:root{--base-tile-size:50px;--base-gap-size:8px}}.auth-container{align-items:center;background-color:#faf8ef;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.auth-title{color:#776e65;font-size:80px;font-weight:700;margin-bottom:-20px}.auth-subtitle{color:#776e65;font-size:20px;margin:5}.auth-form{background-color:#bbada0;border-radius:6px;color:#f9f6f2;display:flex;flex-direction:column;gap:15px;min-width:300px;padding:30px;text-align:center}.auth-form h2{margin-top:0}.auth-input{background-color:#faf8ef;border:2px solid #776e65;border-radius:3px;color:#776e65;font-size:16px;font-weight:700;padding:10px}.auth-button{background-color:#776e65;border:none;border-radius:3px;color:#f9f6f2;cursor:pointer;font-size:18px;font-weight:700;padding:12px;transition:background-color .2s}.auth-button:hover{background-color:#8f7a66}.auth-link-button{background:none;border:none;color:#f9f6f2;cursor:pointer;font-size:14px;text-decoration:underline}.error-message{color:#ff6b6b;font-weight:700;margin:-5px 0 5px}
/*# sourceMappingURL=main.71a5310c.css.map*/