body{margin:0;font-family:rubikRegular;background:linear-gradient(to bottom right,#48408d,#002249);min-height:100vh}#gameContent{margin:0 auto;display:flex;flex-direction:column}#formContainer{direction:rtl;background-color:#fff;padding:2rem 4rem;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);text-align:center;max-width:400px;margin:2rem auto}#containerMain{background-color:#000}#containerMain,#orientation-overlay{top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}#orientation-overlay{position:fixed;z-index:1;left:0;align-items:center;opacity:0;background-color:rgba(0,0,0,.85);transition:opacity .4s;pointer-events:none}#orientation-overlay.visible{opacity:1;pointer-events:unset}#orientation-text{font-family:rubikBold;font-size:3em;text-align:center;color:#eee;padding:0 1em}h2{color:#333;margin-bottom:1rem;font-family:rubikbold}.form-group{margin-bottom:1.5rem;text-align:right}.form-group-label{display:block;margin-bottom:.5rem;color:#333;font-weight:700}select{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;margin-top:.5rem;text-align:right;direction:rtl;font-family:rubikRegular}select:focus{outline:none}button{background-color:#ccc;border:none;color:#fff;padding:.75rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1.2rem;margin:.5rem 0;cursor:not-allowed;border-radius:5px;transition:background-color .3s;font-family:rubikRegular;font-weight:500;width:100%}button:not(:disabled){background-color:#4caf50;cursor:pointer}.logo-container{text-align:center;margin-bottom:20px;transform:scale(.7)}.logo{max-width:100%;height:auto;margin-left:30px;margin-right:30px;width:300px}@media (max-width:480px){#formContainer{padding:1rem;margin:1rem}}@font-face{font-family:rubikRegular;src:url(Rubik-Regular.426ed4d4.ttf);font-weight:400}@font-face{font-family:rubikBold;src:url(Rubik-Bold.c6a1c1b4.ttf);font-weight:400}@font-face{font-family:rubikMedium;src:url(Rubik-Medium.8e1d09df.ttf);font-weight:400}