@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;padding:0;background-color:#000;color:#fff;font-family:League Spartan,sans-serif;font-weight:700;height:100%}.App{text-align:center;background-color:#000;min-height:100vh;font-size:calc(10px + 2vmin);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.mainBody{display:flex;flex-direction:column;align-items:center;justify-content:center}.App-header{background-color:#000;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.flexRow{display:flex;flex-direction:row}.titleContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.titleContainer img{max-width:2em}.App-link{color:#0ff;text-shadow:0 0 5px #0ff,0 0 10px #0ff;transition:color .3s}.App-link:hover{color:#0cf;text-shadow:0 0 10px #0cf,0 0 20px #0cf}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3{text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 1em #ffffffbb}h2{margin:.5em}.login-form{margin:.5em;background-color:#1e1e1e;padding:1.5rem;border-radius:1em;box-shadow:0 0 10px #fff,0 0 20px #fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem;color:#fff;font-family:League Spartan,sans-serif;font-weight:700;max-width:16em;width:16em;max-height:12em;overflow:scroll}.login-form input,.login-form button{background-color:#000;color:#fff;border:2px solid #fff;border-radius:1em;padding:.66rem;font-size:1.5rem;font-family:League Spartan,sans-serif;font-weight:700;outline:none;transition:all .3s ease}.login-form input:focus,.login-form button:hover{box-shadow:0 0 10px #fff,0 0 20px #fff;background-color:#111;color:#fff;border-color:#343434}.logo-corner{position:fixed;top:1em;right:2em;width:100px;transform:rotate(7deg);z-index:0;opacity:.9}.logo-corner img{width:100%;height:auto}.no-bullets{list-style-type:none;padding:0;margin:0}.no-bullets li{padding:.5em}.register-form{margin:.5em;background-color:#1e1e1e;padding:1.5rem;border-radius:1em;box-shadow:0 0 10px #fff,0 0 20px #fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem;color:#fff;font-family:League Spartan,sans-serif;font-weight:700;max-width:16em;width:16em;overflow:scroll}.register-form input,.register-form button{background-color:#000;color:#fff;border:2px solid #fff;border-radius:1em;padding:.66rem;font-size:1.5rem;font-family:League Spartan,sans-serif;font-weight:700;outline:none;transition:all .3s ease}.register-form input:focus,.register-form button:hover{box-shadow:0 0 10px #fff,0 0 20px #fff;background-color:#111;color:#fff;border-color:#343434}.blurb-form{margin:.5em;background-color:#1e1e1e;padding:1.5rem;border-radius:1em;box-shadow:0 0 10px #fff,0 0 20px #fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem;color:#fff;font-family:League Spartan,sans-serif;font-weight:700;max-width:80%;max-height:12em;overflow:scroll}.blurb-form p{text-align:left;width:100%}.message-popup{position:fixed;top:20%;left:50%;transform:translate(-50%);padding:1em 2em;background:#000000d9;color:#fff;border-radius:8px;font-size:1.2rem;z-index:9999}.tickerItem{font-size:calc(10px + 1vmin);text-align:left}.sideBarSizer{padding:.25vw;display:flex;flex-direction:column;height:99vh;width:13.5vw;overflow:scroll}.sideBarSizer ul{margin-left:0;padding-left:0;text-align:left}.sideBarSizer li{font-size:calc(10px + 1vmin);list-style-type:none}.scroller{overflow:scroll}.split-button{display:flex;justify-content:space-between;font-size:calc(5px + 3vmin);cursor:pointer}button.split-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.split-button-ticker{display:flex;justify-content:space-between;font-size:calc(5px + 2vmin);cursor:pointer}.left-text{text-align:left;flex:2}.right-text{text-align:right;flex:1;color:gray}.endgameContainer{width:96vw;height:82vh;display:flex;flex-direction:row;flex-shrink:0;flex-grow:1}.endgameTextContainer{position:fixed;width:100vw;height:100vh;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000bf}.endgameTextContainer button{text-align:center;width:40vw}button:disabled,button[disabled]{color:#000}button:disabled,button[disabled],button:disabled .right-text,button:disabled .left-text{color:#000}.flexRow{display:flex;flex-direction:row;justify-content:space-around}.volContainer{margin-top:auto;font-size:calc(10px + 1vmin);display:flex;flex-direction:column}.ticker-button-container{margin-top:auto;font-size:calc(5px + 1vmin);display:flex;flex-direction:column}.actionButtonContainer{display:flex;flex-direction:column;vertical-align:center;font-size:calc(5px + 1vmin)}p{margin:0}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;display:flex;justify-content:center;color:#000}.modal h2{color:#000}.modal-content{background-color:#ffffffe6;width:66%;color:#000;padding:20px;border:1px solid #888;vertical-align:middle;height:fit-content}.admin-panel{text-align:left;font-size:calc(10px + 1vmin)}.modal-content-action{background-color:#ffffffe6;width:50vw;color:#000;padding:20px;border:1px solid #888;vertical-align:middle;height:fit-content}.hand{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card,.modal-flex{display:flex;flex-direction:column}.modal-meta{display:flex;flex-direction:row}.energy-container{display:flex;flex-direction:column;align-items:center}.energy-array{display:flex;flex-direction:row}.card-img:hover{transform:scale(1.75)}.centerImg img{position:fixed;inset:0;transform:scale(1.75);z-index:1000;margin:auto}.canvasContainer{width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:row}.tickerWrapper{flex:0 0 14vw;overflow:scroll;transition:flex-basis .25s ease,opacity .25s ease;opacity:1}.tickerWrapper.hidden{flex-basis:0;opacity:0}.threeWrapper{flex:1 1 0;position:relative;min-width:0}.boardView{width:80%}.stateView{display:flex;flex-direction:column}.titleContainerCanvas{min-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.titleContainerCanvas img{max-width:2em}.titler{position:absolute;top:20px;left:50%;transform:translate(-50%);border-radius:1em;background-color:#0000006b;padding:.125em}.meta-left{position:absolute;bottom:.25em;left:.25em;display:flex;flex-direction:column;gap:10px;font-size:calc(5px + 1vmin);background-color:#000000a3;padding:.125em;border-radius:.125em;font-size:calc(5px + 2vmin);text-align:left}.meta-right{position:absolute;bottom:.25em;right:.25em;display:flex;flex-direction:column;gap:10px;font-size:calc(5px + 1vmin);background-color:#000000a3;padding:.125em;border-radius:.125em;font-size:calc(5px + 3vmin);text-align:left}.butt-left{position:absolute;top:.25em;left:.25em;display:flex;flex-direction:column;gap:10px;font-size:calc(5px + 1vmin);background-color:#0000006b;padding:.125em;border-radius:.125em}.butt-right{position:absolute;top:.25em;right:.25em;display:flex;flex-direction:column;gap:10px;font-size:calc(5px + 3vmin);background-color:#0000006b;padding:.125em;border-radius:.125em}.butt-left button,.butt-right button{font-size:calc(5px + 3vmin)}.buttonEmUp{font-size:calc(5px + 1vmin)}
