.App{text-align:center}body{padding:0;font-family:Orbitron,Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;background:black;position:relative;overflow:hidden;color:#c1cadb}.layout{padding-bottom:var(--dashboard-height)}.game:focus{outline:none}.canvas{background-size:cover}.placeholderBackground{background:url(../images/pilot4.png)}.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out}.visible{opacity:1;visibility:visible}.playerWeapon{border:10px solid red}.gameButton{padding:4px 6px;font-size:16px;color:#2c66b2;border:1px solid #2c66b2;border-radius:5px;transition:ease-out .3s;width:4em;margin-top:20px;margin-left:2em;position:fixed}.gameButton:hover,.skipPromo:hover{cursor:pointer;opacity:.8;transition:ease-in .3s}.reEnterButton{font-size:16px;transition:ease-in .3s;padding:5px 6px 5px 7px;margin-top:20px;margin-left:8rem;width:4rem;color:#fff;border-radius:5px;background:#9c1616;position:fixed}.reEnterButton:hover{cursor:pointer}.skipPromo{position:absolute;position:fixed;bottom:30px;right:30px;font-size:20px;color:#2c66b2;border:1px solid #2c66b2;border-radius:5px;transition:ease-out .3s;width:4em;margin-top:20px;margin-left:2em}.headerButtons{padding:12px;font-size:16px;color:#2c66b2;transition:ease-out .3s;width:16em;margin-top:1em;position:fixed;margin-left:80%}.headerButton{font-size:16px;color:#2c66b2;transition:ease-out .3s;display:inline-block;width:4em}.headerButton:hover{cursor:pointer;opacity:.8;transition:ease-in .3s}.gameItemsContainer{width:70%;margin-left:15%}.informationTitle{line-height:35px;margin-top:60px;font-size:20px;height:30px;margin-left:30%;width:40%;color:#c1cadb;font-weight:700}.leaderboardTitle{margin-top:1em;margin-bottom:1em;font-weight:700;font-size:30px}.introduction{font-size:20px;height:30px;font-size:18px;padding:.25em;color:#2c66b2;margin-top:2em;margin-bottom:1em}.gameOverText{margin-top:2em;font-size:20px;height:30px;margin-left:40%;width:20%}.instructionControl{color:#ffa109;margin-right:.2em}.creditTitle{color:#ffa109;margin-right:.5em}.informationText{word-wrap:break-word;height:1.25em;font-size:16px;padding:.25em;color:#2c66b2}.notificationText{line-height:25px;word-wrap:break-word;font-size:17px;color:#2c66b2;margin-top:60px;padding-right:30px;padding-left:30px}.noteText{height:1.25em;font-size:14px;padding:.25em;color:gray}.modal{background-color:#000c;animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease;position:fixed;width:70%;height:90%;margin-top:2%;margin-left:15%;overflow:auto;border-bottom:1px solid #ffa109;border-top:1px solid #ffa109;z-index:4}.modalTabs{margin-top:1em;margin-bottom:1em}.selectionButton{font-size:20px;transition:ease-in .3s;margin-left:45%;padding-bottom:3px;width:10%;color:#fff;border-radius:5px;border:1px solid #9c1616}.selectionButton:hover{background:#9c1616;cursor:pointer;box-shadow:0 0 8px #0000004d}.closeButton{margin-top:2em;font-size:20px;height:30px;color:#2c66b2;margin-left:40%;width:20%;cursor:pointer}.assetLink{margin-left:1em;color:#2c66b2;transition:ease-in 1.5s}.closeButton:hover{cursor:pointer;opacity:.8;transition:ease-in .3s;box-shadow:0 0 8px #0000004d}.selectionText{font-size:20px;margin:1em;display:inline-block;width:15%;opacity:.5;padding-bottom:1em;transition:ease-out .5s;border-bottom:1px solid #2c66b2}.selectionText:hover{cursor:pointer;opacity:1;transition:ease-in .5s}.activeTab{opacity:1;border-bottom:1px solid #ffa109}.exitButton{padding:12px;font-size:16px;color:#2c66b2;border:1px solid #2c66b2;border-radius:5px;transition:ease-out .3s;width:4em;margin-left:2em;position:absolute;bottom:1em}.exitButton:hover{cursor:pointer;opacity:.8;transition:ease-in .3s}.formLabel{margin-top:50px;display:block;font-size:24px;color:#2c66b2}.formInput{margin-top:20px;font-size:20px;padding:.15em}.infoImage{padding-left:2em;padding-right:2em}.blueShipInfo{transform:rotate(180deg)}.informationContext{height:1.25em;font-size:14px;padding:.25em;color:#2c66b2}.red{color:#9c1616}.blue{color:#2c66b2}.teamLabel{margin-top:30px;display:block;font-size:20px;color:#2c66b2}.blueBackground{background:#2c66b2}.redBackground{background:#9c1616}.redTeamButton{padding:4px 6px;font-size:16px;color:#fff;border:1px solid #9c1616;border-radius:5px;transition:ease-out .3s;display:inline-block;width:3em;margin-top:15px;margin-left:1em;margin-right:1em}.blueTeamButton{padding:4px 6px;font-size:16px;color:#fff;border:1px solid #2c66b2;border-radius:5px;transition:ease-out .3s;display:inline-block;width:3em;margin-top:15px;margin-left:1em;margin-right:1em}.howToPlayButton,.cinematicButton{padding:6px 8px;font-size:20px;color:#fff;border:1px solid #2c66b2;border-radius:5px;transition:ease-out .3s;display:inline-block;width:200px;margin-top:1em;margin-left:1em;margin-right:1em}.startGameButton{padding:6px 8px;font-size:20px;color:#fff;border:1px solid #9c1616;border-radius:5px;transition:ease-out .3s;display:inline-block;margin-top:10px;margin-left:1em;margin-right:1em}.modeGameButton{padding:6px 8px;font-size:20px;color:#fff;border:1px solid #9c1616;border-radius:5px;transition:ease-out .3s;display:inline-block;width:200px;margin-top:1em;margin-left:1em;margin-right:1em}.howToPlayButton:hover,.cinematicButton:hover{background:#2c66b2;color:#fff;cursor:pointer}.redTeamButton:hover,.startGameButton:hover,.modeGameButton:hover{background:#9c1616;color:#fff;cursor:pointer}.blueTeamButton:hover{background:#2c66b2;color:#fff;cursor:pointer}.disabled:hover{cursor:not-allowed}.howToPlay{margin-bottom:70px}.experiencePoints{margin-top:2em}.informationButton{margin-bottom:2em;color:#2c66b2;cursor:pointer;font-size:20px}.informationButton:hover{color:#2c66b2;opacity:.8;transition:ease-in .3s;cursor:pointer}.description{padding-left:50px;padding-right:50px;text-align:center;line-height:24px;margin-top:2em;font-size:18px;height:.5em;color:#c1cadb}.goldContainer{margin-left:50px;display:flex;align-items:center;font-family:Orbitron,Sans,Lato,Droid Sans;font-size:20px;font-weight:700;color:#ab8432}.goldIcon{width:50px}.playerList{margin-top:30px}.redPlayersList{padding:10px;display:inline-block;width:30%;margin-left:-15px}.bluePlayersList{padding:10px;display:inline-block;width:30%}.playerListItem{width:100%;border-radius:3px;margin-right:10px;margin-bottom:10px;padding:4px;height:20px}.redBorder{border:1px solid #9c1616}.blueBorder{border:1px solid #2c66b2}.availableSlot{border:1px solid gray}.inviteLink{margin-top:15px;margin-bottom:15px;font-size:20px;padding:5px;color:#2c66b2}.inviteLink:hover{transition:ease-in .2s;color:#ffa109;cursor:pointer}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0%)}}.playerDataIcon{width:20px;border-radius:3px;margin-right:3px;margin-bottom:-.25em}.playerInfo{font-family:Orbitron,Sans,Lato,Droid Sans;font-size:14px;font-weight:700;color:#2c66b2;margin-top:1.5em;margin-bottom:.75rem}.playerInfoWeapon{width:2.5em;margin-top:1em;margin-bottom:1em;display:inline-block}.statInfo{font-family:Orbitron,Sans,Lato,Droid Sans;font-size:14px;font-weight:700;color:gray;padding-top:.25rem;padding-bottom:.25rem}.goldInfo{font-family:Orbitron,Sans,Lato,Droid Sans;font-size:14px;font-weight:700;color:#ab8432;padding-top:.75rem;padding-bottom:.75em}.gameOverStat{width:10em;height:10em;margin-top:2em;margin-left:1em;margin-right:1em;transition:ease-out .5s;display:inline-block}.winningScore{color:#ffa109;font-size:16px;padding-top:.75rem;padding-bottom:.75rem;font-family:Orbitron,Sans,Lato,Droid Sans;font-weight:700;margin-bottom:.5em}.finalScore{color:#fff;font-size:16px;padding-top:.75rem;padding-bottom:.75rem;font-family:Orbitron,Sans,Lato,Droid Sans;font-weight:700;margin-bottom:.5em}.redModifier{color:#9c1616;margin-left:5px}.greenModifier{color:#0f0;margin-left:5px}.playerData{position:fixed;font-size:16px;margin-top:4em;margin-left:2rem;text-align:left;display:flex}.playerLevel{color:#2c66b2;margin-top:.5em;margin-bottom:1.5em}.ScoreInfo{font-size:14px;color:gray;padding-top:.75rem;padding-bottom:.75rem}.nameInfo{font-size:14px;font-weight:700;color:#2c66b2;margin-top:1.5em;margin-bottom:.75rem}.playerImage{border-radius:50%;width:4em;height:4em;margin-bottom:1rem}.inactive{opacity:"0.5"}.playerDataWeapon{width:2.5em;margin-top:.75em;margin-bottom:.75em;display:block;border-radius:10px}.waitCountDown{margin-top:.5em;font-size:36px;color:red;width:1em;height:1em;display:inline-block}.waiting{opacity:.5}.playerItemsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:200px}.playerItemData{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px}.itemContainer{position:relative;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:7px}.itemContainer.ready{border:2px solid #2c66b2}.itemContainer.onCooldown{border:2px solid transparent;background:linear-gradient(90deg,#2c66b2 0%,#2c66b2 calc(min(var(--cooldown-progress, 0) * 4,1)*100%),transparent calc(min(var(--cooldown-progress, 0) * 4,1)*100%)) top,linear-gradient(180deg,#2c66b2 0%,#2c66b2 calc(max(0,min((var(--cooldown-progress, 0) - .25) * 4,1))*100%),transparent calc(max(0,min((var(--cooldown-progress, 0) - .25) * 4,1))*100%)) right,linear-gradient(270deg,#2c66b2 0%,#2c66b2 calc(max(0,min((var(--cooldown-progress, 0) - .5) * 4,1))*100%),transparent calc(max(0,min((var(--cooldown-progress, 0) - .5) * 4,1))*100%)) bottom,linear-gradient(0deg,#2c66b2 0%,#2c66b2 calc(max(0,min((var(--cooldown-progress, 0) - .75) * 4,1))*100%),transparent calc(max(0,min((var(--cooldown-progress, 0) - .75) * 4,1))*100%)) left;background-size:100% 2px,2px 100%,100% 2px,2px 100%;background-repeat:no-repeat;background-position:top,right,bottom,left}.playerItemImage{width:1.6em;height:1.6em;border-radius:5px}.faded{opacity:.5}.itemCountDown{margin-top:.85em;margin-left:.75em;display:flex;color:red;z-index:1;position:fixed}.playerShip{width:3em;margin-top:1.5em;margin-bottom:1.25em;display:inline-block;transform:rotate(270deg)}.startButton{font-size:20px;transition:ease-in .3s;padding-top:4px;padding-bottom:5px;padding-left:24px;margin-top:10px;width:4rem;color:#fff;border-radius:5px;background:#9c1616;position:absolute}.startButton:hover{cursor:pointer}.score{line-height:2em;font-weight:700;font-size:20px;color:#ffa109}.itemSelection{height:80px;margin-top:40px;margin-left:12px;margin-right:12px;transition:ease-out .5s;display:inline-block}.itemSelection:hover{cursor:pointer}.itemImageWrapper{border:1px solid #2c66b2;border-radius:10%;padding:10px;margin-bottom:10px;width:4em;height:4em;position:relative}.itemSelectionImage{width:4em;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.paginateButton{width:25px;border-radius:4px;display:inline-block;margin-left:20px;margin-right:20px;padding:5px;border:1px solid #2c66b2;font-weight:700;transition:ease-in .3s;color:#2c66b2}.paginateButton:hover{cursor:pointer;color:#fff;background-color:#2c66b2}.disabledButton:hover{cursor:not-allowed;background-color:none}.disabledButton{border:1px solid gray;width:25px;border-radius:4px;display:inline-block;margin-left:20px;margin-right:20px;padding:5px;font-weight:700;opacity:.75}.page{color:#2c66b2}.selection{transition:ease-out .5s;display:inline-block;margin-top:30px;text-align:center}.dim{opacity:.5}.hovered{cursor:pointer}.imageWrapper{border:1px solid #2c66b2;border-radius:10%;display:flex;justify-content:center;align-items:center;width:140px;height:140px;margin:15px}.owned{filter:grayscale(100%)}.selectionImage{max-width:100%;max-height:100%;padding:10px;width:90%}.selectionTitle{padding:.5em;text-align:left;line-height:4px;display:flex;font-size:16px;margin-bottom:.5em}.selectionPrice{padding:.5em;text-align:left;line-height:4px;display:flex;font-size:14px;color:#ab8432}.selectionData{padding:.5em;text-align:left;line-height:4px;display:flex;font-size:14px;color:gray}.selectionDescription{text-align:left;line-height:1.3em;display:flex;font-size:12px;padding:10px;color:#2c66b2;width:140px}.abilityTitle{padding:10px;text-align:left;line-height:4px;display:flex;font-size:14px;margin-top:8px;color:#2c66b2}.itemInfo{display:block;justify-content:center;align-items:center;margin:15px}.shipAbilityIcon{display:inline-block;margin-top:8px;width:33%}.abilityIcon{width:30px;height:30px;border-radius:50%;display:inline-block;padding-left:.5em;padding-right:.5em;padding-top:.1em}.abilityKey{padding-top:.5em;font-size:10px;font-weight:700;margin-top:.3em;color:#ab8432;position:relative;display:block;text-align:center}.trailerContainer{max-width:100%;max-height:90%}.webrtc-status{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:3;min-width:150px}.status-item{display:flex;justify-content:space-between;margin-bottom:5px}.status-label{font-weight:700;margin-right:10px}.status-value{font-family:"Press Start 2P",monospace}.status-value.connected{color:#4caf50}.status-value.connecting{color:#ff9800}.status-value.disconnected{color:#f44336}.peer-details{margin-top:10px;border-top:1px solid #333;padding-top:5px}.peer-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;font-size:11px}.peer-id{margin-right:10px}.peer-status{font-size:14px}.peer-status.connected{color:#4caf50}.peer-status.disconnected{color:#f44336}.dashboard{position:fixed;bottom:0;left:0;right:0;height:var(--dashboard-height);background:rgba(0,0,0,.9);border-top:2px solid #333;display:flex;align-items:center;box-sizing:border-box;z-index:3}.playerStatInfo{margin-top:10px}.dashboardContent{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:20px;padding-left:20px}.dashboardSection{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.05);border-radius:5px;height:18vh}.hitpointsSvg{margin-left:-20px}.playerInfo{margin-top:10px;padding-left:10px;min-width:200px;flex-direction:column;align-items:flex-start}.playerInfoHeader{display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:relative}.dashboardScore{font-size:14px;color:#4caf50;font-weight:700;font-family:Orbitron,monospace;position:absolute;top:0;right:0;padding-top:10px;padding-right:10px}.dashboardPlayerImage{width:40px;height:40px;border-radius:50%;border:2px solid #4CAF50}.dashboardPlayerImage.inactive{border-color:#666;opacity:.5}.dashboardNameInfo{font-size:18px;font-weight:700;color:#fff;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px}.dashboardLevel{font-size:14px;color:#ccc;font-family:Orbitron,monospace;font-weight:400}.dashboardScore{font-size:14px;color:#4caf50;font-weight:700;font-family:Orbitron,monospace}.healthSection{width:150px}.healthContainer{position:relative;display:flex;align-items:center;justify-content:center}.healthCountdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,monospace;font-size:32px;font-weight:700;color:#f44;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:10;animation:countdownPulse 1s ease-in-out infinite alternate}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.abilitiesSection{min-width:120px;justify-content:center;flex-direction:column;gap:8px;align-items:center;padding-right:3px;padding-left:3px}.abilitiesGrid{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(3,auto);gap:8px;align-items:center}.abilityKey{font-size:16px;font-weight:700;color:#ab8432;text-align:center;padding:5px}.abilityIconWrapper{display:flex;justify-content:center;align-items:center}.weaponSection{min-width:80px;justify-content:center}.dashboardWeapon{margin-top:10px;width:50px;height:50px;object-fit:contain}.statsSection{min-width:70px;flex-direction:column;align-items:center;gap:5px}.dashboardStat{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#fff;width:100%;max-width:80px}.dashboardStat img{width:20px;height:20px;flex-shrink:0;margin:5px}.dashboardStat span{flex:1;text-align:right;margin:5px}.itemsSection{padding-top:10px;min-width:200px;display:inline-block}.connectionSection{min-width:100px;justify-content:center}.dashboardGoldInfo{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:gold;width:100%;max-width:100px}.dashboardGoldInfo img{width:24px;height:24px;flex-shrink:0}.dashboardGoldInfo span{flex:1;text-align:right}@media (max-width: 1200px){.dashboardContent{gap:10px}.dashboardSection{padding:3px 5px;gap:5px}.playerInfo{min-width:120px}.statsSection{min-width:150px}}@media (max-width: 800px){.dashboard{height:25vh;padding:5px}.dashboardContent{flex-wrap:wrap;gap:5px}.dashboardSection{min-width:auto;flex:1;min-width:100px}}.abilityIcon{display:flex;align-items:center;justify-content:center;position:relative;padding:5px}.abilityIcon:hover{cursor:pointer}.abilityIconContainer{position:relative;display:flex;align-items:center;justify-content:center}.abilityIconSvg{position:absolute;z-index:2}.singleIcon{width:30px;height:30px;border-radius:50%;z-index:1}.disabled{opacity:.5}.abilityLevel{color:#ab8432;position:absolute;font-size:12px;font-weight:700;top:-5px;right:-5px;background:#2c66b2;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.singleAbilityIcon{position:absolute;z-index:1;width:30px;height:30px}.hitpoints{width:124px;height:124px;border-radius:50%;background-image:var(--hitpoint-background-url);padding-top:1.55em;padding-left:1.5em}.abilityLevel{color:#ab8432;position:absolute;font-size:12px;font-weight:700;top:-5px;right:-5px;background:#2c66b2;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#fff}.levelUpIcon{display:flex;align-items:center;justify-content:center;position:relative;padding:5px}.levelUpIcon:hover{cursor:pointer}.abilityKey{font-size:16px;font-weight:700;color:#ab8432;margin-right:10px;text-align:center}.levelUpIconContainer{position:relative;display:flex;align-items:center;justify-content:center}.levelUpCircle{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid #2c66b2;border-color:#2c66b2 transparent #2c66b2 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon{width:30px;height:30px;border-radius:50%;z-index:1;animation:counter-rotate 1.2s linear infinite}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}:root{--dashboard-height: 185px}body{margin:0;font-family:Orbitron,-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:"Press Start 2P",source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}