main{align-items:flex-start;display:flex;justify-content:center;padding:20px;z-index:2}.content-wrapper{margin:0 auto;padding:0 15px;z-index:1}.content-wrapper,.search-container{max-width:600px;position:relative;width:100%}.search-container{backdrop-filter:blur(10px);background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);margin:20px auto;padding:15px;transition:transform .3s ease;z-index:1020}.search-container:hover{transform:translateY(-2px)}.search-header{align-items:center;display:flex;gap:10px;position:relative;width:100%}.search-input-wrapper{display:flex;flex:1;flex-direction:column;position:relative}#stateSearch{appearance:textfield;-moz-appearance:textfield;background:hsla(0,0%,100%,.05);border:2px solid var(--border-color);color:var(--text-color);font-size:1.1rem;padding:1rem 3.5rem 1rem 1.5rem;position:relative;transition:all .3s ease;width:100%;z-index:2}#stateSearch,#stateSearch:not(:focus){border-radius:8px}#stateSearch:focus{box-shadow:none;outline:none}#stateSearch:focus:not(:placeholder-shown),.suggestions-list.visible+#stateSearch{border-bottom-color:transparent;border-radius:8px 8px 0 0}#stateSearch::-webkit-inner-spin-button,#stateSearch::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.update-button{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px;z-index:3}.update-button[data-disabled=true]{background:var(--border-color);cursor:pointer;opacity:.7;pointer-events:auto}.update-button .update-icon{display:inline-block;font-size:20px;transition:transform .3s ease}.update-button:not([data-disabled=true]):hover .update-icon{transform:rotate(180deg)}.update-button.updating .update-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suggestions-list{backdrop-filter:blur(5px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;box-sizing:border-box;left:0;margin:-2px 0 0;max-height:300px;opacity:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:none;position:absolute;scroll-behavior:smooth;top:100%;transform:translateY(-2px);transition:all .3s ease-in-out;width:100%;z-index:1021}.suggestions-list.visible{box-shadow:0 4px 8px rgba(0,0,0,.1);opacity:1;pointer-events:auto;transform:translateY(0)}.suggestion{cursor:pointer;padding:.8rem 1.5rem;transition:all .2s ease;z-index:1020}.suggestion:hover{background-color:#f0f0f0}.suggestion.selected{background-color:#e0e0e0;color:#000}.suggestion.selected,.suggestion:hover{background:var(--accent-color);color:#fff}.suggestion.no-match{color:var(--text-color);cursor:default;font-style:italic;opacity:.7}.suggestion.no-match:hover{background:none;color:var(--text-color)}.state-info{backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.8);border:2px solid #ddd;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:none;font-family:Arial,sans-serif;max-width:100%;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;width:100%;word-wrap:break-word;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);margin:2rem auto;max-height:none;max-width:900px;opacity:0;overflow:visible;padding:2rem;transform:translateY(20px);transition:all .5s ease;z-index:1000}.state-info.visible{display:block;opacity:1;transform:translateY(0)}.state-info h3{color:var(--text-color);font-family:Arial,sans-serif;font-size:1.2em;margin-top:0}.state-info p{color:var(--text-color);line-height:1.4;margin:10px 0}.state-info:not(:empty){display:block}.timeline{border-top:1px solid rgba(0,0,0,.1);margin-top:20px;opacity:0;padding-top:15px;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;transition-delay:.2s}.state-info.visible .timeline{opacity:1;transform:translateY(0);transition-delay:.3s}.milestone{background:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.03);border-left:4px solid var(--highlight-color);border-radius:6px;display:flex;flex-direction:column;margin:25px 0 8px;opacity:0;padding:35px 12px 12px;position:relative;transform:translateY(-20px);transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease}.milestone-content{padding:0 10px;text-align:left;width:100%}.milestone-details{color:var(--text-color);font-size:.9em;list-style-type:disc;margin:5px 0 0;padding-left:20px}.milestone-details li{color:var(--text-color);line-height:1.3;margin:3px 0}.state-info.visible .milestone{opacity:1;transform:translateY(0)}.milestone:first-child{transition-delay:.1s}.milestone:nth-child(2){transition-delay:.2s}.milestone:nth-child(3){transition-delay:.3s}.milestone:nth-child(4){transition-delay:.4s}.milestone:nth-child(5){transition-delay:.5s}.milestone:nth-child(6){transition-delay:.6s}.milestone:nth-child(7){transition-delay:.7s}.milestone:nth-child(8){transition-delay:.8s}.milestone:nth-child(9){transition-delay:.9s}.milestone:nth-child(10){transition-delay:1s}.milestone:hover{transform:translateX(5px)}.milestone.achieved{border-left:4px solid #4caf50}.milestone.upcoming{border-left:4px solid #ffa726}.milestone.achieved{border-left-color:#4caf50}.milestone.upcoming{border-left-color:#ffa726}.milestone-day{background:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.15);font-size:.85em;left:50%;line-height:1.2;min-width:100px;padding:5px 12px;position:absolute;text-align:center;top:-15px;transform:translateX(-50%);z-index:1}.milestone.achieved .milestone-day{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #fff;color:#fff;padding-bottom:10px}.days-achieved{display:block;font-size:.75em;font-style:italic;margin-top:3px;opacity:.9}.milestone.upcoming .milestone-day{background:linear-gradient(135deg,#ffa726,#fb8c00);border:2px solid #fff;color:#fff}.days-left{font-size:.8em;font-weight:400;margin-top:3px;opacity:.9}.no-milestones{color:var(--text-color);font-style:italic;padding:10px}.disclaimer{color:hsla(0,0%,100%,.8);font-family:Arial,sans-serif;font-size:.8em;font-style:italic;line-height:1.3;margin-top:10px;padding:0 10px;text-align:center}@keyframes sway{0%{margin-left:0}25%{margin-left:50px}50%{margin-left:-50px}75%{margin-left:50px}to{margin-left:0}}@media screen and (max-width:768px){body{padding-top:40px}main{padding:20px 10px}.search-container{margin:15px auto;padding:10px}#stateSearch{font-size:14px;padding:10px 3rem 10px 12px}.state-info{font-size:14px;margin-top:20px;padding:15px}.state-info h3{font-size:1.1em}.content-wrapper{padding:0 10px}.page-title{font-size:1.5rem;margin:1.5rem 0}.heroes-container{gap:5px;padding:3px}}@media screen and (max-width:480px){body{padding-top:100px}.content-wrapper{padding:0 10px}.search-container{padding:8px}.search-header{gap:8px}#stateSearch{font-size:14px;padding:10px 3rem 10px 12px}.update-button{height:32px;right:4px;width:32px}.update-button .update-icon{font-size:16px}.suggestions-list{right:40px}.milestone{padding-top:40px}.milestone-day{font-size:.8em;min-width:90px;padding:4px 10px}.days-achieved,.days-left{font-size:.7em;margin-top:2px}.milestone-name{font-size:1em;margin-top:5px}.page-title{font-size:1.6rem;line-height:1.3;margin:1rem 0;padding:0 10px}.disclaimer{font-size:.75em;margin-top:8px}main{-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{display:none}.site-header{padding:10px 15px}.credits{font-size:.8rem}.social-icon{height:20px;width:20px}}@media screen and (min-width:1200px){.content-wrapper{max-width:600px}#stateSearch{font-size:18px}.state-info{font-size:16px}}.hero-group{margin:15px 0}.hero-group-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--text-color);font-size:.9em;margin:10px 0 5px;padding-bottom:5px}.heroes-container{display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:15px;margin-top:10px;padding:5px;width:100%}.milestone[data-name="Legendary Equipment"] .heroes-container{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:768px){.heroes-container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:480px) or (max-height:480px){.hero-side-box img{max-height:90%;max-width:90%}.heroes-container,.milestone[data-name="Legendary Equipment"] .heroes-container{grid-template-columns:repeat(2,1fr)}}.hero-box{align-items:center;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;margin-bottom:5px;max-width:85px;min-width:85px;padding:5px;text-align:center;transition:transform .3s ease;width:calc(20% - 6.4px)}.hero-box:hover{transform:translateY(-5px)}.hero-image{align-items:center;aspect-ratio:1;background:hsla(0,0%,100%,.1);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:65px;justify-content:center;margin-bottom:0;overflow:hidden;width:65px}.hero-image img{border-radius:6px;box-shadow:0 4px 8px var(--shadow-color);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.hero-image img:hover{transform:scale(1.05)}.placeholder-image{align-items:center;background:rgba(0,0,0,.1);color:#999;display:flex;height:100%;justify-content:center;width:100%}.hero-name{color:var(--text-color);display:-webkit-box;font-size:.75em;margin-bottom:2px;margin-top:4px;max-width:100%;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;font-weight:500;height:auto;line-height:1.2;padding:0 2px;white-space:normal}.hero-popout{background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);left:50%;max-height:85vh;max-width:90%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);width:450px;z-index:2000;-webkit-overflow-scrolling:touch;opacity:0;transition:all .3s ease;visibility:hidden}.hero-popout.active{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.hero-popout-overlay{backdrop-filter:none;background:rgba(0,0,0,.55);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1999}.hero-popout-overlay.active{opacity:1;pointer-events:all;visibility:visible}.hero-popout-content{display:flex;flex-direction:column;gap:15px}.hero-popout-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.hero-popout-image{border-radius:8px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.hero-popout-image img{height:100%;object-fit:cover;width:100%}.hero-popout-info{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:4px}.hero-meta{align-items:center;color:#8e9cc9;display:flex;font-size:.85em;gap:8px}.hero-meta-separator{color:var(--border-color)}.hero-popout-info .acquisition-sources{justify-content:flex-start;margin-top:4px}.hero-popout-info .acquisition-sources img{border-radius:6px;height:28px;width:28px}.hero-popout-name{color:var(--text-color);font-size:1.4em;font-weight:600}.hero-popout-close{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:20px;line-height:1;padding:5px;position:absolute;right:10px;top:10px}.hero-popout-details{border-top:1px solid var(--border-color);color:var(--text-color);padding-top:15px}.hero-popout-title{color:gold;font-size:.9em;margin-top:4px}.hero-popout-type{color:#8e9cc9;font-size:.8em;margin-top:2px}.hero-popout-description{color:#ccd;font-size:.9em;line-height:1.4;margin:12px 0}.hero-stats{background:hsla(0,0%,100%,.03);border-radius:8px;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;padding:15px}#stats-sections{display:flex;gap:20px}.stats-section{background:var(--secondary-color);border-radius:6px;flex:1;padding:10px}.stats-section h4{color:gold;font-size:.9em;margin:0 0 10px;text-align:center}.stats-grid{display:grid;gap:8px}.stat-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:4px;display:flex;justify-content:space-between;padding:4px 8px}.stat-label{color:var(--text-color);font-size:.9em}.stat-value{color:#4caf50;font-weight:500}.hero-popout-effects,.hero-popout-skills{margin:12px 0}.hero-popout-effects h4,.hero-popout-skills h4{color:gold;font-size:.9em;margin-bottom:8px}.hero-popout-effects ul,.hero-popout-skills ul{list-style:none;margin:0;padding:0}.hero-popout-effects li,.hero-popout-skills li{color:#ccd;font-size:.85em;padding:4px 0}.hero-image-section{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:10px 0}.hero-side-boxes{justify-content:flex-start;min-height:250px;padding-top:10px}.hero-side-box{align-items:center;display:flex;flex-direction:column}.hero-side-box img{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease}.hero-side-section{height:100%;position:relative}.hero-side-title{left:0;position:absolute;right:0;top:-25px}@media screen and (max-width:480px){.hero-box{max-width:75px;min-width:75px}.hero-side-box img{max-height:90%;max-width:90%}.hero-name{font-size:.7em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-message{background:rgba(220,53,69,.1);border-left:4px solid #dc3545;border-radius:4px;color:#ff6b6b;margin:1rem 0;padding:1rem}@media screen and (min-width:769px){.suggestions-list{left:0;width:100%}}@media screen and (min-width:481px) and (max-width:768px){.search-container{padding:10px}.suggestions-list{left:0;width:100%}}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.adjustment-wrapper{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);display:none;margin-top:10px;padding:10px}.adjustment-wrapper.visible{align-items:center;display:flex;gap:8px;justify-content:center}.adjustment-input{appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield;background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:8px;text-align:center;width:80px}.adjustment-input::-webkit-inner-spin-button,.adjustment-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.adjustment-input:focus{outline:none}.adjustment-input{-webkit-tap-highlight-color:transparent}.adjustment-input:focus{background:hsla(0,0%,100%,.05)}.adjustment-button{background:var(--accent-color);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.adjustment-button:hover{background:var(--highlight-color)}@media screen and (max-width:480px){.adjustment-wrapper{padding:8px}.adjustment-input{font-size:13px;padding:6px;width:60px}.adjustment-button{font-size:13px;padding:6px 10px}}.milestone-count{font-size:.9em;opacity:.8}.milestone-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.role-icons{display:flex;gap:8px;margin-top:4px}.role-icon{filter:brightness(.9);height:24px;object-fit:contain;transition:transform .2s ease;width:24px}.role-icon:hover{filter:brightness(1);transform:scale(1.1)}@media screen and (max-width:480px){.role-icon{height:20px;width:20px}}.acquisition-sources{display:flex;gap:4px;justify-content:center;margin-top:2px}.acquisition-sources img{border-radius:4px;height:20px;transition:transform .2s ease;width:20px}.acquisition-sources img:hover{transform:scale(1.2)}@media screen and (max-width:480px){.acquisition-sources img{height:16px;width:16px}}.hero-side-boxes{display:flex;flex-direction:column;gap:20px;position:relative;width:80px}.hero-side-box{background:none;border:none;cursor:pointer;height:70px;overflow:visible;padding:0;position:relative;transform-origin:center center;transition:all .3s ease;width:100%}.hero-side-box:hover{transform:scale(1.1)}.hero-side-section:first-child .hero-side-boxes .hero-side-box:nth-child(2){margin-left:-15px;transform-origin:60% center;z-index:2}.hero-side-section:last-child .hero-side-boxes .hero-side-box:nth-child(2){margin-left:15px;transform-origin:40% center;z-index:2}.hero-side-section:first-child .hero-side-boxes .hero-side-box:nth-child(2):hover{transform:scale(1.1) translateX(3px)}.hero-side-section:last-child .hero-side-boxes .hero-side-box:nth-child(2):hover{transform:scale(1.1) translateX(-3px)}.hero-side-box:first-child,.hero-side-box:last-child{z-index:1}.hero-side-box:hover img{transform:scale(1.1)}.hero-side-section{display:flex;flex-direction:column;gap:5px}.hero-side-title{color:gold;font-size:.85em;letter-spacing:1px;margin-bottom:5px;text-align:center;text-transform:uppercase}.level-selector-popout{background:var(--primary-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);left:50%;max-width:95%;opacity:0;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease;visibility:hidden;width:420px;z-index:2002}.level-selector-popout.active{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.level-selector-overlay{pointer-events:all;z-index:2001}.level-selector-content{display:flex;flex-direction:column;gap:15px;max-height:85vh;overflow:hidden}.level-options{display:flex;gap:8px;justify-content:space-between}.level-option{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;flex:1;padding:10px;text-align:center;transition:all .2s ease}.level-option:hover{background:var(--accent-color)}.level-option.selected{background:var(--highlight-color);border-color:var(--highlight-color)}.skill-preview{background:var(--secondary-color);border-radius:8px;display:flex;flex-direction:column;max-height:calc(85vh - 150px);overflow-y:auto;padding:15px;scrollbar-width:thin;width:100%;-webkit-overflow-scrolling:touch}.skill-preview::-webkit-scrollbar{width:6px}.skill-preview::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.skill-preview::-webkit-scrollbar-thumb{background:var(--highlight-color);border-radius:3px}.skill-preview img{border-radius:6px;height:70px;object-fit:cover;width:70px}.skill-preview-info{display:flex;flex:1;flex-direction:column;gap:4px}.skill-description{background:rgba(0,0,0,.2);border-radius:6px;color:#8e9cc9;font-size:.9em;line-height:1.6;padding:15px;white-space:normal;width:100%;word-wrap:break-word;margin-top:10px}.skill-description .buff-value{border-radius:2px;display:inline-block;padding:0 2px;transition:color .3s ease}.skill-description .buff-value[style*=color]{color:inherit!important}.skill-name{color:var(--text-color);color:#8e9cc9;font-size:.85em;line-height:1.4}.level-selector-buttons{display:flex;gap:10px;margin-top:15px}.level-selector-button{border:none;border-radius:6px;cursor:pointer;font-size:.9em;padding:10px;transition:all .2s ease}.button-apply,.button-cancel{background:var(--border-color);color:var(--text-color);flex:1}.button-apply{background:var(--highlight-color);color:#fff}.button-cancel:hover,.button-close:hover{background:var(--accent-color)}.button-apply:hover{filter:brightness(1.1)}.hero-full-image-container{align-items:center;display:flex;flex-direction:column;gap:10px}.hero-full-image{align-items:center;border-radius:8px;display:flex;height:250px;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.hero-full-image img{height:100%;max-width:100%;object-fit:contain}.star-icon{cursor:pointer;height:20px;object-fit:contain;transition:transform .2s ease;width:20px}.star-icon:hover{transform:scale(1.2)}.star-levels{display:flex;flex-direction:column;gap:4px;margin:10px 0}.star-row-1{grid-template-columns:repeat(4,min-content)}.star-row-1,.star-row-2{display:grid;gap:4px;justify-content:center}.star-row-2{grid-template-columns:repeat(3,min-content)}.star-levels .level-option{height:40px;padding:3px;width:40px}.star-levels .level-option,.star-preview{align-items:center;display:flex;justify-content:center}.star-preview{flex-direction:column;gap:10px;min-height:40px;padding:5px 0;position:relative;width:20px}.talent-image{border-radius:6px;cursor:pointer;height:32px;overflow:hidden;position:relative;width:32px}.talent-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.talent-image img:hover{transform:scale(1.1)}.special-image{border-radius:6px;cursor:pointer;height:32px;overflow:hidden;width:32px}.special-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.special-image img:hover,.special-skill-icon:hover{transform:scale(1.1)}.special-skill-icon.selected{border-color:var(--highlight-color);transform:scale(1.05)}.skill-preview-header{background:rgba(0,0,0,.2);border-radius:6px;padding:10px}.skill-preview-header:not(:last-child){margin-bottom:10px}@media screen and (max-width:480px){.level-selector-popout{padding:12px;width:90%}.skill-preview{padding:12px}.skill-description{font-size:.85em;padding:12px}}.level-selector-popout:has(.star-levels){padding:15px;width:300px}@media screen and (max-width:480px){.level-selector-popout:has(.star-levels){padding:12px;width:90%}}.star-nav-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:18px;opacity:.7;padding:5px 8px;transition:all .2s ease}.star-nav-btn:hover{opacity:1;transform:scale(1.2)}.star-nav-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.rating-container{align-items:center;flex-direction:column;gap:8px;min-height:40px;position:relative}.rating-container,.star-rating{display:flex;justify-content:center;padding:5px 0}.star-rating{gap:5px;margin:0;min-width:130px}.star-nav-buttons{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.summary-button{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9em;gap:6px;padding:8px 12px;transition:all .3s ease}.summary-button:hover{background:var(--highlight-color);transform:translateY(-2px)}.summary-icon{font-size:1.1em}.level-selector-popout .level-options{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.level-selector-popout .level-option{align-items:center;display:flex;font-size:.9em;justify-content:center;padding:8px 5px}

