*{font-family:Lucida Console,Courier,monospace;color:#fff}body{margin:0;height:100vh;background-color:#0c0e0f}.sticky{position:sticky;top:0}.mercenary,.mercenaries{background-color:#000000b0}.empire{background-color:#cecece33}.rebels{background-color:#ff00002d}.confederacy-of-independent-systems{background-color:#0c029c5e}.grand-army-of-the-republic{background-color:#dfdc5b2d}.minimize-img{width:30px;border-radius:50%}.header-container{background-color:#18181a;display:flex;padding:10px}.header-container h1{margin:10px;font-size:24px}.navbar{align-content:center;justify-content:center}.nav-link{float:left;font-size:16px;text-align:center;padding:14px 16px;color:inherit;text-decoration:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:16px;border:none;outline:none;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.navbar .nav-link:hover,.dropdown:hover .dropbtn{color:#6d6dff}.dropdown-content{background-color:#181d1f;display:none;position:absolute;min-width:120px;box-shadow:0 8px 16px #000;z-index:1}.dropdown-content .nav-link{float:none;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content .nav-link:hover{color:#6d6dff}.dropdown:hover .dropdown-content{display:block}.home-container{display:flex;flex-direction:column;justify-content:center;text-align:center}.home-container h1{font-size:60px}.home-container h2{font-size:48px}.home-container h3{font-size:32px}.home-container h4{font-size:24px}.home-container a{text-decoration:none}.faction-selector{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1vw}.faction-option-container{background-color:#181d1f;border-radius:5px;width:15%;min-width:295px;height:215px}.faction-option{text-align:start;border-radius:5px;margin:0;padding:15px;color:#fff;position:relative;transition:color .3s ease}.faction-option a{color:inherit;text-decoration:none}.faction-option:before{content:"";position:absolute;background-color:#fff;height:2px;width:100%;display:block;bottom:0;left:0;transition:height .3s ease;pointer-events:none}.faction-option:after{content:"";position:absolute;background-color:#fff;height:15%;width:0%;display:block;bottom:0;left:0;transition:width .2s ease;pointer-events:none}.faction-option:hover:after,.faction-option:focus:after{width:100%}.bf-list{text-align:start;list-style-type:none;line-height:2;padding-right:40px}.bf-option{position:relative}.bf-option a{color:inherit;text-decoration:none}.bf-option:before{content:"";position:absolute;background-color:#fff;height:8%;width:0%;display:block;bottom:0;left:0;transition:width .2s ease;pointer-events:none}.bf-option:hover:before,.bf-option:focus:before{width:100%}.roadmap{display:flex;flex-direction:column;justify-content:center;align-items:center}.roadmap-section{width:50vw;background-color:#181d1fa8;margin-bottom:10px;border-radius:5px}.roadmap-section>h3{text-align:start;padding:0;margin:10px}.roadmap-ul{list-style-type:disc;text-align:start;line-height:1.3}p{font-size:medium}.desktop-only{display:block}.mobile-only{display:none}.btn{border-radius:5px;margin:0 2px;min-width:30px;height:30px;padding:0}button{background-color:#0c0e0f;color:#fff;border:1px solid white}.section-header{display:flex;justify-content:center;align-items:center;width:100%;background-color:#181d1f;margin-bottom:10px}.title{text-align:center;width:90%}.bf-selector-dropdowns{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.unit-selector-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;flex-grow:1}select{text-align:center;background-color:#0c0e0f}.battleforce-rules{text-align:center;border:1px solid white;border-radius:5px;background-color:#152222}.list-builder-container{display:flex;flex-direction:column}.unit-selector-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;overflow:hidden;flex-grow:1;gap:1rem}.list-container{display:flex;flex-direction:column;flex-grow:1}.list-container>p{margin:3px 0}.stats-container{display:flex;flex-direction:column;min-width:500px;max-width:500px}.army-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:15px;max-width:300px;min-width:300px}.rank-header{display:flex;align-items:center;margin-bottom:8px;gap:5px}.rank-image{border:none;outline:none;padding:0;margin:0;height:40px;width:40px}.symbol{border-radius:50%;margin:0;padding:0}.symbol-effect{border-radius:50%;height:25px;width:25px;color:#adff2f;vertical-align:middle}.symbol-exhaust{width:35px;border-radius:50%}.rank-selected{border:2px solid rgb(255,0,0);outline:none;padding:0;margin:0;height:44px;width:44px;border-radius:50%}.stats-container-mobile{flex-direction:column;padding:10px;border-radius:5px;position:fixed;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#4e4e4ed5;display:flex;justify-content:center;align-items:center}.rank-display-available{display:flex;flex-direction:column;gap:.2em}.rank-display-list{display:flex;flex-grow:1}.rank-display-header{display:flex;max-width:85px;flex-direction:column;gap:0}.rank-display-header>p{margin:3px 0}.rank-display-units{display:flex;flex-direction:column;flex-grow:1}.unit-available-display{display:flex}.unit-available-display>button{flex-direction:column;border-radius:5px;padding:2px;height:45px;justify-content:center;align-items:center}.unit-available-button{display:flex;flex-grow:1;width:300px}.unit-available-button>p{margin:0}.unit-name{font-size:1.15em;font-weight:700}.unit-subname{font-size:.85em}.unit-display{display:flex;flex-direction:column;outline:1px solid grey;padding:5px;margin:5px;background-color:#1b1b1b;border-radius:5px;flex-grow:1}.unit-display-info{display:flex;justify-content:space-between;align-items:center;position:relative;min-width:150px}.unit-display-info-text{display:flex;align-items:center;gap:.25rem}.unit-count{padding:0;font-weight:700;color:#f57d8d}.unit-counter{position:absolute;border-radius:50%;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1;top:0;left:0;transform:translate(-50%,-50%);background-color:#000;color:#fff;border:1px solid white}.unit-display-btn-container{display:flex;width:102px;justify-content:flex-start}.unit-display-btn-container>button{width:fit-content}.upgrade-slot-container{display:flex;justify-self:flex-start;flex-wrap:wrap;gap:.25em;flex-grow:1}.upgrade-slot{display:flex;align-items:flex-start;justify-self:flex-start}.upgrade-display{display:flex;flex-direction:column;margin:5px 2px;row-gap:.25em}.upgrade-name{padding:0 5px}.unit-cost{background-color:#868686a4;padding:4px;border-radius:5px;margin:0}.upgrade-cost{color:#0c0e0f;background-color:#f7f7f7;padding:4px;border-radius:5px;margin:0}.total-cost{background-color:#6488beec;padding:4px;border-radius:5px;margin:0}.btn-end{margin-right:0}.btn-container{display:flex;max-width:300px}.btn-add-view{height:35px}.btn-add{display:flex;justify-content:center;align-items:center;flex-grow:1;max-width:261.91px;height:35px;padding:0 5px}.btn-add-multiple{height:auto;width:100}.upgrades-container{flex-grow:1}.equipped-upgrade-slot-container{margin-left:auto;display:flex;flex-direction:column;flex-grow:1}.equipped-upgrade{display:flex;flex-grow:1;max-width:298px;height:32px;align-items:center;justify-content:center;border:1px solid grey;border-radius:5px;background-color:#282828;padding-left:5px}.equipped-upgrade-end{display:flex;justify-content:center;align-items:center}.equipped-upgrade-symbol{justify-self:start;object-fit:contain}.equipped-upgrade-remove{justify-self:end}.text-right{margin-left:auto;justify-self:end}.text-center{text-align:center;justify-self:center;margin:auto}.equipped-upgrade-remove-all{justify-self:end}.btn-remove-all{display:flex;justify-content:center;align-items:center;padding:0}.x{width:22px;height:22px}.timing-window{color:red}.keyword{font-weight:700;color:#ff0}.keyword>a{text-decoration:none;color:pink}.cc-container{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap}.cc-column{display:flex;flex-direction:column;gap:1rem;margin:25px 0}.cc-display{display:flex;flex-direction:column;justify-content:center;align-items:center}.cc-selector{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.cc-selector-pip{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:225px;min-height:35px}.cc-selected-container{display:flex;flex-direction:column;gap:.5rem}.cc-selected{display:flex;justify-content:center}.cc{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:#302e2e;border-radius:5px;border:1px solid white;width:225px;height:35px}.cc-pip{font-size:large;margin:0;padding:0}.cc-hand{width:225px;height:65px}.cc-in-hand{background-color:#af9d83}.cc-name{font-weight:700}.cc-unit-name{font-size:small}.cc-text{padding:0;margin:0}.bd-column{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:25px 0}.battledeck-container{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.primary{background-color:#b82e2e99}.secondary{background-color:#f5f58699}.advantage{background-color:#0d960d99}.in-battledeck{opacity:50%}@media(max-width:768px){p{font-size:smaller}.btn{font-size:small}.unit-selector-section{align-items:center}.unit-display-btn-container{width:135px}.desktop-only{display:none}.mobile-only{display:block}.unit-selector-container{flex-wrap:wrap}.rank-display-header{max-width:65px}.rank-display-header>p{font-size:x-small}.roadmap-section{width:90vw}}