@import url(https://fonts.googleapis.com/css2?family=League+Spartan&display=swap);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}.login{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}@media(max-width:480px){.login{margin-top:0}}.login .landingicons #game-name{animation:vibrate .1s linear infinite;animation-delay:.5s;animation-iteration-count:infinite;font-family:Audiowide,sans-serif;font-size:1.5rem}@keyframes vibrate{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.login .landingicons #cryptoshots-logo{margin-top:0}.login .landingicons #cryptoshots-logo #cs-img{width:360px}.login .landingicons .image.chess{border-radius:10px;box-shadow:0 0 20px #00ffff80;margin-bottom:20px;width:250px}.login .landingicons .small-text{font-size:.95rem;margin:0 0 5px}@media(max-width:768px){.login .landingicons .image.chess{width:200px}.login .landingicons #cryptoshots-logo #cs-img{width:300px}}@media(max-width:480px){.login .landingicons #game-name{font-size:1.2rem}.login .landingicons .image.chess{width:180px}.login .landingicons input{box-sizing:border-box;font-size:.9rem;max-width:90%;width:90%}.login .landingicons .login-with button{text-transform:uppercase}}.login form{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin-top:20px;max-width:400px;padding:0;position:relative;width:100%}.login form input{background-color:#2e2e3e;border:none;border-radius:5px;color:#e0e0e0;font-size:1rem;margin:0 auto;outline:none;padding:10px;text-align:center;transition:background-color .3s ease;width:calc(100% - 20px)}.login form input::placeholder{text-align:center}.login form input:focus{background-color:#3e3e4e}.login form input.error{animation:pulse 1s infinite;border:1px solid red;box-shadow:0 0 10px red,0 0 20px red}.login form input .error{background:linear-gradient(135deg,#f003,#ff00001a);transition:background .3s ease}.login form #login-methods{display:flex;flex-direction:column;gap:20px;margin-top:20px}@media(max-width:480px){.login form #login-methods{margin-top:10px}}.login form #login-methods .login-with{align-items:center;display:flex;margin-left:-10px;width:100%}@media(max-width:480px){.login form #login-methods .login-with{margin-left:-5px}}.login form #login-methods .login-with .logo{max-width:50%}.login form #login-methods .login-with button{width:50%}.login form #login-methods .login-with .logo{margin-left:10px}.login form #login-methods .login-with.guest-login{align-items:flex-start;flex-direction:column;margin-top:20px}.login form #login-methods .login-with.guest-login .guest-container{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin-left:20px;width:50%}@media(max-width:480px){.login form #login-methods .login-with.guest-login .guest-container{margin-left:5px}}.login form #login-methods .login-with.guest-login .guest-container .guest-label{font-size:.9rem;margin-left:30px}@media(max-width:480px){.login form #login-methods .login-with.guest-login .guest-container .guest-label{margin-left:20px}}.login form #login-methods .login-with.guest-login .guest-container .guest-btn{width:60%}.login .logo{margin-bottom:10px;width:120px}.login .logo.chain-logo{filter:drop-shadow(0 0 5px #21d4fd)}.login .logo.cs-logo{margin-top:5px;transition:transform .3s;width:150px}.login .logo.cs-logo:hover{transform:scale(1.1)}.login .url-params,.login .version{bottom:10px;font-size:14px;left:10px;position:fixed}@media(max-width:480px){.login .url-params,.login .version{font-size:11px}}.login .url-params{left:auto;right:10px!important}.player-header{align-items:center;background:#14141ecc;border-radius:8px;box-shadow:0 0 10px #0ff3;color:#0fc;display:flex;font-size:1.1rem;justify-content:space-between;margin:5px 0;padding:8px 15px;text-transform:uppercase;width:80%}.player-header .right-group{align-items:center;display:flex;gap:8px}.player-header .score-display{background:#00000080;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:700;padding:5px 10px}@media(max-width:992px){.player-header{width:95%}.player-header .right-group{gap:4px}.player-header .score-display{font-size:1rem}.player-header .timer{font-size:1.1rem}}.player-header .player-info{align-items:center;display:flex;gap:8px}.player-header .player-info .online-indicator{color:#28ffbf;font-size:10px}.player-header .player-info .player-pic{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:30px;width:30px}.player-header .player-info #room-creator-symbol{display:inline-block;font-size:.75rem;margin-left:5px;margin-right:5px}@media(max-width:992px){.player-header .player-info #room-creator-symbol{font-size:.5rem}}.player-header .player-info .player-name{font-weight:700}.player-header .timer{background:#222;border-radius:5px;color:#fff;font-size:1.4rem;padding:5px 8px;transition:font-weight .3s ease,color .3s ease}.player-header .timer.timer-ticking{background-color:#ff8c00b3;box-shadow:0 0 10px #ff8c0080;color:#fd8;font-weight:700}.player-header.in-check{animation:glow .1s infinite alternate;background:linear-gradient(45deg,#0000,#ff0000b3,#0000);box-shadow:0 0 15px #f009,0 0 25px #ff000080}.player-header.in-check.top{border-top:2px solid red}.player-header.in-check.bottom{border-bottom:2px solid red}.player-header.in-check.expiring{border-right:2px solid red}.player-header.draw{box-shadow:0 0 1px #ffa50099,0 0 20px #ffa50066}.player-header.draw.top{border-top:2px solid #b9680a}.player-header.draw.bottom{border-bottom:2px solid #b9680a}.player-header.won{box-shadow:0 0 10px #0f09,0 20px 50px #0f06}.player-header.won.top{border-top:2px solid lime}.player-header.won.bottom{border-bottom:2px solid lime}.player-header #match-outcome{min-width:130px}.player-header #match-outcome .outcome-draw,.player-header #match-outcome .outcome-won{font-size:1.3rem;margin:auto}.player-header #match-outcome .outcome-won{color:lime}.player-header #match-outcome .outcome-draw{color:#b9680a}#post-game-buttons{margin-top:30px;padding-top:5px;width:70%}#post-game-buttons button{background:linear-gradient(45deg,#21d4fd,#b721ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:0 auto;padding:12px;text-shadow:1px 1px 3px #00000080;transition:background .3s ease,transform .2s;width:40%}#post-game-buttons button#rematch{margin-right:10px}#post-game-buttons button:disabled{background:#444;cursor:not-allowed}#post-game-buttons button:not(:disabled):hover{background:linear-gradient(45deg,#b721ff,#21d4fd);transform:scale(1.05)}@media(max-width:1200px){#post-game-buttons button{left:30%;position:fixed}#post-game-buttons button#rematch{bottom:160px}#post-game-buttons button#lobby{bottom:100px}}.game{align-items:center;background:#121212;border:2px solid #1f1f1f;border-radius:10px;box-shadow:0 0 20px #0ff3;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:90vw;overflow:hidden;padding:20px}@media(max-width:992px){.game{max-width:100vw;width:100vw}}.game .chessboard{overflow:hidden;width:55%}@media(max-width:1200px){.game .chessboard{width:80%}}#vote-wrapper{margin:0;text-align:right}#vote-wrapper #vote-label{font-size:.8rem}@media(max-width:768px){#vote-wrapper #vote-label{display:none}}#vote-wrapper #vote-witness{color:#21d4fd;cursor:pointer;font-size:1.2rem;text-decoration:none}#vote-wrapper #vote-witness #desktop-text{display:inline-block}#vote-wrapper #vote-witness #mobile-text{display:none}#vote-wrapper #vote-witness a:hover{text-decoration:underline}@media(max-width:768px){#vote-wrapper #vote-witness{font-size:1rem}}#vote-wrapper a{color:#21d4fd;text-decoration:none}#vote-wrapper a:hover{text-decoration:underline}#vote-wrapper #install-keychain a{color:#21d4fd;font-size:1.2rem;text-decoration:none}#vote-wrapper #install-keychain a:hover{text-decoration:underline}@media(max-width:768px){#vote-wrapper #vote-witness #desktop-text{display:none}#vote-wrapper #vote-witness #mobile-text{display:inline-block}.owner-link a{font-size:.7rem}.owner-link a .snail{display:none}}.sci-fi-container{padding-top:60px!important}.sci-fi-container .sci-fi-text{color:#0fc;font-family:Orbitron,sans-serif;font-size:1.2rem;margin-top:20px;text-shadow:0 0 8px #00ffccb3}.sci-fi-container .sci-fi-fade-in{animation:fade-in 1s ease-in-out}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sci-fi-container .waiting-text{margin:40px}.sci-fi-container .sci-fi-button-container{margin-top:60px}.sci-fi-container .sci-fi-button{background:#0fc;border:none;border-radius:8px;color:#0d0d0d;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1rem;padding:10px 20px;transition:all .3s ease}.sci-fi-container .sci-fi-button:hover{background-color:#00e6b3}@media(max-width:768px){.sci-fi-container{padding:10px}.sci-fi-text{font-size:1rem}.sci-fi-button{font-size:.9rem}}.modal-overlay{align-items:flex-start;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-overlay .modal-content{align-items:center;background-color:#1a1a2e;border-radius:10px;display:flex;flex-direction:column;margin-top:60px;max-width:400px;padding:30px!important;position:relative;width:90%}@media(max-width:768px){.modal-overlay .modal-content{padding:15px;width:95%}}.modal-overlay .modal-content .modal-title{color:#21d4fd;font-size:1.6rem;letter-spacing:2px;margin-bottom:20px;margin-top:10px;text-shadow:0 0 10px #21d4fdb3;text-transform:uppercase}.modal-overlay .modal-content .close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px;position:absolute;right:10px;top:5px}.modal-overlay .modal-content .invite-fields{align-items:center;display:flex;flex-direction:column;padding:35px;width:100%}.modal-overlay .modal-content .invite-fields .sci-fi-input{background-color:#0d0d18;border:1px solid #21d4fd;border-radius:8px;color:#21d4fd;margin-bottom:20px;outline:none;padding:10px;width:80%}.modal-overlay .modal-content .invite-fields .sci-fi-input:focus,.modal-overlay .modal-content .invite-fields .sci-fi-input:hover{border-color:#0fc;box-shadow:0 0 15px #00ffcc80}.modal-overlay .modal-content .invite-fields .sci-fi-input.error{border:1px solid red}.modal-overlay .modal-content .invite-fields .dropdown-button-group{display:flex;justify-content:space-between;width:80%}.modal-overlay .modal-content .invite-fields .dropdown-button-group .dropdown-container{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:70%}.modal-overlay .modal-content .invite-fields .dropdown-button-group .dropdown-container label{font-size:.7rem;margin-bottom:5px;margin-left:5px;width:100%}.modal-overlay .modal-content .invite-fields .dropdown-button-group .dropdown-container .sci-fi-dropdown{background-color:#0d0d18;border:1px solid #21d4fd;border-radius:8px;color:#21d4fd;outline:none;padding:10px;width:80%}.modal-overlay .modal-content .invite-fields .dropdown-button-group .dropdown-container .sci-fi-dropdown:focus,.modal-overlay .modal-content .invite-fields .dropdown-button-group .dropdown-container .sci-fi-dropdown:hover{border-color:#0fc;box-shadow:0 0 15px #00ffcc80}.modal-overlay .modal-content .invite-fields .dropdown-button-group .sci-fi-button{background:#0fc;border:none;border-radius:5px;color:#1a1a2e;cursor:pointer;padding:10px;width:60%}.modal-overlay .modal-content .invite-fields .dropdown-button-group .sci-fi-button:hover{background-color:#00e6b3}.modal-overlay .modal-content .invite-outcome{display:flex;justify-content:space-between;margin-top:20px;width:100%}@media(max-width:768px){.modal-overlay .modal-content .invite-outcome{align-items:center;flex-direction:column}}.modal-overlay .modal-content .invite-outcome .left-section{align-items:center;display:flex;flex-direction:column;margin-left:30px;width:50%}@media(max-width:768px){.modal-overlay .modal-content .invite-outcome .left-section{margin-left:inherit}}.modal-overlay .modal-content .invite-outcome .left-section .checkmark,.modal-overlay .modal-content .invite-outcome .left-section .error-icon{font-size:3rem}.modal-overlay .modal-content .invite-outcome .left-section .copied,.modal-overlay .modal-content .invite-outcome .left-section .finish-first-warning{font-size:1.1rem;margin-top:10px}.modal-overlay .modal-content .invite-outcome .left-section .join-btn{background:#0fc;border:none;border-radius:5px;color:#1a1a2e;cursor:pointer;margin-top:10px;padding:10px 20px}.modal-overlay .modal-content .invite-outcome .left-section .join-btn:hover{background-color:#00e6b3}@media(max-width:768px){.modal-overlay .modal-content .invite-outcome .left-section .join-btn{font-size:1rem;letter-spacing:.1rem;text-transform:uppercase;width:80%}}.modal-overlay .modal-content .invite-outcome .right-section{align-items:end;display:flex;margin-right:40px}@media(max-width:768px){.modal-overlay .modal-content .invite-outcome .right-section{margin-right:inherit;margin-top:20px}}.modal-overlay .modal-content .invite-outcome .right-section .new-invite-btn{background:#0fc;border:none;border-radius:5px;color:#1a1a2e;cursor:pointer;padding:10px 20px}.modal-overlay .modal-content .invite-outcome .right-section .new-invite-btn:hover{background-color:#00e6b3}.modal-overlay .modal-content .invite-outcome .right-section .new-invite-btn .hide-desktop{display:none}@media(max-width:768px){.modal-overlay .modal-content .invite-outcome .right-section .new-invite-btn{font-size:.9rem;margin-bottom:20px;margin-top:30px;text-transform:uppercase}.modal-overlay .modal-content .invite-outcome .right-section .new-invite-btn .hide-desktop{display:inline}}.modal-overlay .modal-content .invite-outcome .checkmark{animation:glow 2s ease-in-out infinite;color:#0fc}.modal-overlay .modal-content .invite-outcome .error-icon{animation:pulse 1.5s ease-in-out infinite;color:#ff4b4b}.modal-overlay .modal-content .invite-outcome .copied{color:#0fc;text-shadow:0 0 8px #00ffccb3}.modal-overlay .modal-content .invite-outcome .finish-first-warning{color:#ff4b4b;text-shadow:0 0 8px #ff4b4bb3}@keyframes glow{0%{text-shadow:0 0 10px #00ffcc80}50%{text-shadow:0 0 20px #0fc}to{text-shadow:0 0 10px #00ffcc80}}.modal-overlay.hidden{display:none}.header,.modal-overlay.visible{display:flex}.header{align-items:center;background:#0d0d18;border-bottom:2px solid #21d4fd;box-sizing:border-box;color:#e0e0e0;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:10}.header button.icon{font-size:20px!important}.header button.icon:not(:disabled):hover{background:none!important;transform:scale(1.2)}@media(max-width:768px){.header{height:50px;padding:0 10px}}.header .left-section{align-items:center;display:flex;gap:10px}.header .game-logo{height:50px}@media(max-width:768px){.header .game-logo{height:40px}}.header .invite-button{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:1.2rem;padding:5px;transition:color .3s ease}.header .invite-button:hover{color:#c7f87e}@media(max-width:768px){.header .invite-button{font-size:1rem}}.header .user-group{align-items:center;display:flex;gap:10px}.header .user-pic{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 0 5px #fff9;height:38px;width:38px}@media(max-width:768px){.header .user-pic{height:30px;width:30px}}.header .username{color:#21d4fd;font-size:.9rem}@media(max-width:768px){.header .username{display:none}}.header .logout-button{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:1.2rem;padding:5px;transition:color .3s ease}.header .logout-button:hover{color:#ff4b4b}@media(max-width:768px){.header .logout-button{font-size:1rem}}.logs{background:#1a1a2e;border:1px solid #21d4fd;border-left-width:2px;border-radius:8px;box-shadow:0 0 15px #00ffff4d;display:flex;flex-direction:column;grid-area:logs;height:100%;margin:20px 10px 10px 8px;max-height:calc(90vh - 100px);max-width:400px;min-width:350px;overflow:hidden;padding:10px;text-shadow:0 0 5px #0ff9}.logs #title{background:inherit;flex-shrink:0;padding:15px;position:sticky;top:0;z-index:1}.logs #terminal-logs{word-wrap:break-word;-ms-overflow-style:none;color:lime;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-width:none;white-space:pre-wrap;word-break:break-word}.logs #terminal-logs::-webkit-scrollbar{display:none}.logs #terminal-logs ul{list-style:none;margin:0;padding:0}.logs #terminal-logs li{font-size:.9rem;padding:2px 0;text-align:left}.logs #terminal-logs li.log-entry{color:lime}.logs #terminal-logs li.user-msg{color:#20e7da;text-shadow:0 0 10px #0ffc}.logs #terminal-logs li.rematch-msg{color:#e75c20;font-size:1.1rem;text-shadow:0 0 10px #f00c}.logs #send-message-container{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-top:10px;padding:10px 0}.logs #send-message-container .input-container{align-items:center;display:flex;gap:10px;margin:auto;width:95%}.logs #send-message-container .input-container .user-input{background:#0f1120;border:none;border-radius:5px;color:lime;flex:1 1;outline:none;padding:5px}.logs #send-message-container .input-container button{background:#21d4fd;background:linear-gradient(45deg,#21d4fd,#b721ff);border:none;border-radius:5px;color:#1a1a2e;color:#fff;cursor:pointer;font-size:1rem;margin:0 auto;padding:5px 10px;text-shadow:1px 1px 3px #00000080;transition:background .3s ease,transform .2s}.logs #send-message-container .input-container button:not(:disabled):hover{background:linear-gradient(45deg,#b721ff,#21d4fd);transform:scale(1.05)}.logs #send-message-container .input-container #send-msg:disabled{background:gray;cursor:not-allowed!important}.logs #send-message-container .chain-warning{color:orange;font-size:.8rem;margin-top:-8px;text-align:center;width:90%}.logs #send-message-container .chain-warning .warning-icon{font-size:20px}@media(max-width:992px){.logs{display:none}}.banners{background:#1a1a2e;border:1px solid #21d4fd;border-left-width:2px;border-radius:8px;box-shadow:0 0 15px #00ffff4d;color:lime;flex:1 1;height:calc(90vh - 120px);margin:20px 10px 10px 20px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:20px;text-shadow:0 0 5px #0ff9}.banners .dynamic-banners .shiny-ad{box-shadow:0 0 10px #0ff3;font-size:16px;margin:20px auto;padding:10px;width:90%}.banners .dynamic-banners .shiny-ad .ad-placeholder{padding:50px}.banners .dynamic-banners .ad-preview label{color:#fff}.banners .payment-container{display:flex;flex-direction:column;gap:10px}.banners .payment-container .input-textarea,.banners .payment-container .input-url{background:#0d0d1a;border:2px solid #1f1f2e;border-radius:5px;color:#e0e0ff;font-size:16px;outline:none;padding:8px 12px;transition:border-color .3s ease;width:90%}.banners .payment-container .input-textarea:focus,.banners .payment-container .input-url:focus{border-color:#4a4aff}.banners .payment-container .inline-elements{align-items:center;display:flex;gap:5px}.banners .payment-container .dropdown{appearance:none;background:#0d0d1a;border:2px solid #1f1f2e;border-radius:5px;color:#e0e0ff;cursor:pointer;font-size:16px;outline:none;padding:8px 12px;transition:all .3s ease}.banners .payment-container .dropdown:hover{background:#1a1a3d;border-color:#4a4aff}.banners .payment-container .pay-button{background:linear-gradient(135deg,#3a3aff,#2020b0);border:none;border-radius:5px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .3s ease}.banners .payment-container .pay-button:hover{background:linear-gradient(135deg,#5a5aff,#3030d0);transform:translateY(-2px)}.banners .hidden{display:none;margin-top:40px}.banners .vote-our-posts{bottom:40;display:none;position:sticky}@media(max-width:992px){.banners{height:auto;margin:10px 20px;order:2}}.photon-stats{align-items:center;background:none;border:none;box-shadow:none;box-sizing:border-box;color:#e0e0e0;display:flex;font-size:.9rem;height:100%;justify-content:center;padding:0 10px}.photon-stats p{font-size:.8rem}@media(max-width:768px){.photon-stats p{font-size:.7rem}}.photon-stats #photon-state{float:none;font-size:12px;margin-right:10px;margin-top:0}@media(max-width:768px){.photon-stats{height:auto;margin-left:-20px}.photon-stats span{font-size:.8rem;text-align:left}.photon-stats #online-users,.photon-stats .stats-separator{display:none}.photon-stats .new-line-mobile{display:block}}.footer{align-items:center;background:#0d0d18;border-top:2px solid #21d4fd;bottom:0;box-shadow:0 -2px 10px #0ff3;box-sizing:border-box;color:#e0e0e0;display:flex;font-size:.9rem;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;width:100%;z-index:10}.footer #socials .icon{height:35px;transition:transform .2s ease;width:35px}.footer #socials .icon:hover{transform:scale(1.2)}.footer #socials .icon.group{cursor:pointer;height:42px;margin-top:5px;width:78px}.footer #socials #discord img{height:42px;margin-top:4px;width:42px}.footer #socials .more-socials,.footer #socials .socials-details{align-items:center;display:flex;gap:15px}.footer #socials .more-socials{cursor:pointer}.footer #photon{display:flex;flex:1 1;justify-content:center}@media(max-width:768px){.footer{font-size:.8rem;height:50px}.footer #socials{gap:10px;margin-left:-15px}.footer #socials .icon{height:25px;width:25px}.footer #socials #discord{margin-right:-2px}.footer #socials #discord img{height:32px;width:32px}.footer #socials .group{margin-left:10px;width:70px!important}.footer #witness{font-size:.7rem}}.home{background:radial-gradient(circle,#1a1a2e,#0f0f1c);color:#e0e0e0;display:flex;flex-direction:column;font-family:Audiowide,sans-serif;height:100vh;overflow:hidden}.main-content{display:flex;flex-direction:row;flex-grow:1;margin-bottom:60px;margin-top:60px;overflow-y:hidden;width:100vw}@media(max-width:992px){.main-content{flex-direction:column;width:100vw}}.main-container{display:flex;flex:3 1;flex-direction:column;height:calc(98vh - 120px);min-width:0;overflow-x:hidden;overflow-y:auto;padding:20px}@media(max-width:992px){.main-container{flex-direction:row;order:1;padding:0!important}}.main-container .loading{animation:pulse 1s ease-in-out infinite;color:#21d4fd;font-size:1.5rem;margin:20px 0;padding-top:60px;text-shadow:0 0 8px #21d4fdb3}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.game,.lobby{background:#1a1a2e;border:1px solid #21d4fd;border-radius:8px;box-shadow:0 0 15px #00ffff4d;flex:1 1;margin-bottom:20px;padding:10px 40px}@media(max-width:992px){.game,.lobby{border:none;box-shadow:none;margin:auto;padding:10px}}#root{margin:0}#root,.App{min-height:100vh;overflow:hidden;padding:0}.App{align-items:center;background:radial-gradient(circle,#1a1a2e,#0f0f1c);box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;font-family:League Spartan,sans-serif;justify-content:center;text-align:center}p{font-size:1.2rem;letter-spacing:2px;margin:0}a{color:#21d4fd;font-size:.9rem;text-decoration:none}a:hover{text-decoration:underline}button{background:linear-gradient(45deg,#21d4fd,#b721ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:0 auto;padding:12px;text-shadow:1px 1px 3px #00000080;transition:background .3s ease,transform .2s}button:disabled{background:#444;cursor:not-allowed}button:not(:disabled):hover{background:linear-gradient(45deg,#b721ff,#21d4fd);transform:scale(1.05)}@media(max-width:480px){.App{padding:0!important}}
/*# sourceMappingURL=main.e5f2de7c.css.map*/