@import url(https://fonts.googleapis.com/css?family=Fira+Sans&display=swap);body footer,body>div,body>div *{font-family:"Fira Sans",sans-serif;font-weight:600}.mask,.space{height:100vh}.menu,.w-clearfix:after{clear:both}.button,.heading-2{text-transform:uppercase}#Coruscant text,#Names text,#bqmenu{font-variant:small-caps}:root{--bgsub:#b96000;--bgloy:#bf0000;--bgreb:#000;--bgdroid:#006400;--bgboots:#008080;--bgmltpl:#800080}body{margin:0;background-image:-webkit-radial-gradient(circle farthest-corner at 50% 100%,rgba(187,82,0,.5),rgba(0,46,143,.5)),url(/content/images/hyades.jpg);background-image:radial-gradient(circle farthest-corner at 50% 100%,rgba(187,82,0,.5),rgba(0,46,143,.5)),url(/content/images/hyades.jpg);background-position:0 0,50% 50%;background-size:auto,1000px}body>div,body>div *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:28px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body footer,body footer a{font-size:20px;color:#fff}body>div * .select-true,body>div .select-true{user-select:text}body footer{position:absolute;bottom:1em;right:1em}body footer a{text-decoration:none}#flippable{transition:transform ease 1s}#flippable.flip{transform:rotate(180deg)}.w-clearfix:after,.w-clearfix:before{content:" ";display:table}.mid-wrap,.space{display:-webkit-flex;-webkit-box-direction:normal}.space{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.svg,.top-bot{display:block}.space:not(.droid) .remote{cursor:not-allowed}.space:not(.droid) .remote .background{fill:rgba(30,144,255,.6)}.top-bot{height:auto;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.left-right{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.mid-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.svg{width:calc(177.77777778vh);max-height:100vh;max-width:100vw;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}svg:not(:root){overflow:hidden}.centre{-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}#Names,#bqtext,#menuText,.imperial,.rebel,.subjugated{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#bqbtnbackground,#bqbtngradient,#droidbtnbackground,#droidbtngradient,#flipbtnbackground,#flipbtngradient,#menuBackground,#menuGradient{transition:.2s ease-out}.mask{position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.75);transition:.5s ease}.flip #Coruscant text:not(.noflip),.flip #Names text:not(.noflip),.noflip{display:none}.noflip{fill:#fff}.flip .mask{transform:scale(-1)}.button,.flip #Coruscant text.noflip,.flip #Names text.noflip{display:block}.menu{border:8px solid #fc6;border-radius:25px;position:relative;width:100%;min-width:300px;padding:1em;background:#000;overflow:auto}.button{margin-bottom:1em;padding:9px 15px;border:2px solid #ddd;border-radius:10px;background-color:transparent;color:#fff;font-size:24px;line-height:17px;font-weight:500;text-align:center;letter-spacing:3px;opacity:0;transition:.5s ease-out}.button:not(.close):not(.no-first-letter):first-letter,.heading-2{color:#fc6}.button.no-margin{margin-bottom:0}#Coruscant,#Names{user-select:none}.positions{position:absolute;top:2em}.positions.left{left:1em}.positions.right{right:1em}.heading-2{position:absolute;left:0;top:-32px;right:0;margin-top:0;margin-bottom:0;font-size:17px;line-height:20px;font-weight:800;text-align:center;letter-spacing:1.5px}#aboutmenu,#bqmenu,#confirmreset,#continue,#customizemenu,#hotkeysmenu,#optionsmenu{color:#fff}#bqmenu div{font-size:24px}#bqmenu #expansion-text{text-align:center}#bq-all{display:flex;flex-direction:column}#bq-all #bq-factions #tabs{display:flex;justify-content:space-between}#bq-all #bq-factions #tabs .button{opacity:1;margin-bottom:0}#bq-all #bq-factions #tabs .button#show-rebels{margin-right:1em}#bq-all #bq-factions #tabs .button#show-rebels.active{background-color:rgba(0,153,153,.6)}#bq-all #bq-factions #tabs .button#show-empire.active{background-color:#bf0000}#bq-all #bq-factions .tab{padding-top:.5em}#bq-all #bq-factions .tab.active{display:flex;flex-direction:column;justify-content:space-evenly}@media screen and (max-height:719px){#bq-all #bq-factions .tab.active{flex-direction:row-reverse}#bq-all #bq-factions .tab .queue{position:relative;width:100%}}#bq-all #bq-factions .tab .queue{height:100px;display:flex;flex-direction:column;justify-content:space-evenly}#bq-all #bq-factions .tab .queue[data-q="2"]{margin:.25em 0;padding:.25em 0;height:calc(100px + .5em);border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}@media screen and (max-height:719px){#bq-all #bq-factions .tab .queue[data-q="2"]{margin:0 .25em;padding:0 .25em;height:auto;border-left:1px dashed #ddd;border-right:1px dashed #ddd;border-top:none;border-bottom:none}#bq-all #bq-factions .tab .queue:before{left:calc(50% - 25px);width:50px;text-align:center}}#bq-all #bq-factions .tab .queue:before{content:attr(data-q);font-size:5em;opacity:.25;position:absolute;height:100px;line-height:100px}#bq-all #bq-factions .tab .queue>div{display:flex;flex-direction:row;justify-content:space-between;margin-left:65px}@media screen and (max-height:719px){#bq-all #bq-factions .tab .queue>div{margin-left:0}}#bq-all #bq-factions .tab .queue>div .count{position:relative;width:45px;height:45px}#bq-all #bq-factions .tab .queue>div .count[data-c="0"]{visibility:hidden}#bq-all #bq-factions .tab .queue>div .count:after{content:attr(data-c);position:absolute;right:0;bottom:-8px;text-shadow:1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}#bq-all #bq-factions .tab .queue svg{width:45px;height:45px}#bq-all #bq-factions .tab .queue svg.blue{fill:#44416C}#bq-all #bq-factions .tab .queue svg.yellow{fill:#C48D4A}#bq-all #bq-factions .tab .queue svg.triangle{transform:scale(1.11)}#buildqueuebutton{visibility:hidden}@media screen and (min-width:560px) and (min-height:720px){#bq-factions #rebels .queue:before,#show-empire-bq,#show-rebels-bq{display:none}#bq-factions{display:flex}#bq-factions .tab{padding-top:0}#bq-factions #tabs{display:none!important}#bq-factions #empire,#bq-factions #rebels{display:flex!important;flex-direction:column;justify-content:space-evenly;padding-top:0!important}#bq-factions #rebels .queue>div{margin:0!important}#bq-factions #rebels .queue>div .count{margin-right:.5em}#bq-factions #rebels:before{content:url(/content/images/rebels.svg);position:absolute;width:30%;left:0}#bq-factions #empire .queue{padding-left:2em}#bq-factions #empire .queue[data-q="2"]{padding:.25em 0 .25em 2em!important}#bq-factions #empire .queue>div{margin-left:1em!important}#bq-factions #empire .queue>div .count{margin-left:.5em}#bq-factions #empire .queue:before{left:calc(50% - 31px)}#bq-factions #empire:after{content:url(/Content/images/empire.svg);position:absolute;width:30%;right:0}#buildqueuebutton{visibility:visible}}#optionsmenu .checkbox{height:50px;display:flex;flex-direction:column}#optionsmenu .checkbox:first-of-type{margin-bottom:0}#optionsmenu .checkbox .ignore{width:150px}#optionsmenu .checkbox .ignore>div{height:50px}@media screen and (min-width:475px){#optionsmenu .checkbox{flex-direction:row}#optionsmenu .checkbox .ignore{line-height:50px}}#buildqueuebutton,#droidbutton,#flipbutton,#mainmenu{cursor:pointer}#aboutmenu .info a,#aboutmenu .info a:visited,#aboutmenu .info ul li:not(.no-first-letter):first-letter,#confirmreset .info a,#confirmreset .info a:visited,#confirmreset .info ul li:not(.no-first-letter):first-letter,#continue .info a,#continue .info a:visited,#continue .info ul li:not(.no-first-letter):first-letter,#customizemenu .info a,#customizemenu .info a:visited,#customizemenu .info ul li:not(.no-first-letter):first-letter,#hotkeysmenu .info a,#hotkeysmenu .info a:visited,#hotkeysmenu .info ul li:not(.no-first-letter):first-letter,#optionsmenu .info a,#optionsmenu .info a:visited,#optionsmenu .info ul li:not(.no-first-letter):first-letter,.highlight{color:#fc6}#aboutmenu .info,#confirmreset .info,#continue .info,#customizemenu .info,#hotkeysmenu .info,#optionsmenu .info{font-size:16.8px;max-width:400px;text-align:justify;margin-bottom:1em}#aboutmenu .info *,#confirmreset .info *,#continue .info *,#customizemenu .info *,#hotkeysmenu .info *,#optionsmenu .info *{font-size:16.8px}#aboutmenu .info ul,#confirmreset .info ul,#continue .info ul,#customizemenu .info ul,#hotkeysmenu .info ul,#optionsmenu .info ul{list-style:none;padding:0}#aboutmenu .info img,#confirmreset .info img,#continue .info img,#customizemenu .info img,#hotkeysmenu .info img,#optionsmenu .info img{width:25%}#customizemenu input[type=color]{width:100%}#customizemenu .menu>div{position:relative}#customizemenu .menu>div .colorpicker{position:absolute;top:0;width:100%;text-align:center;display:block;cursor:pointer}#customizemenu .menu>div .colorpicker.bq-impsub{background-color:var(--bgsub)}#customizemenu .menu>div .colorpicker.bq-imploy{background-color:var(--bgloy)}#customizemenu .menu>div .colorpicker.bq-rebel{background-color:var(--bgreb)}#customizemenu .menu>div .colorpicker.bq-droid{background-color:var(--bgdroid)}#customizemenu .menu>div .colorpicker.bq-boots{background-color:var(--bgboots)}#customizemenu .menu>div .colorpicker.bq-multi{background-color:var(--bgmltpl)}.centered{text-align:center!important}.menu{max-height:95vh;max-width:95vw}.tab{display:none}.tab.active{display:block}.italic{font-style:italic}#bq-options{width:300px;margin-left:auto;margin-right:auto;position:relative;padding-bottom:1em}.stop{fill:#bf0000;stroke:none}#rebelbase .stop,.bq-rebel .stop{fill:#bf0000;stroke:#fff;stroke-width:5}#rebelbase{stroke:#b8ccc7;stroke-width:8;fill-opacity:.75;fill:#000}hr{width:100%;border-top:2px solid #fc6;margin:.5em 0}#bmac{position:absolute;right:1em;bottom:1em}#bmac img{min-width:75px;width:10vw}.space .mainbutton.active .cls-9{fill:#b96000;opacity:.6}.space .mainbutton.active .cls-56{opacity:.2}.space .mainbutton#droidbutton.active .cls-9{fill:#006400;opacity:.6}.space .mainbutton#droidbutton.active .cls-56{opacity:.2}.space #Buttons .system .boots,.space #Buttons .system .droid,.space #Buttons .system .imperial,.space #Buttons .system .rebel,.space #Buttons .system .stop,.space #Buttons .system .subjugated,.space #Coruscant .stop,.space #rebelbase .stop{opacity:0}.space #Coruscant.bq-disallowed .stop,.space #rebelbase.bq-disallowed .stop{opacity:1}.space.droid #Buttons .system.bq-droid .background{fill:var(--bgdroid);opacity:.6}.space.droid #Buttons .system.bq-droid .droid:not(.flipped){opacity:1}.space.droid #Buttons .system.bq-boots .background{fill:var(--bgboots);opacity:.6}.space.droid #Buttons .system.bq-boots .boots:not(.flipped){opacity:1}.space.droid #Buttons .system.bq-impsub .background{fill:var(--bgsub);opacity:.6}.space.droid #Buttons .system.bq-impsub .subjugated:not(.flipped){opacity:1}.space.droid #Buttons .system.bq-imploy .background{fill:var(--bgloy);opacity:.6}.space.droid #Buttons .system.bq-imploy .imperial{opacity:1}.space.droid #Buttons .system.bq-droid.bq-imploy .background,.space.droid #Buttons .system.bq-droid.bq-impsub .background{fill:var(--bgmltpl);opacity:.6}.space.droid #Buttons .system.bq-droid.bq-imploy .droid,.space.droid #Buttons .system.bq-droid.bq-impsub .droid{opacity:0}.space:not(.droid) #Buttons .system.bq-impsub .background{fill:var(--bgsub);opacity:.6}.space:not(.droid) #Buttons .system.bq-impsub .subjugated:not(.flipped){opacity:1}.space:not(.droid) #Buttons .system.bq-imploy .background{fill:var(--bgloy);opacity:.6}.space:not(.droid) #Buttons .system.bq-imploy .imperial:not(.flipped){opacity:1}.space:not(.droid) #Buttons .system.bq-rebel .background{fill:var(--bgreb);opacity:.6}.space:not(.droid) #Buttons .system.bq-disallowed .stop,.space:not(.droid) #Buttons .system.bq-rebel .rebel:not(.flipped){opacity:1}.space #options .icon{opacity:0}.space #options .icon:not(.flipped){opacity:1}.flip .space.droid #Buttons .system.bq-droid .droid{opacity:0}.flip .space.droid #Buttons .system.bq-droid .droid.flipped{opacity:1}.flip .space.droid #Buttons .system.bq-boots .boots{opacity:0}.flip .space.droid #Buttons .system.bq-boots .boots.flipped{opacity:1}.flip .space.droid #Buttons .system.bq-impsub .subjugated{opacity:0}.flip .space.droid #Buttons .system.bq-impsub .subjugated.flipped{opacity:1}.flip .space.droid #Buttons .system.bq-droid.bq-imploy .background,.flip .space.droid #Buttons .system.bq-droid.bq-impsub .background{fill:var(--bgmltpl);opacity:.6}.flip .space.droid #Buttons .system.bq-droid.bq-imploy .droid,.flip .space.droid #Buttons .system.bq-droid.bq-impsub .droid,.flip .space:not(.droid) #Buttons .system.bq-impsub .subjugated{opacity:0}.flip .space:not(.droid) #Buttons .system.bq-impsub .subjugated.flipped{opacity:1}.flip .space:not(.droid) #Buttons .system.bq-rebel .rebel{opacity:0}.flip .space:not(.droid) #Buttons .system.bq-rebel .rebel.flipped{opacity:1}.flip .space #options .icon{opacity:0}.flip .space #options .icon.flipped{opacity:1}@media screen and (orientation:landscape){.hide-on-mobile{display:none!important}}@media (hover:hover){#show-buildqueue,#show-empire-bq,#show-rebels-bq,.button{cursor:pointer}body footer a:hover{color:rgba(30,144,255,.6);text-decoration:underline}.button.hotkeys:hover,.button.resetmap:hover{background-color:rgba(0,153,153,.6)}.button.buildqueue:hover{background-color:rgba(185,96,0,.6)}.button#customizereverttodefault:hover,.button.about:hover{background-color:rgba(30,144,255,.6)}.button.customize:hover{background-color:#daa520}.button.close:hover{background-color:#bf0000}#bq-all #bq-factions #tabs .button#show-rebels:hover{background-color:rgba(0,153,153,.6)}#bq-all #bq-factions #tabs .button#show-empire:hover{background-color:#bf0000}#show-buildqueue:hover,#show-empire-bq:hover,#show-rebels-bq:hover{opacity:.5}.space .mainbutton:not(.active):hover .cls-9{fill:#b96000;opacity:.6}.space .mainbutton:not(.active):hover .cls-56{opacity:.2}.space .mainbutton#droidbutton:not(.active):hover .cls-9{fill:#006400;opacity:.6}.space .mainbutton#droidbutton:not(.active):hover .cls-56{opacity:.2}.space.droid #Buttons .system:not(.bq-droid,.bq-boots,.bq-impsub,.bq-imploy):hover .background,.space:not(.droid) #Buttons .system:not(.bq-impsub,.bq-imploy,.bq-rebel,.bq-disallowed,.remote):hover .background{fill:#e6e6e6;opacity:.25}}