@import url("https://fonts.googleapis.com/css2?family=Bakbak+One&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");:root{--light:#fff;--dark:#666;--background:#13142b;--panel-background:#2d304e;--primary:#297fe7;--progress-bar-height:8px;--progress-bar-width:120px}body,html{padding:0;margin:0;font-family:Roboto,Open Sans,Helvetica Neue,sans-serif;background-image:linear-gradient(0deg,#414372 0,#13142b);overflow-x:hidden;height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h2,h3,h4{color:var(--light);margin:0}h2{font-size:20px}h3{font-size:16px}h3,h4{font-weight:400}h4{font-size:14px;text-align:center}.line{width:100%;border-top:1px solid var(--panel-background);margin:10px 0}button{padding:10px;background-color:transparent;cursor:pointer;border-radius:8px;border:2px solid #fff;color:#fff;font-size:12px;transition:all .3s}button:hover:not(:disabled){border-color:#297fe7;transform:scale(1.05)}button:disabled{opacity:.5}.join{display:flex;align-items:center;justify-content:center}.profile{display:flex;flex-direction:column}.profile .user-info{display:flex;align-items:center}.profile .balance{margin-top:10px}.profile .balance span{margin:5px;color:var(--background)}.profile .name{font-size:32px}.profile img{border-radius:100%;width:50px;margin-right:10px}.profile i{margin-left:10px}.ship-stats{border:3px solid var(--panel-background);border-radius:8px;background-color:var(--background);padding:10px}.ship-stats h2{margin-bottom:10px}.container{display:flex;flex-direction:column;align-items:center}.header{width:calc(100% - 20px);padding:15px;display:flex;flex-direction:row;justify-content:space-between;background-color:#ffffff11;border-radius:5px;margin:10px}.header,.header i{color:var(--light)}.panel{width:100%;max-width:1200px;padding:10px;display:flex;justify-content:space-between}.ship-selector{display:flex;flex-direction:column;justify-content:space-around}.ship-option{display:flex;flex-direction:row;align-items:center;padding:10px;border:3px solid var(--panel-background);border-radius:8px;background-color:var(--background);color:var(--light);cursor:pointer}.ship-option.current{border:3px solid #297fe7}.ship-option .info{display:flex;flex-direction:column;margin-left:10px}.ship-option.disabled,.ship-option.disabled .status{color:var(--dark)}.ship-option .status{font-size:14px}.ship-option .name{font-size:20px;font-weight:800}.weapon-shop{display:flex;flex-direction:column;align-items:center}.weapon-shop .num{color:var(--primary)}.weapon-shop>button{margin:20px}.weapons{display:flex;justify-content:space-around}.weapon{display:flex;flex-direction:column;margin:10px;padding:10px;border:3px solid var(--panel-background);border-radius:8px;background-color:var(--background);color:var(--light);transition:all .3s}.weapon.equipped{border-color:var(--primary)}.chip{cursor:pointer;display:inline-block;background-color:#666;padding:4px 8px;border-radius:6px;margin-right:10px}.chip.active{background-color:#adff2f;color:#333}.weapon .chip.active b{color:#333}.weapon .name{font-size:18px;font-weight:600;display:flex;align-items:center}.weapon img{transform:translateY(10px) scale(1.7)}.weapon small{color:#fff}.weapon .upgrades{display:flex;flex-direction:column;justify-content:flex-start;width:100%;margin-top:10px}.weapon .upgrades button{width:100%;margin-bottom:10px;padding:5px 10px;font-size:10px}.weapon .section{display:flex;flex-direction:row}.weapon .section b{color:#fff}.weapon .actions{display:flex;justify-content:center;margin-bottom:10px}.weapon .actions button{padding:5px 10px}.ship-container{position:relative}.hardpoint{position:absolute;width:80px;height:80px;background-color:hsla(0,0%,100%,.25);border-radius:100%;transition:.3s;cursor:pointer;display:flex;justify-content:center;align-items:center}.hardpoint img{transform:scale(5)}.hardpoint.hide{display:none}.hardpoint.active{background-color:hsla(0,0%,100%,.8)}.hardpoint:hover{background-color:hsla(0,0%,100%,.5)}.back{font-size:24px;cursor:pointer}.join-container{display:flex;justify-content:center;align-items:center;flex:1 1;border-left:1px solid #ccc}.error{color:red}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login{text-transform:uppercase;font-family:Bakbak One,cursive;font-size:32px;border:3px solid #fff;border-radius:10px}small{font-size:12px}.ship-upgrade-buttons{display:flex;flex-direction:column}.ship-upgrade-buttons button{margin:10px 0}.weapon.disabled i{opacity:.5}.instructions{font-size:12px}.instructions,.ship-name{text-align:center;color:var(--light)}.ship-name{font-size:24px}.back{font-size:18px;color:#fff;text-decoration:underline;text-align:center}td:nth-of-type(2n){color:var(--light);padding-left:17px}.stats :last-child{margin-bottom:0}.stat-progress{display:flex;color:#fff;margin-bottom:10px;justify-content:space-between}.stat-progress label{font-size:14px;font-weight:400;margin-bottom:5px}.stat-progress .bar{width:var(--progress-bar-width);background-color:#2d304e;margin-right:20px}.stat-progress .bar,.stat-progress .progress{height:var(--progress-bar-height);border-radius:10px}.stat-progress .progress{background-color:#297fe7;width:0;transition:all .3s}.stat-progress .value{font-size:18px;font-weight:600}.stat-progress .left{display:flex;flex-direction:column;justify-content:flex-end}.stat-progress .right{display:flex;align-items:flex-end;justify-content:center}.hardpoint:first-of-type{top:290px;left:90px}.hardpoint:nth-of-type(2){top:290px;right:90px}.history{width:80%;text-align:center;margin-top:20px}table{width:100%;border:3px solid var(--panel-background);border-radius:8px;background-color:var(--background);padding:10px;color:var(--light)}td,th{text-align:left}@media only screen and (max-device-width:600px){.screen{flex-direction:column}.ship-container{display:flex;flex-direction:column-reverse}.ship-container>img{width:360px}.hardpoint:first-of-type{top:173px;left:54px}.hardpoint:nth-of-type(2){top:173px;right:58px}.hardpoint img{transform:scale(3)}}