body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Nesobrite Condensed Bold;font-style:normal;font-weight:700;src:url(/static/media/Nesobrite%20Condensed%20Bold.d4b349b36cfb944171d2.ttf) format("truetype")}@font-face{font-display:swap;font-family:Nesobrite Bold Condensed;font-style:normal;font-weight:700;src:url(/static/media/Nesobrite%20Condensed%20Bold.d4b349b36cfb944171d2.ttf) format("truetype")}@font-face{font-display:swap;font-family:Adobe Hebrew Regular;font-style:normal;font-weight:400;src:url(/static/media/Adobe%20Hebrew%20Regular.b523be1ca543e1b9fb24.otf) format("opentype")}:root{--main-bg:#f8f8f8;--panel-bg:#fff;--border:#ccc;--accent:#e74c3c;--selected:#d0e6f7;--font-main:"Nesobrite Condensed Bold",Arial,sans-serif}#root,.app-container,body,html{background:#0a1833 url(https://www.transparenttextures.com/patterns/stardust.png);background-repeat:repeat;background-size:auto;color:#f0f0f0;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-family:var(--font-main);height:100%;margin:0;overflow-x:hidden;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.title{font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-family:var(--font-main);font-size:2.2rem;font-weight:700;letter-spacing:0;margin:0;text-align:left}.title-with-logo{align-items:center;display:flex;gap:18px;margin:24px 0 8px 32px}.ia-logo{display:block;height:48px;width:auto}.top-buttons{background:#0a1833 url(https://www.transparenttextures.com/patterns/stardust.png);background-repeat:repeat;background-size:auto;border-bottom:1px solid #ffffff1a;flex-direction:row;height:auto!important;margin:0 auto;max-height:none!important;max-width:1300px;overflow:visible!important;padding:12px 12px 8px;position:sticky;top:0;width:100%;z-index:1000}.toggle-buttons-container,.top-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toggle-switch-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:0;padding:0 4px;text-align:center}.toggle-active,.toggle-switch-button{font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1.05rem;font-weight:700;transition:background .2s,color .2s}.toggle-active{background:#2ecc40;border-radius:4px;color:#fff;padding:1px 4px}.toggle-button:active,.toggle-button:focus{background:#e6e6e6}.faction-filters{display:flex;flex-wrap:wrap;gap:2px}.faction-filter-button{align-items:center;background:#fff;border:2px solid #222;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0;max-height:32px;min-height:32px;padding:2px 6px;transition:background .2s}.faction-filter-button.active{background:#d0e6f7;border-color:#2ecc40}.faction-filter-button:hover{background:#e0eaff;transition:background .2s}.faction-icon{display:inline-block;vertical-align:middle}.card-iacp-icon,.faction-icon{height:18px;width:18px}.card-iacp-icon.playtest{background-color:#fff;border:2px solid #00c853;border-radius:50%;box-shadow:0 0 6px 2px #00c853e6}.iacp-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-family:var(--font-main);font-size:1.4rem;font-weight:700;gap:6px;justify-content:center;max-width:90px;min-width:90px;padding:2px 12px;text-align:center;width:90px}.iacp-button.active{background:#eaffea;border-color:#2ecc40}.iacp-button:hover{background:#e0eaff;transition:background .2s}.green-light{background:#2ecc40;border:1.5px solid #222;border-radius:50%;box-shadow:0 0 4px #2ecc40;display:inline-block;height:12px;margin-left:6px;width:12px}.main-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(360px,600px) minmax(200px,300px) minmax(360px,600px);margin-left:auto;margin-right:auto;max-width:1300px;padding:0 12px 32px;width:100%}.left-panel,.right-panel{display:flex;flex-direction:column;margin-left:0!important;margin-right:0!important;max-width:600px;min-width:360px;padding-left:0!important;padding-right:0!important;width:100%}.cards-container,.selected-cards{padding:0 12px}.cards-container{background:#0000;border-radius:8px;box-shadow:0 2px 8px #0001;box-sizing:border-box;color:#222!important;margin-left:0!important;max-height:500px;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#bbb #222;scrollbar-width:thin;width:100%}.cards-container::-webkit-scrollbar{background:#1e1e3c33;border-radius:8px;width:10px}.cards-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#bbb,#888);border-radius:8px;box-shadow:0 2px 8px #0003}.cards-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#888,#bbb)}.cards-container::-webkit-scrollbar-corner{background:#0000}.card-list{width:100%}.card-item,.selected-card{align-items:center;background:#fff;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;color:#222!important;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:space-between;margin:4px 0;min-height:36px;padding:0 8px 0 0;transition:border-color .2s,background .2s;width:calc(100% - 10px)}.card-item.max-reached{opacity:.5}.card-item:hover,.selected-card:hover{border-color:#e74c3c;border-color:var(--accent);box-shadow:0 4px 16px #0074d933;transform:translateY(-1px);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;z-index:2}.card-content{align-items:center;color:#222!important;display:flex;flex:1 1;font-size:1.25rem;gap:10px;height:100%;max-width:100%;min-width:0;overflow:hidden;padding:0 10px 0 0}.card-content>:first-child{margin-left:0!important}.card-name{color:#222!important;display:block;font-size:1.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-class-icon{height:100%;margin:0;max-height:100%;object-fit:contain;width:auto}.card-faction-icon{height:24px;width:24px}.card-cost{font-size:2rem;font-weight:700;margin-right:6px;min-width:28px;text-align:left}.card-cost,.selected-card .card-cost{color:#222!important}.card-iacp-icon{align-self:center;height:24px;margin-left:6px;margin-top:-4px;vertical-align:middle;width:24px}.selected-card .unique-dot,.unique-dot{background:#111;border-radius:2px;display:inline-block;height:8px;margin-right:4px;margin-top:-4px;vertical-align:middle;width:8px}.card-count{color:#555;font-size:1.2rem;margin-left:8px}.add-button,.remove-button{align-items:center;background:#0074d9;border:none;border-radius:20%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:24px;justify-content:center;transition:background .2s;width:24px}.add-button:disabled{background:#ccc;cursor:not-allowed}.remove-button{background:#e74c3c}.card-preview.auxiliary{aspect-ratio:300/191}.stats-row{display:flex;font-size:1.05rem;justify-content:space-between;margin-bottom:2px}.stats-row:last-child{margin-bottom:0}.traits-list{font-size:.98rem;font-style:italic;margin-top:2px}.selected-card{align-items:center;background:#fff;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0;min-height:20px}.selected-card .card-content{gap:10px}.selected-card .card-iacp-icon{height:24px;margin-left:6px;width:24px}.selected-card .remove-button{margin-left:8px}.list-section h3{font-size:1.8rem;font-weight:700;margin:0;text-align:center}.card-search{border:1.5px solid #222;border-radius:6px;box-sizing:border-box;height:24px;line-height:24px;margin-right:0;padding:0 8px;width:100px}.card-search,.trait-checkbox-label{font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem}.trait-checkbox-label{align-items:center;cursor:pointer;display:flex;font-family:var(--font-main);gap:2px}.trait-checkbox-label input[type=checkbox]{accent-color:#0074d9;margin-right:2px}.add-attachment-button,.add-command-button{font-family:Nesobrite Condensed Bold,Arial,sans-serif}.add-command-button{align-items:center;background:#ffb400;border:none;border-radius:20%;color:#222;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;height:24px;justify-content:center;margin-left:8px;transition:background .2s;width:32px}.add-command-button:hover{background:#ffd966}.command-stats-row,.deployment-stats-row{display:flex;font-size:1.05rem;gap:18px;justify-content:center;margin-bottom:2px}.deployment-traits-row{font-size:.98rem;margin-bottom:8px;padding-top:8px;text-align:center}.command-stats-row,.deployment-stats-row,.deployment-traits-row{font-family:Adobe Hebrew Regular,Arial,sans-serif}.card-class-cost-group .card-cost{color:#fff!important;display:block;font-size:24px;font-weight:700;left:50%;line-height:1;margin:0;pointer-events:none;position:absolute;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;top:50%;transform:translate(-50%,-42%);width:100%;z-index:2}.card-class-cost-group .card-cost.command-cost{color:#111!important;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff!important}.command-cost{color:#111!important;text-shadow:0 1px 2px #fff,0 -1px 2px #fff!important}.trait-dropdown{font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-family:var(--font-main);margin-left:0;margin-right:0;max-width:320px;min-width:220px;overflow:visible!important;position:relative;z-index:10}.select__control{font-size:1rem;min-height:36px}.select__multi-value{background:#d0e6f7;color:#222}.trait-dropdown .select__control,.trait-dropdown .select__menu,.trait-dropdown .select__multi-value__label,.trait-dropdown .select__option{background:#fff!important;color:#111!important}.trait-dropdown .select__option--is-selected{background:#d0e6f7!important;color:#111!important}.trait-dropdown .select__option--is-focused{background:#f0f8ff!important;color:#111!important}.add-attachment-button{align-items:center;background:#4fc3f7;border:none;border-radius:20%;color:#222;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;height:24px;justify-content:center;margin-left:8px;transition:background .2s;width:32px}.add-attachment-button:hover{background:#81d4fa}.add-common-command-button{align-items:center;background:#8e44ad;border:none;border-radius:0 8px 0 0;clip-path:polygon(0 0,100% 0,100% 100%,10% 100%);color:#fff;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem;font-weight:700;height:24px;justify-content:center;transition:background .2s;white-space:nowrap;width:80px}.add-common-command-button:hover{background:#b084cc}.army-name-field{align-items:center;display:flex;margin-bottom:10px;margin-top:8px}.army-name-input{border:1.5px solid #222;border-radius:6px;box-sizing:border-box;height:32px;margin:0;padding:0 10px}.army-name-input,.generate-army-name-button{font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem}.generate-army-name-button{background:#0074d9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font-main);font-weight:700;padding:2px 10px;transition:background .2s}.generate-army-name-button:hover{background:#005fa3}.faction-cycle-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;color:#222;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-family:var(--font-main);font-size:1.05rem;font-weight:700;gap:6px;height:32px;margin-right:0;padding:0 10px;transition:background .2s}.faction-cycle-button:hover{background:#d0e6f7}.faction-cycle-logo{display:inline-block;height:24px;vertical-align:middle;width:24px}.auto-filter-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1.05rem;font-weight:700;height:32px;justify-content:center;margin-right:0;padding:0 4px;text-align:center;transition:background .2s,color .2s;width:40px}.auto-filter-button .auto-active{background:#2ecc40;border-radius:4px;color:#fff;padding:1px 4px;transition:background .2s,color .2s}.auto-filter-button:hover{background:#e0eaff;transition:background .2s}.pt-filter-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1.05rem;font-weight:700;height:32px;justify-content:center;margin-right:0;padding:0 4px;text-align:center;transition:background .2s,color .2s;width:32px}.pt-filter-button .pt-active{background:#2ecc40;border-radius:4px;color:#fff;padding:1px 4px;transition:background .2s,color .2s}.pt-filter-button:hover{background:#e0eaff;transition:background .2s}.card-editor-inline{background:#e8e8e8;border:4px solid #c00;border-radius:12px;box-sizing:border-box;margin-left:0!important;margin-top:30px;padding:4px 12px 0 4px;width:100%}.card-editor-inline *{background:none;border:none!important}.id-input{text-align:center;width:48px}.cardgroup-select{width:120px}.card-editor-inline .select__input,.card-editor-inline .select__menu,.card-editor-inline .select__option,.card-editor-inline .select__placeholder,.card-editor-inline .select__single-value{background:#fff!important;color:#000!important;font-weight:700!important;opacity:1!important;text-shadow:none!important}.card-editor-inline .select__option--is-focused,.card-editor-inline .select__option--is-selected{background:#e0e0e0!important;color:#000!important}.card-editor-inline button,.card-editor-inline input,.card-editor-inline select{height:32px!important}.card-editor-inline button,.card-editor-inline input,.card-editor-inline select,.card-editor-inline textarea{box-sizing:border-box;font-family:Nesobrite Condensed Bold,Arial,sans-serif!important;font-size:1rem}.card-editor-inline .select__control{font-family:Nesobrite Condensed Bold,Arial,sans-serif!important;font-size:1rem;height:32px!important;min-height:32px!important}.card-editor-inline .select__value-container{height:32px!important;min-height:32px!important;padding-bottom:0!important;padding-top:0!important}.card-editor-inline .select__input{font-size:1rem;height:32px!important;min-height:32px!important}.card-editor-inline .select__multi-value__label,.card-editor-inline .select__single-value{font-size:1rem;line-height:32px!important}.card-editor-inline select{margin:0!important;padding:0 8px!important}.card-editor-inline .select__clear-indicator,.card-editor-inline .select__dropdown-indicator{height:18px!important;min-height:18px!important;padding:2px!important;width:18px!important}.card-editor-inline .select__clear-indicator svg,.card-editor-inline .select__dropdown-indicator svg{height:14px!important;width:14px!important}.card-editor-inline label{color:#222;display:block;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.card-editor-inline input[type=number],.card-editor-inline input[type=text],.card-editor-inline textarea{background:#fff;border:1.5px solid #aaa;border-radius:4px;box-shadow:0 1px 2px #0001;color:#222;font-size:1rem;padding:4px}.card-editor-inline input[type=checkbox]{accent-color:#c00}.card-editor-inline .form-row{align-items:left;display:flex;justify-content:flex-start;margin-bottom:8px;width:100%}.card-editor-inline button{background:#c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem;font-weight:700;padding:6px 16px;transition:background .2s,color .2s}.card-editor-inline button:hover{background:#a00;color:#fff}.card-editor-inline .select__control{background:#fff!important;border:1.5px solid #aaa!important;border-radius:4px!important;color:#222!important}.card-editor-title{color:#c00;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:2rem;letter-spacing:1px;margin-bottom:4px;margin-top:4px;padding:0;text-align:center}.card-editor-inline .form-row{gap:8px}.search-box{border:1.5px solid #222;border-radius:6px;box-sizing:border-box;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem;height:32px;line-height:32px;padding:0 10px;width:100px}.auto-filter-button,.faction-cycle-button{height:32px}.preview-panel{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:30px;max-width:none;min-width:0;padding-top:0;width:100%}.card-preview,.card-preview img{box-sizing:border-box}.card-preview{align-items:flex-start;aspect-ratio:300/465;background:#0000;border-radius:15px;box-shadow:0 2px 8px #0001;container-type:inline-size;display:flex;justify-content:flex-start;max-width:300px;min-width:200px;overflow:hidden;position:relative;width:100%}.ia-logo-top-container{justify-content:center;margin-top:0}.ia-logo-top-container .ia-logo-placeholder{background:#0000!important;display:block!important;height:auto!important;max-width:90%!important;position:static!important;width:90%!important}.card-preview img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card-preview.auxiliary img{height:100%!important}.card-preview .card-placeholder{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.card-preview .card-placeholder h3{font-size:1.5rem;margin:0 0 10px}.card-preview .card-placeholder p{color:#666;font-size:1rem;margin:0}.army-list-button{align-items:center;border:1.5px solid #222;border-radius:6px;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem;height:32px;justify-content:center;margin:0;padding:0 8px}.save-button{background:#007bff;color:#fff}.save-button:hover{background:#0056b3}.load-button{background:#ffc107;color:#212529}.load-button:hover{background:#e0a800}.card-editor-button{background:#6e6e6e;color:#fff}.card-editor-button:hover{background:#5a5a5a}.clear-button{background:#dc3545;color:#fff}.clear-button:hover{background:#c82333}.list-section,.selected-cards{min-height:50px}.selected-cards{box-sizing:border-box;margin-left:0!important;padding:0 12px 0 0;width:100%}.card-class-cost-group{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:none;min-width:0;position:relative}.card-class-cost-group .card-class-icon{position:relative;z-index:1}.list-section,.selected-cards{box-sizing:border-box;margin-left:0!important;padding-left:0!important;padding-right:0!important;width:100%}.ia-logo-top-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.ia-logo-top-container .ia-logo-placeholder{display:block;height:auto;margin-bottom:8px;max-width:90%;width:auto}.skirmish-title{color:#fff;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:clamp(1.5rem,6vw,3rem);font-weight:700;margin-bottom:0;padding-bottom:2px;position:relative;text-align:center;text-shadow:0 2px 8px #222,0 1px 0 #000;width:100%}.colored-line{background:linear-gradient(90deg,#0000,red,#0074d9,#0000);border-radius:1px;box-shadow:0 0 8px #ffffff80;height:2px;margin:8px 0;width:80%}.skirmish-title:after{background:none;bottom:0;box-shadow:none;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.author-credit{box-sizing:border-box;color:#fff;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1.5rem;font-style:italic;font-weight:400;margin-top:2px;padding-right:32px;text-align:right;text-shadow:0 2px 8px #222,0 1px 0 #000;width:100%}.card-art-bg{position:absolute}@media (max-width:850px) and (min-width:601px){.main-content{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.left-panel{grid-row:1}.left-panel,.preview-panel{align-self:start;grid-column:1}.preview-panel{grid-row:2;margin:8px 0}.right-panel{grid-column:2;grid-row:1/span 2}.left-panel,.right-panel{max-width:none}.cards-container{height:auto;max-height:250px}.card-preview{margin-left:auto;margin-right:auto;max-width:250px}}@media (max-width:600px){.main-content{gap:8px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.left-panel{order:1}.preview-panel{margin:8px 0;order:2}.right-panel{order:3}.left-panel,.right-panel{max-width:none}.cards-container{height:auto;max-height:300px}.card-preview{margin-left:auto;margin-right:auto;max-width:200px}}.password-prompt-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-prompt{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;width:300px}.password-prompt h3{margin-bottom:20px;margin-top:0;text-align:center}.password-prompt input{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:8px;width:100%}.password-prompt .error-message{color:red;margin-bottom:15px;text-align:center}.password-prompt .button-group{display:flex;gap:10px;justify-content:space-between}.password-prompt button{border:none;border-radius:4px;cursor:pointer;flex:1 1;padding:8px}.password-prompt button[type=submit]{background-color:#4caf50;color:#fff}.password-prompt button[type=button]{background-color:#f44336;color:#fff}.section-title-box{align-items:center;background:#888;border-radius:0 12px 0 0;box-shadow:0 1px 4px #0002;clip-path:polygon(0 0,95% 0,100% 100%,0 100%);color:#fff;display:flex;margin:2px 0 0;max-width:100%;min-height:20px;padding:2px 2px 2px 4px;text-align:left;width:133px}.section-title-box,.section-title-box span{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.section-title-box span{margin-right:4px;text-transform:uppercase}.ia-logo-top-container hr{border:0;border-top:1.5px solid #fff;margin:8px 0;opacity:.5;width:80%}.card-preview.empty{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.trait-filters{display:inline-block;position:relative}.traits-button{align-items:center;background:#fff;border:1.5px solid #222;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Nesobrite Condensed Bold,Arial,sans-serif;font-size:1rem;font-weight:700;height:32px;justify-content:center;margin-right:0;padding:0 4px;text-align:center;text-transform:uppercase;transition:background .2s,color .2s;width:50px}.traits-button .active{background:#2ecc40;border-radius:4px;color:#fff;padding:1px 4px;transition:background .2s,color .2s}.traits-button:hover{background:#e0eaff;transition:background .2s}.trait-grid-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;left:50%;position:absolute;top:calc(100% + 4px);transform:translateX(-50%);z-index:1000}.trait-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,32px);padding:2px}.trait-button{align-items:center;background:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:2px;transition:all .2s ease;width:32px}.trait-button:hover{background:#444;border-color:#999}.trait-button.selected{background:#2ecc40;border-color:#2ecc40}.trait-button img{filter:brightness(0) invert(1);height:20px;object-fit:contain;width:20px}.trait-button[title]{position:relative}.trait-button[title]:hover:after{background:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:4px;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}
/*# sourceMappingURL=main.c053f45a.css.map*/