@media screen and (max-width:480px){.level-selector-popout .level-options{gap:5px}.level-selector-popout .level-option{font-size:.85em;padding:6px 3px}}.skill-container{background:rgba(0,0,0,.2);border-radius:6px;margin-bottom:15px;padding:10px}.skill-preview-header{align-items:center;display:flex;gap:15px;margin-bottom:10px}.skill-preview .skill-name{color:var(--text-color);flex:1;font-size:1em}.skill-preview .skill-description{background:rgba(0,0,0,.2);border-radius:4px;color:#8e9cc9;font-size:.9em;line-height:1.6;margin-top:10px;padding:10px}.special-skill-icon{border:2px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;height:48px;transition:transform .2s ease,border-color .2s ease;width:48px}.special-main-skill{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:20px;padding-bottom:15px}.special-main-skill .skill-preview-header{background:rgba(0,0,0,.3)}.special-main-icon{border-radius:6px;height:48px;width:48px}.special-skills-container{display:flex;flex-direction:column}.skill-container .skill-preview-header{cursor:pointer;height:75px;overflow:hidden;transition:all .3s ease}.skill-container .skill-preview-header.collapsed{height:50px}.skill-container .skill-preview-header:hover{background:rgba(0,0,0,.4)}.skill-preview-header .skill-name{transition:opacity .3s ease}.skill-container .skill-preview-header.collapsed .skill-name{opacity:.7}.skill-container .skill-preview-header.collapsed .special-skill-icon{opacity:.8;transform:scale(.7)}.full-stats{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center}