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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{color:#e0e0e0;min-height:100vh}.App-header{background:linear-gradient(135deg,#16213e,#1a1a2e);border-bottom:2px solid #d4af37;padding:1rem;text-align:center}.App-header h1{color:#d4af37;font-size:1.5rem;margin:0;text-shadow:2px 2px 4px #00000080}.subtitle{color:#a0a0a0;font-size:.85rem;margin:.25rem 0 0}.calculator{margin:0 auto;max-width:1600px;padding:1rem}.main-layout{align-items:stretch;display:flex;gap:1.5rem}.skills-column{flex:1 1;min-width:400px}.unlocks-columns{grid-gap:.75rem;display:grid;flex-shrink:0;gap:.75rem;grid-template-columns:repeat(3,1fr);width:900px}.total-points{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:2px solid #d4af37;border-radius:8px;box-shadow:0 4px 15px #0000004d;display:flex;gap:2rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;position:relative}.points-row{align-items:center;display:flex;flex-direction:column}.points-row.spent .points-value{color:#ff6b6b;font-size:1.25rem}.points-row.remaining .points-value{color:#51cf66;font-size:1.5rem}.points-row.remaining .points-value.negative{color:#ff6b6b}.points-row.breach{align-items:center;display:flex;flex-direction:column}.breach-input{background:#1a1a2e;border:1px solid #4a4a6a;border-radius:4px;color:#51cf66;font-size:1rem;font-weight:700;padding:.25rem;text-align:center;width:70px}.breach-input:focus{border-color:#d4af37;outline:none}.points-label{color:#a0a0a0;font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.points-value{color:#d4af37;font-size:1.25rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.quick-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.quick-actions button{background:linear-gradient(135deg,#3d3d5c,#2d2d44);border:1px solid #4a4a6a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.quick-actions button:hover{background:linear-gradient(135deg,#4a4a6a,#3d3d5c);border-color:#d4af37;transform:translateY(-2px)}.skills-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:1rem}.skill-card{align-items:center;background:linear-gradient(135deg,#2d2d44,#1e1e30);border:1px solid #3d3d5c;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .15s ease}.skill-card:hover{border-color:#d4af37}.skill-icon{height:24px;image-rendering:pixelated;width:24px}.skill-name{color:silver;font-size:.7rem;text-align:center}.skill-input{background:#1a1a2e;border:1px solid #4a4a6a;border-radius:4px;color:#fff;font-size:.9rem;padding:.25rem;text-align:center;transition:border-color .2s ease;width:50px}.skill-input:focus{border-color:#d4af37;outline:none}.skill-input::-webkit-inner-spin-button,.skill-input::-webkit-outer-spin-button{opacity:1}.skill-points{color:#d4af37;font-size:.65rem;font-weight:500}.unlocks-container{margin:1.5rem 0}.unlocks-container h2{color:#d4af37;font-size:1.1rem;margin:0 0 1rem;text-align:center}.unlock-section{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:1px solid #3d3d5c;border-radius:6px;display:flex;flex-direction:column;height:100%;padding:.75rem}.unlock-section h3{color:silver;font-size:.85rem;justify-content:space-between;margin:0 0 .5rem}.section-cost{color:#ff6b6b;font-size:.8rem}.unlock-grid{column-gap:.3rem;columns:90px;flex:1 1}.unlock-item{align-items:center;background:#1a1a2e;border:1px solid #3d3d5c;border-radius:4px;break-inside:avoid;cursor:pointer;display:flex;font-size:.75rem;gap:.4rem;margin-bottom:.3rem;padding:.3rem .5rem;page-break-inside:avoid;transition:all .15s ease}.unlock-item:hover{border-color:#5a5a7a}.unlock-item.selected{background:#2a2a3e;border-color:#d4af37}.unlock-item input[type=checkbox]{accent-color:#d4af37;cursor:pointer;height:14px;margin:0;width:14px}.unlock-name{color:#e0e0e0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unlock-cost{color:#a0a0a0;font-size:.7rem;white-space:nowrap}.formula-info{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:1px solid #3d3d5c;border-radius:6px;font-size:.8rem;padding:.75rem 1rem}.formula-info h3{color:#d4af37;font-size:.9rem;margin:0 0 .5rem;text-align:center}.formula-info ul{color:#a0a0a0;margin:0;padding-left:1.25rem}.formula-info li{margin-bottom:.2rem}.import-export-buttons{display:flex;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.export-btn,.import-btn{background:linear-gradient(135deg,#2d5a2d,#1e3d1e);border:1px solid #3d7a3d;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.export-btn:hover,.import-btn:hover{background:linear-gradient(135deg,#3d7a3d,#2d5a2d);border-color:#51cf66}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:2px solid #d4af37;border-radius:10px;max-width:500px;padding:1.5rem;width:90%}.modal.modal-small{max-width:350px;text-align:center}.modal h2{color:#d4af37;margin:0 0 .5rem}.modal p{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem}.modal textarea{background:#1a1a2e;border:1px solid #4a4a6a;border-radius:6px;box-sizing:border-box;color:#fff;font-family:monospace;font-size:.85rem;padding:.75rem;resize:vertical;width:100%}.modal textarea:focus{border-color:#d4af37;outline:none}.import-error{color:#ff6b6b;font-size:.85rem;margin:.5rem 0 0}.modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.modal-small .modal-buttons{justify-content:center}.modal-buttons button{border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.cancel-btn{background:linear-gradient(135deg,#3d3d5c,#2d2d44);border:1px solid #4a4a6a;color:#e0e0e0}.cancel-btn:hover{background:linear-gradient(135deg,#4a4a6a,#3d3d5c)}.confirm-btn{background:linear-gradient(135deg,#2d5a2d,#1e3d1e);border:1px solid #3d7a3d;color:#e0e0e0}.confirm-btn:hover{background:linear-gradient(135deg,#3d7a3d,#2d5a2d);border-color:#51cf66}@media (max-width:1400px){.main-layout{flex-direction:column}.skills-column{min-width:0;width:100%}.unlocks-columns{width:100%}}@media (max-width:700px){.unlocks-columns{grid-template-columns:1fr}.unlock-grid{column-width:140px}}@media (max-width:600px){.App-header h1{font-size:1.25rem}.calculator{padding:.5rem}.total-points{flex-direction:row;gap:1rem;padding:.5rem}.points-row.remaining .points-value,.points-row.spent .points-value,.points-value{font-size:1rem}.skills-grid{gap:.4rem;grid-template-columns:repeat(3,1fr)}.skill-card{padding:.4rem}.skill-name{font-size:.65rem}.quick-actions{flex-wrap:wrap}.unlock-grid{grid-template-columns:repeat(2,1fr)}.unlock-item{font-size:.7rem;padding:.25rem .4rem}}.tab-buttons{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.tab-buttons button{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:1px solid #3d3d5c;border-radius:6px 6px 0 0;color:#a0a0a0;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s ease}.tab-buttons button:hover{background:linear-gradient(135deg,#3d3d5c,#2d2d44);color:#e0e0e0}.tab-buttons button.active{background:linear-gradient(135deg,#3d3d5c,#2d2d44);border-color:#d4af37 #d4af37 #0000;color:#d4af37}.tab-content{background:linear-gradient(135deg,#2d2d44,#1e1e30);border:1px solid #3d3d5c;border-radius:0 6px 6px 6px;min-height:300px;padding:.75rem}.tab-total{background:#1a1a2e;border-radius:4px;color:#d4af37;font-size:.9rem;font-weight:700;margin-top:.75rem;padding:.5rem;text-align:center}.simple-input-tab{padding:1rem;text-align:center}.simple-input-tab h3{color:#d4af37;font-size:1rem;margin:0 0 .25rem}.simple-input-tab p{color:#a0a0a0;font-size:.8rem;margin:0 0 1rem}.input-row{align-items:center;display:flex;gap:.75rem;justify-content:center}.input-row label{color:silver;font-size:.9rem}.input-row input{background:#1a1a2e;border:1px solid #4a4a6a;border-radius:4px;color:#fff;font-size:1rem;padding:.4rem;text-align:center;width:80px}.input-row input:focus{border-color:#d4af37;outline:none}.tier-input-tab h3{color:#d4af37;font-size:1rem;margin:0 0 .25rem;text-align:center}.tier-input-tab p{color:#a0a0a0;font-size:.8rem;margin:0 0 .75rem;text-align:center}.tier-grid{display:flex;flex-direction:column;gap:.4rem}.tier-row{align-items:center;background:#1a1a2e;border:1px solid #3d3d5c;border-radius:4px;display:flex;gap:.5rem;padding:.4rem .6rem}.tier-name{color:silver;flex:1 1;font-size:.85rem}.tier-row input{background:#2d2d44;border:1px solid #4a4a6a;border-radius:4px;color:#fff;font-size:.85rem;padding:.3rem;text-align:center;width:60px}.tier-row input:focus{border-color:#d4af37;outline:none}.tier-points{color:#d4af37;font-size:.8rem;font-weight:500;min-width:60px;text-align:right}.boss-input-tab h3{color:#d4af37;font-size:1rem;margin:0 0 .25rem;text-align:center}.boss-input-tab p{color:#a0a0a0;font-size:.8rem;margin:0 0 .75rem;text-align:center}.boss-grid{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:400px;overflow-y:auto}.boss-row{align-items:center;background:#1a1a2e;border:1px solid #3d3d5c;border-radius:4px;display:flex;font-size:.75rem;gap:.4rem;padding:.3rem .5rem}.boss-name{color:silver;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-pts{color:#a0a0a0;font-size:.7rem;min-width:35px}.boss-row input{background:#2d2d44;border:1px solid #4a4a6a;border-radius:4px;color:#fff;font-size:.8rem;padding:.2rem;text-align:center;width:45px}.boss-row input:focus{border-color:#d4af37;outline:none}.boss-total{color:#d4af37;font-size:.75rem;font-weight:500;min-width:45px;text-align:right}.boss-grid::-webkit-scrollbar{width:8px}.boss-grid::-webkit-scrollbar-track{background:#1a1a2e;border-radius:4px}.boss-grid::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.boss-grid::-webkit-scrollbar-thumb:hover{background:#5a5a7a}@media (max-width:600px){.tab-buttons{justify-content:center}.tab-buttons button{font-size:.7rem;padding:.3rem .5rem}.boss-grid{grid-template-columns:1fr}}.global-reset-container{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.global-reset-btn{background:linear-gradient(135deg,#5a2d2d,#3d1e1e);border:1px solid #7a3d3d;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.global-reset-btn:hover{background:linear-gradient(135deg,#7a3d3d,#5a2d2d);border-color:#ff6b6b}.tab-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.25rem}.tab-header h3{color:#d4af37;font-size:1rem;margin:0}.tab-reset-btn{background:linear-gradient(135deg,#5a2d2d,#3d1e1e)!important;border:1px solid #7a3d3d!important;border-radius:4px!important;color:#e0e0e0!important;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .2s ease}.tab-reset-btn:hover{background:linear-gradient(135deg,#7a3d3d,#5a2d2d);border-color:#ff6b6b}.section-reset-btn{background:linear-gradient(135deg,#5a2d2d,#3d1e1e);border:1px solid #7a3d3d;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.65rem;margin-left:auto;padding:.2rem .4rem;transition:all .2s ease}.section-reset-btn:hover{background:linear-gradient(135deg,#7a3d3d,#5a2d2d);border-color:#ff6b6b}.unlock-section h3{align-items:center;display:flex;gap:.5rem}@media (max-width:600px){.global-reset-container{position:static;transform:none}}
/*# sourceMappingURL=main.d2870f7a.css.map*/