*,:after,:before{box-sizing:border-box}#root,body,html{background-color:#000;height:100%;margin:0;overflow-x:hidden;overflow-y:hidden;width:100%}#root,.background,body,html{display:flex;flex-direction:column}.background{background-color:#40e0d0;background-image:var(--url);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100lvh;overflow:hidden;width:100dvw}.canvas-wrapper{flex:7 1;min-height:0}.video-container{flex:3 1;min-height:0}.video-container iframe{border:none;bottom:0;flex:1 1;height:20lvh;position:fixed;width:100%}.main-content{background:#40e0d0;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;padding:1rem}.game-placeholder{border:2px dashed #ccc;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.loader-container{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;font-family:monospace;font-size:1.2rem;height:100vh;justify-content:center;opacity:1;transition:opacity .5s ease;width:100vw}.fade-in,.fade-out{opacity:0}.fade-in{animation:fadeIn 2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.satellite{background-image:url(/static/media/satellite.3072114a9d8a61d246eb.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20%;left:70%;position:absolute;top:20%;width:20%}.ground-station{background:none;border-radius:10px 10px 0 0;bottom:0;height:30px;width:60px}.ground-station,.signal{left:50%;position:absolute;transform:translateX(-50%)}.signal{animation:pulse 1s infinite alternate;background:cyan;height:80px;opacity:.6;top:40px;width:2px}@keyframes pulse{0%{height:60px;opacity:.2}to{height:80px;opacity:1}}@font-face{font-family:worm;src:url(/static/media/zorque.d9e0459cc8c7cc739809.otf) format("truetype")}header{grid-gap:.5rem;align-items:center;background:#222;display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:auto 1fr auto;height:4em;padding:.1em .5rem;z-index:100}.header-left,.header-right{align-items:center;display:flex;gap:.5rem}.header-title{font-size:3rem;overflow:hidden;text-align:center;text-overflow:clip}.header-btn,.header-title{color:#fff;font-family:worm,sans-serif;white-space:nowrap}.header-btn{background:none;border:1px solid #fff;border-radius:5px;flex:0 0 auto;font-size:1rem;padding:.4rem .8rem}.header-btn:hover{background:#fff;color:#222}.dropdown{background:#333;border-radius:5px;box-shadow:0 4px 6px #0000004d;color:#fff;font-family:worm,sans-serif;list-style:none;margin:0;padding:.5rem;position:absolute;right:0;top:100%;z-index:110}.dropdown li{margin:.5rem 0}.dropdown a{color:#fff;text-decoration:none}.dropdown a:hover{text-decoration:underline}@media (max-width:500px){.header-btn{font-size:.9rem;padding:.3rem .6rem}.header-title{font-size:1.9rem}}.signin-container{background-color:#ffffffd9;border-radius:8px;box-shadow:0 4px 20px #0003;padding:2rem;width:300px}.signin-form{display:flex;flex-direction:column}.signin-form h2{margin-bottom:1.5rem;text-align:center}.signin-form input{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.75rem}.signin-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem}.signin-form button:hover{background-color:#0056b3}.error-message{background-color:#ffe0e0;border-radius:4px;color:red;font-size:.95rem;margin-bottom:1rem;padding:.75rem;text-align:center}.ttt-square{background:#fff;border:2px solid #999;float:left;font-size:8vmin;font-weight:700;height:15vmin;margin-right:-1px;margin-top:-1px;opacity:.55;text-align:center;width:15vmin}.ttt-board-row:after{clear:both;content:"";display:table}.ttt-status{background-color:#ffffff5e;margin-bottom:2px}.ttt-game-info{background-color:#ffffff5e;margin-left:3vw}