@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bungee+Spice&display=swap&text=GomokuOops!);*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--bg-primary:#f1f1f1;--bg-secondary:#fff;--text-primary:#121212;--text-secondary:#6e6e6e;--bg-accent:#ff4000;--bg-accent-hover:#ef3e02;--bg-accent-active:#e93a00;--bg-accent-transparent:rgba(255,64,0,.2);--bg-accent-transparent-darker:rgba(255,64,0,.4);--error-color:#ff1f1f;--border-radius:0.375rem}.home-page{gap:2rem;height:calc(100vh - 60px);justify-content:center}.game-intro,.home-page{align-items:center;display:flex;flex-direction:column}.game-intro{gap:1rem}.game-intro h1{font-size:2rem;font-weight:700;text-align:center}.game-start{align-items:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:3rem;padding:2rem;width:90vw}@media screen and (min-width:390px){.game-start{flex-direction:row}}@media screen and (min-width:576px){.game-start{flex-direction:row;width:65vw}}@media screen and (min-width:768px){.game-start{width:50vw}}@media screen and (min-width:1024px){.game-start{width:40vw}}@media screen and (min-width:1200px){.game-start{width:30vw}}.login-page{align-items:center;height:calc(100vh - 60px);justify-content:center}.login-form,.login-page{display:flex;flex-direction:column}.login-form{background-color:var(--bg-secondary);border-radius:var(--border-radius);gap:.75rem;padding:2rem}.login-form__error{color:var(--error-color);font-size:.8rem}.login-form h1{font-size:2rem;font-weight:700;text-align:center}.games-page{align-items:center;display:flex;flex-direction:column;gap:2rem;height:calc(100vh - 60px);justify-content:flex-start;overflow-y:auto}.games-page h1{font-size:2rem;font-weight:700;margin-top:7rem;text-align:center}.game-history-entries{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-bottom:3rem;width:90vw}@media screen and (min-width:576px){.game-history-entries{width:80vw}}@media screen and (min-width:768px){.game-history-entries{width:70vw}}@media screen and (min-width:1024px){.game-history-entries{width:60vw}}@media screen and (min-width:1200px){.game-history-entries{width:50vw}}.game-page{flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;overflow-y:auto}.game-page,.game-page h1{align-items:center;display:flex}.game-page h1{font-size:1.5rem;gap:1.5rem;margin-top:3rem}.game-board{gap:.25rem;margin-top:3rem}.game-board__cell{background-color:#deb887;border-radius:50%;box-shadow:0 .25rem .5rem rgba(0,0,0,.2);height:1.5rem;width:1.5rem}.game-board__cell--completed{cursor:not-allowed}.game-log-page{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;overflow-y:auto;position:relative}.game-log-page h1{align-items:center;display:flex;font-size:1.5rem;gap:1.5rem;margin-top:3rem}.commentary-container{position:absolute;right:4rem;top:6rem;width:366.8px}.commentary-container h2{background-color:#000;border-radius:.375rem .375rem 0 0;color:#fff;font-size:1.25rem;font-weight:semibold;padding:.25rem;text-align:center}.live-commentary{background-color:#fff;border-radius:.375rem;display:flex;flex-direction:column-reverse;gap:.5rem;height:370px;overflow-y:auto;padding:1rem}#error-page{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;width:100vw}#error-page h1{font-family:Bungee Spice,cursive;font-size:36px}#error-page p{color:rgba(0,0,0,.5);font-size:24px;font-weight:200;margin-block:2rem}.app-header{align-items:center;display:flex;height:60px;justify-content:space-between;padding-inline:1rem}.app-header__brand{font-family:Bungee Spice,cursive;font-size:36px}.app-header__nav-list{align-items:center;display:flex;gap:1rem}@media screen and (min-width:768px){.app-header{padding-inline:1.5rem}}@media screen and (min-width:1024px){.app-header{padding-inline:2rem}}@media screen and (min-width:1200px){.app-header{padding-inline:2.5rem}}.app-button{align-items:center;background-color:var(--bg-accent);border-radius:var(--border-radius);color:#fff;display:flex;gap:1rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease-in-out}.app-button:hover{background-color:var(--bg-accent-hover)}.app-button:active{background-color:var(--bg-accent-active)}.app-button.app-button--text{background-color:initial;color:var(--bg-accent)}.app-button.app-button--text:hover{background-color:var(--bg-accent-transparent)}.app-button.app-button--text:active{background-color:var(--bg-accent-transparent-darker)}.form-item{display:flex;flex-direction:column;gap:.5rem}.form-item--horizontal{align-items:center;gap:1rem}.form-item input,.form-item select{accent-color:var(--bg-accent);background-color:initial;border:1px solid var(--text-secondary);border-radius:var(--border-radius);color:var(--text-primary);outline:2px solid transparent;padding:.5rem 1rem;transition:all .2s ease-in-out}.form-item input:focus,.form-item select:focus{border:1px solid transparent;outline:2px solid var(--bg-accent)}@media screen and (min-width:290px){.form-item--horizontal{flex-direction:row}}.game-history-entry{align-items:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem}.game-history-entry__name{align-items:center;display:flex;gap:1rem}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Readex Pro,sans-serif;height:100vh;overflow:hidden;width:100vw}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:var(--bg-accent-transparent-darker)}
/*# sourceMappingURL=main.da0e0681.css.map*/