.calculator-container{margin:0 auto;max-width:1200px;padding:1rem}.page-title{color:var(--highlight-color);margin-bottom:2rem;text-align:center}.calculator-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem}.results-panel,.skill-input-panel{background:var(--card-bg);border-radius:.5rem;box-shadow:0 2px 10px var(--shadow-color);flex:1;margin-bottom:1rem;min-width:300px;padding:1.25rem}.panel-heading-container{align-items:center;display:flex;justify-content:space-between;width:100%}.panel-heading{border-bottom:1px solid var(--border-color);color:var(--highlight-color);margin-bottom:1.25rem;margin-top:0;padding-bottom:.75rem;width:100%}.back-to-skills-btn{margin-left:auto}.selected-skill-name{flex:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.search-section{margin-bottom:1.5rem}.search-wrapper{align-items:center;background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:.5rem;display:flex;height:2.5rem;overflow:hidden;position:relative;width:100%}.search-icon{color:var(--highlight-color);font-size:.9rem;left:.75rem;position:absolute}#skill-search{background:transparent;border:none;color:var(--text-color);font-size:.9rem;padding:.5rem 2rem .5rem 2.2rem;width:100%}#skill-search::placeholder{color:rgba(233,236,239,.6)}#skill-search:focus{outline:none}.clear-search{color:var(--text-color);cursor:pointer;font-size:.9rem;opacity:0;position:absolute;right:.75rem;transition:opacity .3s ease}.clear-search.visible{opacity:1}.skills-simple-container{background:rgba(26,26,46,.3);border-radius:.5rem;display:flex;flex-direction:column;height:auto!important;max-height:500px;min-height:0;overflow-y:auto}.skills-grid-layout{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:.75rem;width:100%}.skill-simple-card{background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;height:6.5rem;justify-content:center;overflow:hidden;padding:.75rem;position:relative;text-align:center;transition:all .2s ease}.skill-simple-card:hover{background:rgba(36,36,66,.6);border-color:var(--highlight-color);box-shadow:0 0 15px var(--highlight-color),0 0 5px rgba(77,128,228,.5);transform:translateY(-5px)}.skill-simple-content{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;width:100%}.skill-simple-name{color:var(--highlight-color);font-size:.9rem;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;margin-bottom:.4rem}.skill-simple-buff,.skill-simple-name{line-height:1.2;word-break:normal;word-wrap:break-word;hyphens:auto}.skill-simple-buff{color:var(--text-color);font-size:.8rem;font-size:clamp(.7rem,2vw,.8rem);max-height:3.6rem;opacity:.8}.selected-skill-view{animation:fadeIn .3s ease-in;background:var(--card-bg);border-radius:.5rem;box-shadow:0 2px 8px var(--shadow-color);box-sizing:border-box;height:auto;margin:0 auto;max-width:1200px;overflow:visible;padding:1rem;transition:all .3s ease;width:100%}.selected-skill-header{align-items:flex-start;display:flex;justify-content:space-between}.selected-skill-layout{display:flex;flex-wrap:wrap;gap:1rem}.selected-skill-content{flex:1;min-width:300px;text-align:left}.results-container{display:flex;flex:1;flex-direction:column;gap:1rem;margin-top:0;min-width:300px}.upgrade-results{display:flex;flex-direction:column;height:100%;margin-top:0!important}.upgrade-results:not(.hidden){display:flex}.back-to-skills-btn{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;color:var(--highlight-color);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.back-to-skills-btn i{margin-right:.5rem}.back-to-skills-btn:hover{background:var(--highlight-color);color:var(--card-bg);transform:translateY(-2px)}.selected-skill-name{color:var(--highlight-color);font-size:1.3rem;margin-bottom:.5rem}.skill-selectors-container{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.level-selectors,.percentage-container,.tier-selector{background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:.5rem;flex:1;margin:0;min-width:250px;padding:.75rem}.percentage-field{display:flex;flex-direction:column;position:relative}.percentage-field label{color:var(--text-color);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-right:.75rem}.percentage-input{appearance:textfield;-moz-appearance:textfield;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-color);font-size:.9rem;padding:.5rem 2rem .5rem .5rem;width:100%}.percentage-input::-webkit-inner-spin-button,.percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percentage-input:hover{border-color:var(--highlight-color)}.percentage-input:focus{box-shadow:0 0 0 2px rgba(77,128,228,.3);outline:none}.percentage-symbol{bottom:.5rem;color:var(--text-color);font-size:.9rem;position:absolute;right:.75rem}.level-selectors label,.tier-selector label{color:var(--text-color);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-right:.75rem}.level-selector-group{align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:space-between!important;width:100%!important}.level-select-wrapper{flex:1!important;min-width:100px!important;position:relative!important}.level-direction-arrow{align-items:center!important;color:var(--highlight-color)!important;display:flex!important;flex-shrink:0!important;font-size:2rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;line-height:1!important;margin-top:1.5rem!important;padding:0 1rem!important;width:40px!important}.level-direction-arrow i{font-style:normal!important}.level-select,.skill-tier-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.2em;border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-color);cursor:pointer;font-size:.9rem;margin-right:1rem;padding:.5rem 2rem .5rem .5rem;position:relative;transition:background-position .3s ease,border-color .2s ease;width:100%}.level-select:hover,.skill-tier-select:hover{border-color:var(--highlight-color)}.level-select:focus,.skill-tier-select:focus{box-shadow:0 0 0 2px rgba(77,128,228,.3);outline:none}.level-select.select-open,.skill-tier-select.select-open{background-image:url("data:image/svg+xml;utf8,<svg fill='%234d80e4' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 14l5-5 5 5z'/></svg>");border-color:var(--highlight-color)}@-moz-document url-prefix(){.level-select,.skill-tier-select{padding-right:2rem;text-indent:.01px;text-overflow:""}}.level-select::-ms-expand,.skill-tier-select::-ms-expand{display:none}.calculate-button{background:var(--highlight-color);border:none;border-radius:.5rem;box-shadow:0 2px 5px var(--shadow-color);color:var(--card-bg);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .3s ease;width:100%}.calculate-button:hover{background:#6993e8;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.calculate-button:active{transform:translateY(0)}.upgrade-results{background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:.5rem;margin-top:1rem;opacity:0;padding:1rem;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.upgrade-results.hidden{display:none}.upgrade-results:not(.hidden){opacity:1;transform:translateY(0)}.results-header{align-items:center;border-bottom:1px solid var(--border-color);color:var(--highlight-color);display:flex;flex-wrap:nowrap;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.skill-count{background-color:rgba(77,128,228,.3);border-radius:.3rem;color:var(--text-color);flex-shrink:0;font-size:.85rem;margin-left:.5rem;padding:.2rem .5rem;white-space:nowrap}.results-resources{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:1rem}.resource-item{align-items:center;background:rgba(45,64,89,.4);border:1px solid var(--border-color);border-radius:.4rem;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem}.resource-icon{height:24px;margin-bottom:0;margin-right:.5rem;width:24px}.resource-amount{color:var(--highlight-color);flex-grow:1;font-size:.9rem;font-weight:600;text-align:right;white-space:nowrap}.results-time{background:rgba(45,64,89,.4);border:1px solid var(--border-color);border-radius:.4rem;margin-top:1rem;padding:.75rem}.time-label{color:var(--text-color);margin-right:.5rem}.time-value{color:var(--highlight-color);font-weight:600}.results-panel{background:var(--card-bg);border-radius:.5rem;overflow:hidden}.results-placeholder{color:var(--text-color);opacity:.6;padding:2rem 0;text-align:center}.results-content{min-height:300px}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.add-upgrade-btn,.copy-summary-btn,.reset-calculations-btn{background:transparent;border:1px solid var(--border-color);border-radius:.4rem;color:var(--highlight-color);cursor:pointer;flex:1;font-size:.85rem;min-width:fit-content;padding:.5rem .75rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.add-upgrade-btn:active,.add-upgrade-btn:focus,.copy-summary-btn:active,.copy-summary-btn:focus,.reset-calculations-btn:active,.reset-calculations-btn:focus{opacity:1!important;outline:none;visibility:visible!important}.reset-calculations-btn{background-color:rgba(220,53,69,.1);border-color:rgba(220,53,69,.3);color:#dc3545}.reset-calculations-btn:hover{background-color:rgba(220,53,69,.9)!important;color:#fff!important}.add-upgrade-btn:hover,.copy-summary-btn:hover{background:var(--highlight-color);color:var(--card-bg)}.skills-list{background:rgba(45,64,89,.4);border:1px solid var(--border-color);border-radius:.4rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:140px;overflow-y:auto;padding:.75rem;scrollbar-color:var(--highlight-color) rgba(26,26,46,.3);scrollbar-width:thin}.skills-list::-webkit-scrollbar{width:6px}.skills-list::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:4px}.skills-list::-webkit-scrollbar-track{background:rgba(26,26,46,.3);border-radius:4px}.skill-item{align-items:center;display:flex;justify-content:space-between;min-height:2.5rem;padding:.25rem 0;position:relative}.skill-item:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:.5rem}.skill-item-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0;padding:0}.skill-item-name{color:var(--text-color);font-size:.9rem;line-height:1.1;margin-bottom:.1rem}.skill-item-buff{color:var(--highlight-color);font-size:.7rem;font-style:italic;line-height:1.1;margin-top:0;opacity:.85}.skill-item-levels{color:var(--highlight-color);font-size:.85rem;font-weight:600;margin:0 .75rem;white-space:nowrap}.skill-remove-btn{align-items:center;background:rgba(255,60,60,.2);border:none;border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.skill-remove-btn:hover{background:rgba(255,60,60,.5);color:#fff;transform:scale(1.1)}.research-center-req{background:rgba(26,26,46,.3);border-radius:.4rem;font-size:.9rem;margin-top:1rem;padding:.5rem;text-align:center}.skills-simple-container:only-child{height:auto!important;min-height:200px}.selected-skill-view+.skills-simple-container{margin-bottom:0!important;padding-bottom:0!important}.requirements-list{background:rgba(45,64,89,.4);border:1px solid var(--border-color);border-radius:.4rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.requirement-item{align-items:center;display:flex;justify-content:space-between}.requirement-name{color:var(--text-color);font-size:.9rem}.requirement-level{color:var(--highlight-color);font-weight:600}.buff-info{align-items:center;background:rgba(45,64,89,.4);border:1px solid var(--border-color);border-radius:.4rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.buff-name{color:var(--text-color);font-size:.9rem}.buff-amount{color:var(--highlight-color);font-size:1rem;font-weight:600}.results-subheader{color:var(--text-color);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.category-filter{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(26,26,46,.95);border-bottom:1px solid var(--border-color);gap:.75rem;margin-bottom:.75rem;position:sticky;top:0;z-index:10}.category-card,.category-filter{border-radius:.5rem;display:flex;padding:.75rem}.category-card{align-items:center;background:rgba(45,64,89,.4);border:1px solid var(--border-color);cursor:pointer;flex:1;flex-direction:column;justify-content:center;min-width:80px;transition:all .2s ease}.category-card:hover{background:rgba(77,128,228,.2);transform:translateY(-2px)}.category-card.active{background:rgba(77,128,228,.3);border-color:var(--highlight-color);box-shadow:0 0 10px rgba(77,128,228,.3)}.category-icon{color:var(--highlight-color);font-size:1.5rem;margin-bottom:.5rem}.category-name{color:var(--text-color);font-size:.9rem;font-weight:600}@media (max-width:768px){.calculator-wrapper{flex-direction:column;padding-bottom:3.125rem}.skill-selectors-container{flex-direction:column;gap:.75rem}.level-selectors,.tier-selector{width:100%}.selected-skill-layout{flex-direction:column;width:100%}.results-container,.selected-skill-content{box-sizing:border-box;min-width:auto;padding:0;width:100%}.upgrade-results{margin-top:1rem!important}.calculator-container{max-width:100%;padding:.75rem;width:100%}.results-panel,.skill-input-panel{box-sizing:border-box;margin-left:0;margin-right:0;min-width:100%;width:100%}.results-resources{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.results-header{font-size:1rem}.skill-count{font-size:.8rem;padding:.15rem .4rem}.category-filter{padding:.5rem}.category-card{min-width:70px;padding:.5rem}.category-icon{font-size:1.25rem}.category-name{font-size:.8rem}.selected-skill-view{box-sizing:border-box;max-width:100%;overflow:hidden;padding:.75rem;width:100%}.level-selectors,.percentage-container,.tier-selector{box-sizing:border-box;min-width:100%;width:100%}.skill-selectors-container{margin:.75rem 0;padding:0}.level-selector-group{width:100%!important}.level-direction-arrow{font-size:1.5rem!important;padding:0 .5rem!important;width:20px!important}.level-select-wrapper{min-width:0!important}.add-upgrade-btn:hover,.back-to-skills-btn:hover,.category-card:hover,.copy-summary-btn:hover,.level-select:hover,.percentage-input:hover,.skill-remove-btn:hover,.skill-simple-card:hover,.skill-tier-select:hover{background-color:rgba(220,53,69,0);border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.calculate-button:hover{background-color:#6993e8}.category-card.active{background-color:rgba(77,128,228,.3)!important;border-color:var(--highlight-color)!important}.add-upgrade-btn:active,.add-upgrade-btn:focus,.back-to-skills-btn:active,.back-to-skills-btn:focus,.calculate-button,.calculate-button:active,.calculate-button:focus,.copy-summary-btn:active,.copy-summary-btn:focus,.reset-calculations-btn:active,.reset-calculations-btn:focus{opacity:1!important;transition:background-color .2s ease!important;visibility:visible!important}.calculate-button:active{background:#6993e8!important;color:var(--card-bg)!important}.add-upgrade-btn:active,.back-to-skills-btn:active,.copy-summary-btn:active{background:var(--highlight-color)!important;color:var(--card-bg)!important}.reset-calculations-btn:active{background-color:rgba(220,53,69,.9)!important;color:#fff!important}.add-upgrade-btn,.add-upgrade-btn:active,.add-upgrade-btn:focus,.copy-summary-btn,.copy-summary-btn:active,.copy-summary-btn:focus{color:var(--highlight-color)!important}.reset-calculations-btn,.reset-calculations-btn:focus{color:#dc3545!important}.selected-skill-content{padding-bottom:0}.calculate-button-container{background:transparent;bottom:15px;margin-bottom:1rem;margin-top:1rem;position:sticky;width:100%;z-index:100}.calculate-button{box-shadow:0 4px 12px rgba(0,0,0,.3);display:block;max-width:100%;opacity:1!important;position:relative;visibility:visible!important;width:100%}.back-to-skills-btn{font-size:.8rem;padding:.3rem .6rem}.selected-skill-name{font-size:1.1rem}.percentage-vp-container{align-items:stretch;flex-direction:row;gap:.5rem}.percentage-vp-container .percentage-container{flex:auto;width:60%}.percentage-vp-container .vp-container{flex:none;min-width:unset;padding:.4rem;width:calc(40% - .5rem)}.vp-field{justify-content:center}.vp-field label{font-size:.75rem;margin-left:.15rem}.percentage-field label,.vp-field label{font-size:.75rem;margin-bottom:.3rem}.percentage-input{font-size:.85rem;padding:.4rem 1.5rem .4rem .4rem}.percentage-symbol{bottom:.4rem;font-size:.8rem;right:.5rem}.percentage-container{min-width:0}}@media (max-width:576px){.calculator-container{padding:.5rem}.panel-heading{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.results-panel,.skill-input-panel{padding:1rem}.results-resources{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.resource-amount{font-size:.8rem}body{padding-top:3.5rem}.skill-simple-card{height:7rem}.category-filter{gap:.5rem;padding:.4rem}.category-card{min-width:60px;padding:.4rem}.category-icon{margin-bottom:.3rem}.selected-skill-view{padding:.5rem}.selected-skill-name{font-size:1.1rem}.level-direction-arrow{margin-top:1.25rem!important;padding:0 .3rem!important}}@media (max-width:360px){.calculator-container{padding:.25rem}.results-panel,.skill-input-panel{padding:.75rem}.results-resources{gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.resource-item{padding:.4rem}.resource-icon{height:18px;margin-right:.3rem;width:18px}.percentage-vp-container{gap:.3rem}.percentage-vp-container .percentage-container{width:55%}.percentage-vp-container .vp-container{padding:.3rem;width:calc(45% - .3rem)}.vp-checkbox{height:.9rem;width:.9rem}.vp-field label{font-size:.7rem}.percentage-field label{font-size:.7rem;margin-bottom:.25rem}.percentage-input{font-size:.8rem;padding:.35rem 1.3rem .35rem .35rem}}.percentage-vp-container{display:flex;gap:1rem;width:100%}.percentage-vp-container .percentage-container{flex:3}.percentage-vp-container .vp-container{align-items:center;background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex:1;margin:0;padding:.75rem}.vp-field{align-items:center;gap:8px;justify-content:center;width:100%}.vp-checkbox{cursor:pointer;flex-shrink:0;height:1rem;width:1rem}.vp-field label{font-size:.9rem;margin-left:.25rem;white-space:nowrap}@media (max-width:768px){.percentage-vp-container{align-items:stretch;flex-direction:row;gap:.5rem}.percentage-vp-container .percentage-container{flex:auto;width:60%}.percentage-vp-container .vp-container{flex:none;min-width:unset;padding:.4rem;width:calc(40% - .5rem)}.vp-field{gap:0;justify-content:center}.vp-field label{font-size:.75rem;margin-left:.15rem}.percentage-field label,.vp-field label{font-size:.75rem;margin-bottom:.3rem}.percentage-input{font-size:.85rem;padding:.4rem 1.5rem .4rem .4rem}.percentage-symbol{bottom:.4rem;font-size:.8rem;right:.5rem}}@media (max-width:375px){.percentage-vp-container{gap:.3rem}.percentage-vp-container .percentage-container{width:55%}.percentage-vp-container .vp-container{padding:.3rem;width:calc(45% - .3rem)}.vp-checkbox{height:.9rem;width:.9rem}.vp-field label{font-size:.7rem}.percentage-field label{font-size:.7rem;margin-bottom:.25rem}.percentage-input{font-size:.8rem;padding:.35rem 1.3rem .35rem .35rem}}.vp-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.2em;border:1px solid var(--border-color);border-radius:.3rem;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 2rem .5rem .5rem;position:relative;transition:background-position .3s ease,border-color .2s ease;width:100%}.vp-dropdown:hover{border-color:var(--highlight-color)}.vp-dropdown:focus{box-shadow:0 0 0 2px rgba(77,128,228,.3);outline:none}.vp-dropdown.select-open{background-image:url("data:image/svg+xml;utf8,<svg fill='%234d80e4' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 14l5-5 5 5z'/></svg>");border-color:var(--highlight-color)}.vp-field{display:flex;flex-direction:column}.vp-field label{color:var(--text-color);display:block;font-weight:500;margin-right:.75rem}