@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.controls{display:flex;justify-content:flex-end}.controls:not(:first-child){margin-top:1vh}.controls>:not(:first-child){margin-left:1vh}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.button{padding:1vh 2vh;border:.2vh solid;background-color:#000;color:#fff;border-radius:.5vh;text-decoration:none}.button[disabled]{color:#333}.button:hover:not([disabled]){cursor:pointer;color:#dc143c;box-shadow:0 0 18px 0 rgba(220,20,60,.7)}.button--reversed{transform:rotate(180deg)}.page.page--main-menu{padding:0}.hero{background-color:#000;color:#fff;padding:3vh 0;margin-bottom:10vh}.menu{padding:0 3vh;display:flex;flex-direction:column;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:600px;height:60vh}.menu-item{font-family:PixelMix,Courier New,monospace;padding:2vh;border:1px solid;border-radius:10px;color:#fff;background-color:#000;font-size:2vh;text-decoration:none;text-align:center;box-shadow:0 0 18px 0 rgba(0,0,0,.53)}.menu-item:hover{color:#dc143c;cursor:pointer;box-shadow:0 0 18px 0 rgba(220,20,60,.7)}.menu-item--disabled{pointer-events:none;color:#2b3341;background-color:#171b22;border-color:currentColor}.current-user__panel{position:absolute;bottom:0;left:0;padding:2vh;background-color:#000;color:#fff;border-radius:0 10px 0 0;text-decoration:none}.pile-count{display:flex;justify-content:center;align-items:center;width:8vh;height:8vh;font-size:4vh;background-color:#dc143c;border-radius:50%;transform:rotate(180deg)}.upgrade{--upgrade-width:13vh;--upgrade-height:3vh;--border-thickness:0.2vh;--border-radius:0.494vh;display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--upgrade-height)*0.18);font-family:PixelMix,Courier New,monospace;color:#fff;background-color:#000;border:var(--border-thickness) solid #debc51;border-radius:var(--border-radius);text-align:center;width:100%;height:var(--upgrade-height);opacity:1}@media only screen and (max-width:640px){.upgrade{--upgrade-width:11vh;--upgrade-height:2.52vh}}.upgrade--destroyable{border-color:#dc143c;cursor:pointer}.upgrade--enter{opacity:0;transform:scale(1.5)}.upgrade--enter-active{transition:all .4s ease}.upgrade--enter-active,.upgrade--exit{opacity:1;transform:scale(1)}.upgrade--exit-active{transition:all .4s ease;transform:scale(1.5);opacity:0}.upgrade--vertical{height:var(--upgrade-width);width:var(--upgrade-height);margin-top:0;margin-right:calc(var(--upgrade-height)*0.03)}.upgrade--vertical,.upgrade--vertical>.upgrade__powers{flex-direction:column}.upgrade--vertical>.upgrade__shields{transform:none}.upgrade--vertical>.upgrade__shields.upgrade__shields--reverse{transform:rotate(180deg)}.upgrade--vertical>.upgrade__shields:first-child{left:calc(var(--upgrade-height)*-0.03);bottom:calc(var(--upgrade-height)*0.07)}.upgrade--vertical>.upgrade__shields:last-child{right:0;top:calc(var(--upgrade-height)*0.07)}.upgrade--vertical .resource-icon,.upgrade--vertical .upgrade__power{transform:none}.upgrade__shields{position:relative;height:var(--upgrade-height);width:var(--upgrade-height);display:flex;align-items:center;justify-content:center;padding:calc(var(--upgrade-height)*0.07) calc(var(--upgrade-height)*0.17);border:var(--border-thickness) solid #debc51;border-radius:var(--border-radius);font-family:PixelMix,Courier New,monospace;font-size:calc(var(--upgrade-height)*0.66);transform:rotate(270deg)}.upgrade__shields:first-child{left:calc(var(--upgrade-height)*-0.07)}.upgrade__shields:last-child{right:calc(var(--upgrade-height)*-0.07)}.upgrade__shields--defender{color:#84b5f2}.upgrade__shields--reverse{transform:rotate(90deg)}.upgrade--destroyable .upgrade__shields{border-color:#dc143c}.upgrade__powers{display:flex;justify-content:space-around;align-items:center;flex-grow:1;font-size:calc(var(--upgrade-height)*0.2)}.upgrade__powers .resource-icon{width:calc(var(--upgrade-height)*0.5)}.upgrade .resource-icon,.upgrade__power{transform:rotate(270deg)}.attack-icon,.resource-icon{width:14px;vertical-align:middle}.attack-icon{margin-right:1px}.card__ship{--ship-width:13vh;--ship-height:14.3vh;--border-thickness:0.2vh;--border-radius:0.494vh;width:var(--ship-width);height:var(--ship-height);font-family:PixelMix,Courier New,monospace}@media only screen and (max-width:640px){.card__ship{--ship-width:11vh;--ship-height:12.1vh}}.card__title{left:calc(var(--ship-width)*0.03);width:calc(var(--ship-width)*0.77);padding:calc(var(--ship-width)*0.03) 0;font-size:calc(var(--ship-height)*0.075)}.card__power,.card__title{position:absolute;top:calc(var(--ship-height)*0.03);border:var(--border-thickness) solid #f2f2f2;border-radius:var(--border-radius);background-color:#000;text-align:center}.card__power{right:calc(var(--ship-width)*0.03);width:calc(var(--ship-width)*0.23);height:calc(var(--ship-height)*0.19)}.card__image{display:flex;justify-content:center;align-items:center;width:100%;height:calc(var(--ship-height)*0.63);border:var(--border-thickness) solid #f2f2f2;background-color:#2a3241}.card__image>img{height:calc(var(--ship-height)*0.77);transform:rotate(90deg) translateY(calc(var(--ship-width)*0.12)) translateX(calc(var(--ship-height)*0.05))}.card__passive{position:relative;width:85%;top:calc(var(--ship-height)*-0.09);margin-left:7.5%;border:var(--border-thickness) solid #f2f2f2;border-radius:var(--border-radius);background-color:#000;font-size:calc(var(--ship-height)*0.06);text-align:center}.card__passive .resource-icon{width:calc(var(--ship-height)*0.07)}.card__abilities{display:flex;flex-direction:column;justify-content:center;height:calc(var(--ship-height)*0.42);margin:calc(var(--ship-height)*-0.04) calc(var(--ship-width)*-0.01) 0 calc(var(--ship-width)*-0.01);padding:calc(var(--ship-width)*0.04);border:var(--border-thickness) solid #f2f2f2;border-radius:var(--border-radius);background-color:#000;font-size:calc(var(--ship-height)*0.06);text-align:center}.card__abilities .attack-icon,.card__abilities .resource-icon{width:calc(var(--ship-height)*0.07)}.card__ability{color:#aaa}.card__ability--active{color:#fff}.card__passive+.card__abilities{margin-top:calc(var(--ship-height)*-0.156);padding-top:calc(var(--ship-height)*0.06)}.power{color:#d83f23;font-family:sans-serif;vertical-align:top;font-size:calc(var(--ship-height)*0.12)}.card__ability .power{font-size:calc(var(--ship-height)*0.09);line-height:1}.card{position:relative;display:flex;flex-direction:column;align-items:center;width:14vh;padding:.5vh;margin:0 .5vh;color:#fff;background-color:#000;box-shadow:0 0 18px 0 rgba(0,0,0,.53);font-family:PixelMix,Courier New,monospace}@media only screen and (max-width:640px){.card{width:12vh}}.card__overlay{position:absolute;width:60%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;opacity:1}.card--zoomed{position:fixed;left:39vw;top:45vh;transform:scale(3);z-index:2}.card--playable{cursor:grab}.card--dragging{visibility:hidden}.card--selectable{cursor:pointer}.card--selected .upgrade,.card--selected>.card__ship{opacity:.4}.card--playable,.card--selectable{box-shadow:0 0 18px 0 rgba(220,20,60,.7)}.card--playable:hover,.card--selectable:hover{transform:scale(1.05);transition:.1s ease-out}.card--discardable{box-shadow:0 0 18px 0 #6b46c1}.card--enter{opacity:.8;transform:translate(-55vw,-57vh)}.card--enter-active{opacity:1;transform:translateY(0);transition:all .5s ease}.card--face-down{display:flex;justify-content:center;align-items:center;width:13vh;height:17.3vh}@media only screen and (max-width:640px){.card--face-down{width:11vh;height:14.62vh}}.hint{background-color:rgba(0,0,0,.8);color:#fff;font-size:2vh;z-index:1}@media only screen and (min-width:641px){.hint{position:absolute;top:1vh;left:1vh;padding:3vh;border-radius:1vh}}@media only screen and (max-width:640px){.hint{padding:1vh;width:100%}}.hint>p{margin:0}.hint>p+p{margin:1vh 0 0}.hint .controls{margin-top:3vh}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.alert{padding:2vh;border-radius:10px;color:#fff;background-color:#000;font-size:20px;z-index:2;box-shadow:0 0 18px 0 rgba(0,0,0,.53);opacity:0;animation:fadeout 4s;pointer-events:none}.base{--base-width:18.3vh;--base-height:13vh;display:flex;height:var(--base-height);color:#fff;background-color:#000;border-radius:.5vh;box-shadow:0 0 18px 0 rgba(0,0,0,.53);font-family:PixelMix,Courier New,monospace}@media only screen and (max-width:640px){.base{--base-width:17.62vh;--base-height:11vh}}.base__main{width:var(--base-width);display:flex;flex-direction:column;justify-content:space-between;margin:.5vh;padding:.3vh;text-align:center}.base__name{font-size:1.5vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base__name--reverse{transform:rotate(180deg)}.base__image{display:flex;justify-content:center;align-items:center;flex-grow:1;background-color:#2a3241;border-radius:.5vh;border:.2vh solid #debc51}.base__image>img{width:90%}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.ship{color:#fff;background-color:#000;padding:.6vh;margin:0 .6vh;box-shadow:0 0 18px 0 rgba(0,0,0,.53);outline:none;transition:transform .1s ease-out}.ship,.ship__wrapper{position:relative}.ship__attack-alert{position:absolute;left:3vh;top:3vh;padding:1vh;color:#fff;background-color:#dc143c;border-radius:.5vh;z-index:1;opacity:0;white-space:nowrap;font-size:2vh;animation:fadeSlideUp 1s ease-out}.ship--ready{cursor:pointer;box-shadow:0 0 18px 0 rgba(220,20,60,.7)}.ship--ready:hover{transform:rotate(-10deg) scale(1.05);z-index:1}.ship--attacking{transform:rotate(270deg);margin-left:1vh;margin-right:1vh}.ship--ready.ship--enemy:hover{transform:rotate(180deg) scale(1.05)}.player-stats{width:fit-content;height:13vh;display:flex;margin-left:1vh;margin-right:1vh;padding:1vh;color:#fff;background-color:#000;border-radius:1vh;box-shadow:0 0 18px 0 rgba(0,0,0,.53);z-index:1}.player-stats--enemy{transform:rotate(180deg)}.player-stats__name{font-family:PixelMix,Courier New,monospace;font-size:2vh;transform:rotate(-90deg)}.player-stats__resources{display:flex;flex-direction:column;justify-content:space-between}.player-stats__resource-row{display:flex;width:100%;justify-content:space-between}.player-stats__resource{display:flex;flex-direction:column;flex-basis:1;width:3vh;justify-content:space-between;align-items:center}.player-stats__resource-amount{font-family:PixelMix,Courier New,monospace;font-size:2vh}.player-stats__resource-amount--emphasis{color:#dc143c}.player-stats__resource-icon{margin-top:.5vh;font-size:1vh}.progress-bar{margin-top:1vh;width:100%;height:1vh;min-height:1px}.progress-bar__bar{background:#fff;height:100%}.lanes{display:grid;grid-template-columns:1fr;justify-content:space-between;flex-grow:1}.fleet{flex-grow:1}.fleet,.lane{display:flex;justify-content:center;align-items:center}.lane{position:relative;width:100%}.lane--enemy{transform:rotate(180deg)}.lane--active:after{content:attr(data-hint);position:absolute;display:flex;justify-content:center;align-items:center;font-size:3vh;width:100%;height:100%;color:#fff;z-index:1}.lane--ship.lane--active:after{background:rgba(0,128,128,.4)}.lane--ship.lane--hovering:after{background:rgba(0,128,128,.8)}.lane--upgrade.lane--active:after{background:rgba(30,144,255,.4)}.lane--upgrade.lane--hovering:after{background:rgba(30,144,255,.8)}.deck--active:after{content:attr(data-hint);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;width:40%;height:100%;color:#fff;background:rgba(107,70,193,.4);z-index:1}.deck--hovering:after{background:rgba(107,70,193,.8)}.drag-layer{position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%}.game-log{display:flex;flex-direction:column;position:absolute;bottom:30px;left:30px;width:400px;height:210px;padding:5px;border-radius:2px;overflow-y:auto;background-color:#000;color:#fff;opacity:.7;z-index:1}.game-log__line{font-family:monospace;font-size:14px;white-space:nowrap}.game-log__card{font-weight:700}.game{display:flex;flex-direction:column;height:100%}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.back-bar{position:fixed;bottom:0;left:0;width:100%;padding:1vh;background-color:#000}.page{padding:10px}.page--all-cards{display:flex;flex-wrap:wrap}.page--all-cards>.card{margin:10px}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(204,169,44,.6)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes fadeSlideUp{0%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.loading{padding:10px;border-radius:5px;background:#000;color:#fff;font-family:PixelMix,Courier New,monospace;font-size:24px;animation:pulse 2s infinite}.tutorial-message{position:relative;padding:2vh;border-radius:10px;color:#fff;background-color:#000;font-size:20px;z-index:2;box-shadow:0 0 18px 0 rgba(0,0,0,.53)}@media only screen and (min-width:641px){.tutorial-message{max-width:600px}}@media only screen and (max-width:640px){.tutorial-message{max-width:90%}}.tutorial-message__wrapper{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:3}.tutorial-message__hole{position:absolute;box-shadow:0 0 0 9999px rgba(10,10,10,.8)}.tutorial-page__help-button{position:fixed;bottom:1vh;left:1vh;width:5vh;height:5vh;border:0;border-radius:50%;font-size:3vh;line-height:1.7;color:#fff;background-color:#000;cursor:pointer}.game-setting{margin-top:2vh}.page--replay{height:100%}.replay-controls{position:fixed;left:1vh;bottom:1vh;margin-left:1vh;margin-right:1vh;padding:1vh;color:#fff;background-color:#000;border-radius:1vh;box-shadow:0 0 18px 0 rgba(0,0,0,.53);z-index:1}.error{position:fixed;bottom:0;left:0;padding:20px;background-color:#000;color:#fff;border-radius:0 5px 0 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:PixelMix;src:url(/pixelmix.c641a722.ttf)}a{color:#d83f23}a:hover{cursor:pointer;color:#dc143c}em{color:#d83f23;font-weight:700;font-style:normal}h1{margin:0}.full-screen-wrapper{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}.interactable{pointer-events:all}.center-children{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.panel{width:100%;max-width:1000px;padding:20px;border-radius:10px;color:#fff;background-color:#000;font-size:20px;z-index:2;box-shadow:0 0 18px 0 rgba(0,0,0,.53)}@media only screen and (max-width:640px){.panel{font-size:12px}}.panel>h1{font-size:36px}@media only screen and (max-width:640px){.panel>h1{font-size:24px}}.game-title{font-family:PixelMix,Courier New,monospace;font-size:6vh;text-align:center}[type=checkbox]{margin-right:10px}.text-input{width:100%;padding:5px;background-color:#000;color:#aaa;border:none;border-bottom:2px dotted}.text-input:focus{outline:none;color:#fff}.label{margin-right:10px;white-space:nowrap;color:#debc51}.fieldset__wrapper{display:flex;align-items:center}.fieldset__input+*{margin-left:2vh}*{box-sizing:border-box}html{--vh:1vh;height:calc(var(--vh, 1vh)*100)}body{height:100%;line-height:1.4;background-color:#ddd;font-family:Roboto,sans-serif;background-color:#718096;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%234a5568' fill-opacity='.11' fill-rule='nonzero'/%3E%3C/svg%3E")}[tabindex="-1"]:focus{outline:none}#root{display:flex;flex-direction:column}#root,#root [tabindex="-1"]{height:100%}.leaderboard{display:grid;grid-template-columns:1fr 3fr 1fr 1fr 1fr 1fr}.leaderboard__header{font-weight:700}.player-tag-list{display:flex}.player-tag-list>*+*{margin-left:1vh}.player-tag{padding:.5vh 1.5vh;background-color:#d83f23;border-radius:1vh;font-family:PixelMix,Courier New,monospace}.player-tag--creator{background-color:#6b46c1}
/*# sourceMappingURL=/src.2b2d2726.css.map */