*{font-family:Arial,Helvetica,sans-serif;color:#fff}body{margin:0;height:100vh;background-color:#0c0e0f}.app-container{display:grid;gap:0;grid-template-areas:"header" "main";grid-template-rows:auto 1fr}.header-container{grid-area:"header";background-color:#18181a;display:grid;padding:10px;grid-template-columns:auto 1fr}.header-container h1{margin:10px;font-size:24px}.navbar{overflow:hidden;align-content:center;justify-content:center}.nav-link{float:left;font-size:16px;text-align:center;padding:14px 16px;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{grid-area:"main";display:grid;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}.list-builder-container{grid-area:"main";display:grid}.list-builder-container button{background-color:#0c0e0f;color:#fff;border:1px solid white}.list-builder-container select{text-align:center;background-color:#0c0e0f}.list-builder-container .title{text-align:center}.unit-selector-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.army-container,.list-container{display:grid}.rank-display{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:5px;padding:5px}.rank-header{display:grid;grid-template-columns:auto 1fr auto}.unit-display{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:120px auto;gap:5px;padding:5px}.unit-available-display{display:grid;gap:1rem;padding:10px;grid-template-columns:auto auto 1fr;grid-template-rows:auto}.upgrade-slot-container,.equipped-upgrade-container{display:flex;flex-direction:column;flex-wrap:wrap}.keywords-container{grid-area:"main"}