:root{--primary-bg: #0a0a0a;--secondary-bg: rgba(30, 30, 30, .7);--accent-color: #ff9900;--light_border-color: #ede9e3;--text-color: #e0e0e0;--border-color: #444;--border-light-color: rgba(216, 210, 210, .5);--glow-color: rgba(255, 153, 0, .5);--font-header: "Exo 2", sans-serif;--font-body: "Titillium Web", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 15px;--radius-xl: 30px;--shadow-glow: 0 0 15px var(--glow-color), 0 0 20px var(--glow-color) inset;--shadow-card: 0 4px 10px rgba(0,0,0,.5);--shadow-modal: 0 0 20px var(--glow-color);--transition-very-fast: .01s ease;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-navigation: 100;--z-modal: 1000;--z-cookie-banner: 2000}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:#000;color:var(--text-color);display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);-webkit-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);line-height:1.2}p{line-height:1.6;margin-bottom:var(--spacing-sm)}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button,.skill-item,.selection-item,.build-card-selector,.custom-selector{-webkit-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.font-header{font-family:var(--font-header)}.color-accent{color:var(--accent-color)}.color-muted{color:#aaa}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent-color);outline-offset:0px}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}.rarity-common{color:#11b124}.rarity-rare{color:#13a3e1}.rarity-epic{color:#a335ee}.rarity-legendary{color:#f90}.official-links{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.official-links .evegalaxy{margin:0}.eve-logo-link{display:flex;align-items:center;color:var(--accent-color)}.eve-logo{height:35px;width:auto;filter:brightness(0) saturate(100%) invert(65%) sepia(87%) saturate(1288%) hue-rotate(360deg) brightness(102%) contrast(106%);transition:filter .2s ease}.eve-logo:hover{filter:brightness(0) saturate(100%) invert(77%) sepia(32%) saturate(1011%) hue-rotate(332deg) brightness(103%) contrast(102%)}.form-control{width:100%;padding:8px 12px;background:#161b22;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:inherit;font-size:.9rem;transition:all .2s}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-rgb, 255, 153, 0),.2);outline:none}.form-control[readonly]{background:#0d1117;cursor:default;opacity:.8}.btn-large{padding:10px 24px;font-size:1rem;font-weight:600}.btn-sm{padding:4px 8px;font-size:.8rem}.btn-danger{color:#f44;border:1px solid #ff4444}.btn-danger:hover{background:#ff44441a}#app-container{width:100%;max-width:420px;height:850px;max-height:90vh;background-color:var(--primary-bg);background-image:url(/assets/images/background.webp);background-size:cover;background-position:center;border:2px solid var(--accent-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent!important;cursor:url(/assets/icons/custom_cursor.png),auto;transform:translateZ(0)}#main-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}#app-header{padding:var(--spacing-lg);text-align:center;background:linear-gradient(180deg,#0a0a0ae6,#0a0a0a00);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}#page-title{font-family:var(--font-header);font-size:1.5rem;color:var(--accent-color);text-shadow:0 0 10px var(--glow-color);text-transform:uppercase}#user-profile-container{flex-shrink:0}#user-profile-button{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background-color:#0006;cursor:pointer;transition:all var(--transition-normal)}#user-profile-button img{width:100%;height:100%;object-fit:contain}#user-profile-button.logged-out{filter:grayscale(0%);opacity:1}#user-profile-button.logged-in{border-color:var(--accent-color);box-shadow:0 0 8px var(--glow-color)}#user-profile-button:hover{opacity:1;border-color:var(--accent-color)}#page-content{flex-grow:1;overflow-y:auto;padding:0 var(--spacing-lg) var(--spacing-lg);position:relative}.contact-link{color:var(--accent-color);text-decoration:none}.contact-link:hover{color:#ffaf33}.page{display:none;animation:fadeIn var(--transition-slow) ease-in-out}.page.active{display:block}.page h2{font-family:var(--font-header);color:var(--text-color);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.page p{font-size:.95rem;margin-bottom:var(--spacing-sm)}#tab-bar{display:flex;justify-content:space-around;background-color:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--accent-color);flex-shrink:0;z-index:var(--z-navigation)}.tab-button{background:none;border:none;color:var(--text-color);flex-grow:1;padding:var(--spacing-sm) var(--spacing-xs);cursor:pointer;display:flex;flex-direction:column;align-items:center;font-family:var(--font-body);font-size:.7rem;font-weight:600;transition:color var(--transition-normal),transform var(--transition-fast);border-top:3px solid transparent}.tab-button:hover{color:var(--accent-color);transform:translateY(-2px)}.tab-button.active{color:var(--accent-color);border-top-color:var(--accent-color);text-shadow:0 0 5px var(--glow-color)}.tab-button img{width:35px;height:35px;margin-bottom:var(--spacing-xs);filter:grayscale(100%) brightness(1.5);transition:filter var(--transition-normal)}.tab-button:hover img,.tab-button.active img{filter:none}@media(max-height:700px){#app-container{height:95vh}#app-header{padding:var(--spacing-md)}#page-title{font-size:1.3rem}.tab-button{padding:var(--spacing-xs);font-size:.65rem}.tab-button img{width:24px;height:24px}}@media(max-width:380px){#app-container{max-width:95vw;margin:var(--spacing-sm)}#page-content{padding:0 var(--spacing-md) var(--spacing-md)}}#app-container>#modal-overlay,#app-container>#selection-modal-overlay,#app-container>#tournament-multiselect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-xl);overflow:hidden;z-index:1010}#app-container>#modal-overlay>#modal-container,#app-container>#selection-modal-overlay>#selection-modal-container,#app-container>#tournament-multiselect-overlay>#tournament-multiselect-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none;background:transparent}#app-container>#skill-detail-overlay{position:absolute}@media(max-width:768px){body{padding:0}#app-container{width:100%;height:100%;max-width:none;max-height:none;border:none;border-radius:0;box-shadow:none}#tab-bar{padding-bottom:var(--spacing-xs)}}#ad-blocker-bait{height:1px;width:1px;position:absolute;bottom:-10px;left:-10px;opacity:0;pointer-events:none}#app-notice-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;border-radius:var(--radius-xl);animation:fadeIn .5s ease}.app-lock-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:400px;width:100%;margin-top:30px}.app-lock-banner{background-color:var(--accent-color);color:var(--primary-bg);padding:var(--spacing-lg);padding-top:40px;position:relative;width:100%}.app-lock-banner h2{font-family:var(--font-header);font-size:1.4rem;text-transform:uppercase;margin:0}.app-lock-icon{position:absolute;top:-38px;left:50%;transform:translate(-50%,-50%);width:383px;height:206px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:10px;z-index:1}.app-lock-icon img{width:100%;height:100%;padding:5px}.app-lock-content p{font-family:math;color:var(--text-color);line-height:1.6;margin:0}.app-lock-content .btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-color-secondary);font-family:var(--font-header);font-weight:700;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.app-lock-content .btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.app-lock-content .support-text{font-size:.8rem;color:#888;margin-top:var(--spacing-sm)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:20px;width:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9900'%3e%3cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.7;cursor:pointer;transition:opacity .2s ease}input[type=search]::-webkit-search-cancel-button:hover{opacity:1}.is-ios #collection-search,.is-ios #builds-search,.is-ios #corp-search,.is-ios .modal-form input[type=text],.is-ios .modal-form input[type=number],.is-ios .modal-form textarea{font-size:16px}#modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay h3{color:#f90;text-transform:uppercase}#modal-overlay:not(.hidden){opacity:1;visibility:visible}#modal-container{width:100%;background-color:var(--primary-bg);background-image:url(/assets/images/background.webp);background-size:cover;background-position:center;border:1px solid var(--accent-color);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:var(--spacing-sm);color:var(--text-color);transform:scale(.95);transition:transform var(--transition-normal);max-height:100%;height:100%;overflow-y:auto;position:relative}#modal-overlay:not(.hidden) #modal-container{transform:scale(1)}#modal-close-btn,#skill-effect-close-btn,#turret-detail-close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;top:0;right:0;z-index:15}#modal-close-btn:hover,#skill-effect-close-btn:hover,#turret-detail-close-btn:hover{color:var(--accent-color)}.modal-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0}.modal-title-group h3{font-family:var(--font-header);font-size:1.5rem;margin:0;color:var(--text-color)}.modal-title-group{margin-left:1em}.modal-title-group p{font-size:1rem;margin:0;text-transform:uppercase;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-xs)}.modal-section-title{font-family:var(--font-header);color:var(--accent-color);text-transform:uppercase;font-size:.9rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.modal-attributes,.modal-skills{display:grid;gap:var(--spacing-sm);font-size:.9rem}.modal-attributes{grid-template-columns:repeat(2,1fr)}.modal-header h3{text-align:center}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:#0003;border-radius:var(--radius-sm)}.attribute-item span:first-child{color:#aaa;font-weight:500}.attribute-item span:last-child{font-weight:600;color:var(--text-color)}#promo-success-modal{position:relative;text-align:center;padding:2rem;border-left:4px solid var(--success-color);height:280px;width:80%}#promo-success-modal h3{color:var(--accent-color);margin-bottom:1.5rem}#promo-success-close-btn{position:absolute;top:10px;right:15px;font-size:1.8rem;color:var(--text-color-secondary);background:none;border:none;cursor:pointer}#promo-success-close-btn:hover{color:var(--accent-color)}#promo-success-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0e1219d9;display:flex;align-items:center;justify-content:center;z-index:2}.promo-bonus-list{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left;display:inline-block}.promo-bonus-list li{display:flex;align-items:baseline;font-size:1.1rem;margin-bottom:.5rem}.promo-bonus-list li .icon{display:inline-block;width:24px;height:24px;margin-right:10px;background-color:var(--accent-color);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;align-self:center}.promo-bonus-list li img{width:24px;height:24px;margin-right:10px;object-fit:contain}#promo-success-promote-again-btn{position:absolute;bottom:2rem;left:2rem;width:calc(100% - 4rem)}.bonus-toggle-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color-light);display:flex;justify-content:center}.radio-checkbox{display:flex;align-items:center;cursor:pointer;text-transform:uppercase;font-size:.9rem;color:var(--text-color-secondary);white-space:nowrap}.radio-checkbox input{display:none}.radio-checkbox .checkmark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;display:inline-block;margin-right:8px;position:relative;flex-shrink:0}.radio-checkbox .checkmark:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--border-color);transition:background-color .2s ease}.radio-checkbox input:checked+.checkmark:before{background-color:var(--accent-color)}.radio-checkbox input:checked+.checkmark{border-color:var(--accent-color)}.skill-item{background-color:#1e1e1e80;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--accent-color)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.skill-name{font-weight:600;color:var(--text-color)}.skill-level{font-size:.8rem;color:#ccc;font-family:var(--font-header)}.skill-description{font-size:.8rem;color:#aaa;line-height:1.4;margin:0}.skill-info-tags{display:flex;gap:8px;margin-top:8px}.skill-info-tag{font-size:.8rem;padding:2px 8px;border-radius:12px;font-weight:700;background-color:var(--background-color-light);border:1px solid var(--border-color)}.skill-info-tag.chance{color:#ffc400;border-color:#ffc400}#skill-detail-modal{min-width:400px}#skill-detail-modal .skill-detail-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}#skill-detail-modal .skill-detail-level{font-size:.9rem;color:var(--text-color-secondary);font-weight:700}#skill-detail-modal .skill-info-tags{display:flex;gap:8px;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light)}#skill-detail-upgrade-btn{flex-grow:0;padding-left:25px;padding-right:25px}.skill-info-tag{font-size:.8rem;padding:2px 8px;border-radius:12px;font-weight:700;background-color:var(--background-color-light);border:1px solid var(--border-color);font-size:medium}.skill-info-tag.type-command{color:#4ecdc4;border-color:#4ecdc4}.skill-info-tag.type-active{color:#ffc400;border-color:#ffc400}.skill-info-tag.type-passive{color:#9d81e3;border-color:#9d81e3}.skill-info-tag.chance{color:var(--text-color-secondary)}.skill-value{color:inherit;font-weight:700}.skill-level-list{max-height:220px;overflow-y:auto;margin-bottom:1rem;padding-right:10px}.skill-detail-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color-light)}.skill-level-item{display:flex;align-items:flex-start;padding:10px;border-radius:4px;margin-bottom:5px;border-left:3px solid transparent}.skill-level-item.current{background-color:#ffb3001a;border-left-color:var(--primary-color)}.skill-level-item.current p{align-self:flex-end}.skill-level-item .level-indicator{font-weight:700;color:var(--text-color-primary);margin-right:15px;white-space:nowrap}.skill-level-item p{margin:0;line-height:1.5;font-size:.95rem}.progress-bar-bg{width:100%;height:6px;background-color:#00000080;border-radius:3px;overflow:hidden;margin:var(--spacing-xs) 0}.progress-bar-fg{height:100%;background-color:var(--accent-color);border-radius:3px;box-shadow:0 0 5px var(--glow-color);transition:width var(--transition-normal)}.modal-description,.modal-notes{font-size:.9rem;line-height:1.5;color:#ccc;background-color:#1e1e1e80;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin:0}.modal-notes{font-style:italic;background-color:#0003}.modal-build-composition{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-build-item{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#1e1e1e80;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.modal-build-item img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.modal-build-item-details{flex-grow:1}.modal-build-item-name{font-weight:600;color:var(--text-color);margin-bottom:2px}.modal-build-item-type{font-size:.8rem;color:#aaa}.modal-enhancements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.modal-enhancement-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background-color:#1e1e1e80;padding:var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.modal-enhancement-item img{width:28px;height:28px;object-fit:contain}.modal-enhancement-item span{font-size:.75rem;color:#ccc;line-height:1.2}@media(max-width:480px){#modal-container{width:100%;height:100%;max-height:100%;padding:var(--spacing-md);border-radius:0;border:none}.modal-header{gap:var(--spacing-sm)}.modal-icon{width:48px;height:48px}.modal-title-group h3{font-size:1.2rem}.modal-attributes{grid-template-columns:1fr}.modal-enhancements-grid{grid-template-columns:repeat(2,1fr)}}#skill-effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2100;display:flex;justify-content:center;align-items:center}#skill-effect-modal{width:90%;max-width:360px;padding:var(--spacing-lg);background-color:#1a1a1a;border:1px solid var(--accent-color);border-radius:var(--radius-md);box-shadow:0 0 25px #000c;position:relative;color:var(--text-color)}#skill-effect-modal .skill-effect-description{font-size:.9rem;line-height:1.6;margin-top:var(--spacing-md)}.effect-type-tag{font-size:.8rem;padding:3px 10px;border-radius:12px;font-weight:700;text-transform:uppercase;border:1px solid}.effect-type-tag.type-buff{color:#4d9de0;border-color:#4d9de0}.effect-type-tag.type-dot{color:#e15554;border-color:#e15554}.effect-type-tag.type-debuff{color:#e1bc29;border-color:#e1bc29}.effect-type-tag.type-control{color:#9d81e3;border-color:#9d81e3}.effect-type-tag.type-specific{color:#77cbb9;border-color:#77cbb9}.effect-type-tag.type-general{color:#ccc;border-color:#ccc}.skill-level-item a{color:#35e076;text-decoration:underline;text-underline-offset:2px;font-weight:600;cursor:pointer;transition:color .2s ease}.skill-level-item a:hover{color:#83f5aa}.mutaplasmid-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.mutaplasmid-section.locked{opacity:.6}.mutaplasmid-title{font-family:var(--font-header);color:var(--accent-color);text-transform:uppercase;font-size:.9rem;margin-bottom:var(--spacing-sm)}.lock-status{color:var(--text-color-secondary, #aaa);font-style:italic;text-transform:none;font-size:.8rem;margin-left:8px;white-space:nowrap}.mutaplasmid-unlock-star{color:#f55;font-size:1rem;margin:0 1px}.mutaplasmid-title .lock-status{color:var(--text-color-secondary, #aaa);font-style:italic;text-transform:none;font-size:.8rem}.turret-selection-ui{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.turret-selection-ui.visible{display:flex}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#turret-tooltip{position:fixed;z-index:calc(var(--z-modal) + 30);background-color:var(--primary-bg);border:1px solid var(--accent-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);width:200px;pointer-events:none;opacity:0;transition:opacity .2s ease}#turret-tooltip.visible{opacity:1}#turret-tooltip h5{color:var(--accent-color);margin-bottom:4px}#turret-tooltip p{font-size:.8rem;line-height:1.4;color:var(--text-color-secondary);margin:0}.turret-selection-container{position:relative;width:390px;height:390px}#turret-selection-close-btn{position:absolute;top:-10px;right:0;background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease,transform .2s ease;z-index:20}#turret-selection-close-btn:hover{color:var(--accent-color)}.turret-selection-grid{position:relative;width:100%;height:100%;--radius: 159px}.turret-option{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;width:70px;text-align:center;transition:transform .2s ease;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)))}.turret-option:hover{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle))) scale(1.1)}.turret-option:hover .skill-icon{border-color:var(--accent-color)}.turret-option .skill-icon{width:56px;height:56px;background-color:#0006;border:2px solid var(--border-color);border-radius:var(--radius-sm);background-image:url(/assets/icons/turret.webp);background-size:95%;background-repeat:no-repeat;background-position:center}.turret-option .skill-name{font-size:.75rem;font-weight:600;color:var(--text-color-secondary, #aaa)}.turret-detail-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem;background-color:#0000004d;border-radius:var(--radius-md)}.turret-detail-center h5{font-family:var(--font-header);color:var(--accent-color);margin:0}.turret-detail-center p{font-size:.8rem;color:var(--text-color-secondary);text-align:center;line-height:1.4;margin:0;height:70px;overflow-y:auto}#turret-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:calc(var(--z-modal) + 25);display:flex;justify-content:center;align-items:center}#turret-detail-modal{width:90%;max-width:320px;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.turret-detail-icon{width:64px;height:64px;margin-bottom:var(--spacing-sm)}.turret-detail-type{font-family:var(--font-header);text-transform:uppercase;color:var(--text-color-secondary);font-size:.8rem;margin-bottom:var(--spacing-md)}.turret-detail-description{margin-bottom:var(--spacing-lg)}#turret-detail-modal .select-btn{width:100%}#turret-detail-modal .close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease,transform .2s ease}#turret-detail-modal .close-btn:hover{color:var(--accent-color)}#config-modal-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:calc(var(--z-modal) + 5);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.config-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:calc(var(--z-modal) + 5);display:flex;justify-content:center;align-items:center}.modal-content-config{width:100%;background-color:var(--primary-bg);background-image:url(/assets/images/background.webp);background-size:cover;background-position:center;border:1px solid var(--accent-color);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);position:relative;color:var(--text-color);display:flex;flex-direction:column;flex-shrink:0}.config-modal-body{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}#config-close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:15}#config-close-btn:hover{color:var(--accent-color)}.config-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color);text-align:right;flex-shrink:0}.ship-skill-node.turret.selected .skill-icon{border-color:var(--accent-color);box-shadow:0 0 8px var(--glow-color)}.modal-content-config .modal-header{flex-shrink:0}.modal-content-config .modal-portrait{width:100%;object-fit:contain}.config-modal-body{flex-grow:1;overflow-y:auto;min-height:0}.modal-content-config .config-footer{flex-shrink:0}.modal-portrait{width:auto;object-fit:contain}.modal-rules{max-width:400px;padding:var(--spacing-lg)}.modal-rules ul{list-style-position:inside;padding-left:10px}.modal-rules li{margin-bottom:10px}#enhancement-modal-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:calc(var(--z-modal) + 6);display:flex;justify-content:center;align-items:center}.enhancement-modal{padding:var(--spacing-lg);max-width:440px}.enhancement-slot-label{font-family:var(--font-header);text-transform:uppercase;font-size:.8rem;color:var(--text-color-secondary)}.enhancement-selector{width:80px;height:80px;border-radius:50%}.close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;z-index:20}.close-btn:hover{color:var(--accent-color)}.publish-options-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.publish-options-container p{color:var(--text-color-secondary)}.publish-option{position:relative}.publish-option .btn{width:100%}.publish-option .tooltip{visibility:hidden;width:220px;background-color:#111;color:#fff;text-align:center;border-radius:var(--radius-sm);padding:var(--spacing-sm);position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s;font-size:.8rem;border:1px solid var(--border-color)}.publish-option:hover .tooltip{visibility:visible;opacity:1}.similarity-warning-modal{max-width:550px}.enhancement-modal{padding:var(--spacing-lg);max-width:400px}.enhancement-slots-container{display:flex;justify-content:space-around;padding:var(--spacing-lg) 0;gap:var(--spacing-md)}.enhancement-slot{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.enhancement-slot-label{font-family:var(--font-header);text-transform:uppercase;font-size:.8rem;color:var(--text-color-secondary);margin-bottom:var(--spacing-xs)}.enhancement-selector{width:80px;height:80px;border-radius:50%;position:relative}.enhancement-selector img.selector-bg-image{width:100%;height:100%;object-fit:contain;padding:4px}.enhancement-details{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;min-height:60px}.enhancement-details .item-name{font-size:.8rem;font-weight:600;color:var(--text-color)}.enhancement-details .enhancement-attributes{display:flex;flex-direction:column;gap:var(--spacing-xs)}.enhancement-details .enhancement-attributes span{font-size:.7rem;color:var(--accent-color);font-style:italic}#rules-modal-overlay{position:absolute;border-radius:var(--radius-md)}@media(max-width:380px){.enhancement-modal{max-width:365px}}#skill-detail-overlay{z-index:1020!important}.modal-body .gjs-editor,.modal-body .gjs-cv-canvas{min-height:60vh}.modal-body .gjs-editor{height:calc(100vh - 220px)}.help-topic-scope .help-topic-render img{max-width:100%;height:auto;display:block}.promotion-controls.is-locked,.commander-skill-tree-container.is-locked{opacity:.6;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.1) 5px,rgba(0,0,0,.1) 10px);pointer-events:none;-webkit-user-select:none;user-select:none}.is-locked .btn{cursor:not-allowed}.learning-center-modal .modal-footer{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.learning-center-modal .modal-footer .btn{padding:10px 20px;font-size:1rem;min-width:120px}.card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card h3{font-family:var(--font-header);color:var(--accent-color);margin-bottom:var(--spacing-sm);font-size:1.1rem}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.collection-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;gap:var(--spacing-sm);align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.collection-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-right:4px solid var(--rarity-color)}.card-icon img{width:150px;height:200px;filter:brightness(1.2);object-fit:contain}.card-details{flex-grow:1;overflow:hidden;align-self:self-start;text-align:center}.card-name{font-family:var(--font-header);color:var(--text-color);font-size:.9rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-rarity{font-size:.75rem;font-weight:600;text-transform:uppercase;margin:2px 0}.card-info{font-size:.75rem;color:#aaa;margin:0;padding:0;line-height:1.4;display:flex;flex-direction:column;align-items:flex-start}.card-tags{margin-top:var(--spacing-xs);height:16px;display:flex;gap:var(--spacing-xs)}.tag-icon{width:16px;height:16px;object-fit:contain}.build-row{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast);cursor:pointer}.build-row:hover{border-color:var(--accent-color);transform:translateY(-2px)}.build-row-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.build-name{font-family:var(--font-header);color:var(--text-color);font-size:1rem;margin:0;flex-grow:1;margin-right:var(--spacing-sm)}.build-row-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.build-row-content{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md)}.build-center-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.8rem}.build-center-item img{width:64px;height:64px;object-fit:contain;margin-bottom:var(--spacing-xs)}.build-orbiting-items{position:relative;height:100px;min-width:0}.orbit-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-50px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;width:70px;text-align:center}.orbit-item img{width:32px;height:32px;object-fit:contain;margin-bottom:var(--spacing-xs);background-color:#0006;border-radius:50%;padding:var(--spacing-xs);border:1px solid var(--border-color)}.orbit-item span{font-size:.7rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.community-build-row{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;transition:all var(--transition-fast);cursor:pointer}.community-build-row:hover{border-color:var(--accent-color);transform:translateY(-2px)}.community-build-main{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.community-build-details{flex-grow:1;overflow:hidden;padding-right:var(--spacing-md)}.community-build-name{font-family:var(--font-header);color:var(--text-color);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.community-build-composition{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-sm);align-items:center}.vote-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.vote-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.vote-count{font-family:var(--font-header);color:var(--accent-color);font-size:1.1rem;font-weight:700}.bug-report-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.bug-report-card.new-report-animation{animation:fadeInSlideDown var(--transition-slow) ease-out}.bug-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.bug-report-category{font-size:.75rem;font-weight:600;padding:3px var(--spacing-sm);border-radius:12px;color:#000;text-transform:uppercase}.bug-report-category.ships{background-color:#0af}.bug-report-category.characters{background-color:#a335ee}.bug-report-category.gear{background-color:#3d8}.bug-report-category.gameplay{background-color:#f55}.bug-report-category.ui{background-color:#f90}.bug-report-category.technical{background-color:#ccc}.bug-report-status{font-size:.8rem;font-weight:700}.bug-report-status.open{color:#f55}.bug-report-status.resolved{color:#3d8}.bug-report-status.in-progress{color:#0af}.bug-report-title{font-size:1rem;margin-bottom:var(--spacing-sm)!important;line-height:1.4;padding:0}.bug-report-desc{font-size:.9rem;line-height:1.5;color:#ccc;margin:0;padding:0}.tool-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:var(--spacing-md)}.tool-card-header{padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-normal)}.tool-icon{width:48px;height:48px;flex-shrink:0}.tool-card-title h3{font-family:var(--font-header);color:var(--text-color);font-size:1.1rem;margin:0 0 var(--spacing-xs) 0}.tool-card-title p{font-size:.85rem;color:#aaa;margin:0;line-height:1.2}.tool-card-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;padding:0 var(--spacing-md)}.tool-card.active .tool-card-content{max-height:1000px;padding:var(--spacing-md)}.no-results{grid-column:1 / -1;text-align:center;padding:40px 0;color:#aaa;font-style:italic}.talent-tree-container{background-color:#0000004d;border:1px solid var(--border-color);border-radius:8px;padding:15px;margin-top:20px}.talent-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.talent-column{display:flex;flex-direction:column;gap:10px}.talent-skill-card{background-color:#1e1e1eb3;border:1px solid var(--border-color);border-radius:8px;padding:10px;position:relative;overflow:hidden;transition:all .2s ease-in-out}.talent-skill-card.locked{filter:grayscale(100%) brightness(.5);cursor:not-allowed;pointer-events:none}.talent-skill-card.no-points{border-color:#f556}.talent-skill-card.maxed{border-color:#3d8;box-shadow:0 0 5px #33dd8880}.talent-skill-card .skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.talent-skill-card .skill-name{font-family:var(--font-header);font-size:.95rem;color:var(--text-color);font-weight:600}.skill-points-controls{display:flex;align-items:center;gap:5px;background-color:#0006;border:1px solid var(--border-color);border-radius:5px;padding:2px}.skill-points-controls .btn-talent-point{background:none;border:none;color:var(--accent-color);font-size:1.1rem;font-weight:700;cursor:pointer;width:20px;height:20px;line-height:20px;border-radius:3px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.skill-points-controls .btn-talent-point:not(:disabled):hover{background-color:#f903}.skill-points-controls .btn-talent-point:disabled{color:#555;cursor:not-allowed}.skill-points-value{font-weight:600;font-family:var(--font-header);font-size:1rem;min-width:2ch;text-align:center}.talent-skill-card .skill-description{font-size:.8rem;color:#ccc;line-height:1.4;margin-bottom:8px}.skill-passive{border-top:1px dashed var(--border-color);padding-top:8px;font-size:.8rem;color:#aaa}.skill-passive.unlocked{color:#3d8;font-weight:600}.skill-passive .passive-label{color:var(--accent-color);font-weight:700;margin-right:5px}.talent-grid .talent-column.left-column .talent-skill-card:nth-child(1){order:1}.talent-grid .talent-column.right-column .talent-skill-card:nth-child(1){order:2;margin-top:20px}.talent-grid .talent-column.left-column .talent-skill-card:nth-child(2){order:3}.talent-grid .talent-column.right-column .talent-skill-card:nth-child(2){order:4}.talent-grid .talent-column.left-column .talent-skill-card:nth-child(3){order:5}.talent-grid .talent-column.right-column .talent-skill-card:nth-child(3){order:6}.skill-tag{font-weight:700;padding:1px 4px;border-radius:3px}.tag--damage{color:#ff6b6b}.tag--buff{color:#4ecdc4}.tag--debuff{color:#ffc400}.tag--chance{color:#9d81e3}@media(hover:none){.collection-card:hover{border-right-color:transparent;transform:none;box-shadow:none}.collection-card.is-centered{border-right:4px solid var(--rarity-color);transform:scale(1.02);box-shadow:0 6px 15px #0006}}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:600;transition:all var(--transition-very-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--primary-bg)}.btn-primary:hover:not(:disabled){background-color:#ffaf33;transform:translateY(-2px);box-shadow:0 4px 15px var(--glow-color)}.btn-secondary{background:none;border-color:var(--border-color);color:var(--text-color)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-color);background-color:#ff99001a;color:var(--accent-color)}.btn-danger{background:none;border-color:#f55;color:#f55}.btn-danger:hover:not(:disabled){background-color:#f553;color:#f88}.btn-success{background:none;border-color:#3d8;color:#3d8}.btn-success:hover:not(:disabled){background-color:#3d83;color:#5f9}.btn-icon{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{border-color:var(--accent-color);background-color:#f903}.btn-icon img{width:18px;height:18px;display:block}.btn-vote{background:none;border:1px solid transparent;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--accent-color);font-size:1.1rem;font-weight:700}.btn-vote:hover{background-color:#f903;border-color:var(--border-color)}.btn-vote.voted{border-color:var(--accent-color);box-shadow:0 0 5px var(--glow-color)}.btn-vote img{width:20px;height:20px}.btn-toggle-matchups{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);line-height:0;transition:transform var(--transition-normal)}.btn-toggle-matchups img{width:24px;height:24px;transition:transform var(--transition-normal),filter var(--transition-normal);filter:brightness(1.2)}.btn-toggle-matchups:hover img{filter:drop-shadow(0 0 5px var(--glow-color))}.btn-toggle-matchups.active img{transform:rotate(180deg);filter:drop-shadow(0 0 5px var(--glow-color))}.btn-add-matchup{padding:var(--spacing-sm);background:none;border:1px dashed var(--border-color);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-align:center;font-size:.9rem}.btn-add-matchup:hover{border-color:var(--accent-color);background-color:#ff99001a;color:var(--accent-color)}.btn-remove-matchup{background:#f553;border:1px solid #ff5555;color:#f55;width:32px;height:32px;border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-remove-matchup:hover{background:#f556;color:#fff}#create-build-btn{width:100%;padding:var(--spacing-sm);background-color:var(--accent-color);border:none;border-radius:var(--radius-md);color:var(--primary-bg);font-family:var(--font-header);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-transform:uppercase;box-shadow:0 0 10px var(--glow-color)}#create-build-btn:hover{background-color:#ffaf33;transform:translateY(-2px);box-shadow:0 4px 15px var(--glow-color)}#save-build-btn{padding:var(--spacing-md);background-color:var(--accent-color);border:none;color:var(--primary-bg);font-family:var(--font-header);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;margin-top:var(--spacing-sm);border-radius:var(--radius-sm);width:100%}#save-build-btn:hover{background-color:#ffaf33}#submit-bug-report-btn{padding:var(--spacing-md);background-color:var(--accent-color);border:none;color:var(--primary-bg);font-family:var(--font-header);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;border-radius:var(--radius-sm);width:100%}#submit-bug-report-btn:hover{background-color:#ffaf33}#calculate-siege-btn{width:100%;padding:var(--spacing-md);background-color:var(--accent-color);border:none;border-radius:var(--radius-md);color:var(--primary-bg);font-family:var(--font-header);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase}#calculate-siege-btn:hover{background-color:#ffaf33}.level-btn{background:none;border:none;color:var(--accent-color);font-size:1.2rem;font-weight:700;cursor:pointer;width:24px;height:24px;line-height:24px;border-radius:3px;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.level-btn:hover{background-color:#f903}.promotion-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.promotion-buttons button{padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-header);font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all var(--transition-fast)}.external-link{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-color);color:var(--primary-bg);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-header);transition:all var(--transition-normal)}.external-link:hover{background-color:#ffaf33;transform:translateY(-2px);box-shadow:0 2px 8px #00000080}#cookie-accept-btn{background-color:var(--accent-color);border:none;color:var(--primary-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:background-color var(--transition-normal)}#cookie-accept-btn:hover{background-color:#ffaf33}@media(max-width:380px){.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem}.btn-icon{width:28px;height:28px}.btn-icon img{width:16px;height:16px}#create-build-btn{padding:var(--spacing-sm);font-size:.9rem}}.btn-support{display:inline-flex;align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-color);color:var(--primary-bg);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-header);transition:all var(--transition-normal);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.btn-support:hover{background-color:#ffaf33;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-support{width:50%;max-width:300px;justify-content:center}.btn-support img{width:20px;height:20px}[data-tour-id=start-tour-btn]{display:none}.support-project-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.form-group.half-width{flex:1}.form-group label{font-size:.8rem;text-transform:uppercase;color:#aaa;margin-bottom:var(--spacing-xs);font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:#00000080;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 5px var(--glow-color)}.form-group select option{background-color:var(--primary-bg);color:var(--text-color);text-transform:capitalize}.form-group textarea{resize:vertical;min-height:80px}#collection-search,#builds-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:#00000080;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-family:var(--font-body);font-size:.9rem;transition:all var(--transition-normal)}#collection-search:focus,#builds-search:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 5px var(--glow-color)}.search-bar-container{flex-grow:1}.category-filters{display:flex;gap:var(--spacing-xs);background-color:var(--secondary-bg);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border-color)}.category-filter-btn{background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.category-filter-btn img{width:24px;height:24px;filter:grayscale(100%) brightness(1.2);transition:filter var(--transition-normal);display:block}.category-filter-btn.active img{filter:none;width:40px;height:40px}.build-filters{margin-top:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.build-filters .form-group{margin:0}.build-filters .form-group label{font-size:.75rem;margin-bottom:var(--spacing-xs)}.build-filters select{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.bug-status-filters{display:flex;gap:var(--spacing-xs);background-color:var(--secondary-bg);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border-color)}.bug-status-filter-btn{background:none;border:none;padding:6px var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);color:#aaa;font-size:.8rem;transition:all var(--transition-normal);white-space:nowrap}.bug-status-filter-btn.active{background-color:#f903;color:var(--text-color);font-weight:600}.form-group.enhancement-group{gap:var(--spacing-sm)}.enhancement-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm)}.level-value{font-weight:600;font-family:var(--font-header);font-size:1.1rem;min-width:2ch;text-align:center;color:var(--text-color)}.stamina-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.stamina-group label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;text-transform:none;font-size:.9rem;margin-bottom:0}.stamina-group input[type=radio]{width:auto;margin:0}.manual-hp-group{display:flex;align-items:center;gap:var(--spacing-sm)}.manual-hp-group label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;text-transform:none;font-size:.9rem;margin-bottom:0;white-space:nowrap}.manual-hp-group input[type=checkbox]{width:auto;margin:0}.builds-header{margin-bottom:var(--spacing-md)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f55;box-shadow:0 0 5px #ff555580}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#3d8;box-shadow:0 0 5px #33dd8880}.error-message{color:#f55;font-size:.75rem;margin-top:var(--spacing-xs)}.success-message{color:#3d8;font-size:.75rem;margin-top:var(--spacing-xs)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent-color)}input[type=file]{background:none;border:1px dashed var(--border-color);padding:var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;text-align:center}input[type=file]:hover{border-color:var(--accent-color);background-color:#ff99001a}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 0 5px var(--glow-color)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;box-shadow:0 0 5px var(--glow-color)}::placeholder{color:#666;opacity:1}.form-row{display:flex;gap:var(--spacing-sm);align-items:end}.form-row .form-group{flex:1}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media(max-width:480px){.collection-controls{gap:var(--spacing-sm)}.category-filters{order:-1;align-self:stretch;justify-content:center}.build-filters{grid-template-columns:1fr}.form-row,.form-actions{flex-direction:column}.rarity-filters,.faction-filters{gap:var(--spacing-xs)}.stamina-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media(max-width:380px){.enhancement-slots{grid-template-columns:1fr}.bug-status-filter-btn{font-size:.7rem}.matchup-entry{grid-template-columns:1fr;gap:var(--spacing-xs)}.level-controls{gap:var(--spacing-xs)}}@media(max-width:480px){.bug-status-filters{padding:0}}.commander-skill-tree-container{display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:8px;border:1px solid var(--border-color-light);margin-top:15px}.skill-tree-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.skill-points-info{font-size:.9rem;font-weight:600}.skill-points-info .available-points{color:var(--accent-color);font-weight:700;font-size:1.1em}.skill-tree-layout{display:flex;flex-direction:column;gap:10px}.skill-row{display:flex;justify-content:center;gap:12px}.skill-slot{display:flex;align-items:center;gap:1px}.skill-node{position:relative;width:75px;padding:5px;border:1px solid #4a5a70;border-radius:6px;background-color:#1c2533;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;cursor:pointer}.skill-node:hover{transform:translateY(-2px);border-color:var(--accent-color)}.skill-node.passive{transform:scale(.9)}.skill-node.empty{visibility:hidden}.skill-node.empty+.skill-connector{visibility:hidden}.skill-node.passive:hover{transform:scale(.9) translateY(-2px)}.skill-node.locked{filter:grayscale(1) brightness(.6);cursor:pointer}.skill-node.locked:hover{border-color:#888}.skill-node.locked:after{content:"🔒";position:absolute;top:97%;left:97%;transform:translate(-50%,-50%);font-size:18px;z-index:2}.skill-icon{width:65px;height:65px;background-color:#111;background-size:cover;background-position:center;border-radius:4px;border:2px solid;margin-bottom:.5em}.skill-node.active .skill-icon{border-color:#088e95}.skill-node.passive .skill-icon{border-color:#267aab}.skill-name{margin-bottom:15px;font-size:.7rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;height:2.1em}.skill-level-display{font-family:var(--font-header);font-size:.8rem;color:#ccc;background-color:#0000004d;padding:2px 8px;border-radius:10px}.skill-node.maxed .skill-level-display{color:var(--accent-color);font-weight:700}.skill-connector{width:10px;height:2px;margin-left:3px;background-color:#4a5a70}.reallocate-container{display:flex;justify-content:center;padding-top:15px;margin-top:10px;border-top:1px solid var(--border-color)}#reallocate-skills-btn{padding:8px 20px;font-size:.9rem}#skill-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}#skill-detail-modal{width:90%;max-width:350px;padding:20px}.skill-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-detail-header h3{margin:0;color:var(--accent-color)}#skill-detail-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}#skill-detail-close-btn:hover{color:var(--accent-color)}.skill-detail-level{font-style:italic;color:#ccc}.skill-detail-description{line-height:1.6;margin-bottom:20px}#skill-detail-upgrade-btn{width:100%}.promotion-stars-container .star-chunk{background-color:#f2b33a;border-color:#111}.promotion-stars-container .star-color-red .star-chunk.filled{background-color:#d93a3a}@media(max-width:480px){#skill-detail-modal{padding:1.5em}}@media(max-width:380px){#skill-detail-modal{padding:1.5em}}#selection-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1010;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}#selection-modal-container{width:95%;max-width:800px;height:90%;max-height:700px;display:flex;flex-direction:column;padding:var(--spacing-md);background:#191c23f2;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e}@media(max-width:480px){#selection-modal-container{width:100%;height:100%;max-height:100%;max-width:none;border-radius:0;border:none}}.selection-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.selection-modal-header h3{font-family:var(--font-header);color:var(--accent-color);font-size:1.2rem}#selection-modal-close-btn{font-size:2rem;font-weight:300;color:var(--text-color);background:none;border:none;cursor:pointer;line-height:1;transition:transform .2s ease,color .2s ease}#selection-modal-close-btn:hover{color:var(--accent-color);transform:scale(1.1)}.selection-modal-grid{flex-grow:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--spacing-md);padding-right:var(--spacing-xs);padding-top:.5em}.selection-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;text-align:center;transition:transform var(--transition-very-fast),opacity var(--transition-very-fast)}.selection-item-image-wrapper{border:2px solid var(--border-light-color);border-radius:var(--radius-md);padding:2px;transition:border-color var(--transition-very-fast),box-shadow var(--transition-very-fast);background-color:#0000004d;height:130px;width:100px}.selection-item img{height:100%;width:100%;object-fit:cover;border-radius:var(--radius-sm)}#selection-modal-container.selection-type-skill .selection-item img,#selection-modal-container.selection-type-rig .selection-item img,#selection-modal-container.selection-type-implant .selection-item img{object-fit:contain}.selection-item-name{font-size:.8rem;font-weight:600;color:var(--text-color);line-height:1.2}.selection-item.disabled{opacity:.3;pointer-events:none;filter:grayscale(100%)}.selection-item.selected .selection-item-image-wrapper{border-color:var(--rarity-color);box-shadow:0 0 8px var(--rarity-color)}.selection-item.selected .selection-item-image-wrapper,.selection-item:not(.disabled):hover .selection-item-image-wrapper{border-color:var(--rarity-color)}.selection-item:not(.disabled):hover{transform:translateY(-2px);border-color:var(--accent-color)}.selection-type-formation .selection-item-image-wrapper{border:none;background-color:transparent}.selection-item:not(.disabled):hover .selection-item-image-wrapper{outline:2px solid var(--rarity-color);outline-offset:-2px}.selection-item.selected .selection-item-image-wrapper,.selection-item.staged .selection-item-image-wrapper{outline:2px solid var(--rarity-color);outline-offset:-2px;border-color:var(--accent-color);box-shadow:0 0 8px var(--glow-color)}.create-build-modal.selection-active .selector-wrapper{pointer-events:none}.selection-modal-controls{padding:0 var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}#selection-modal-search{width:100%;padding:var(--spacing-sm);background-color:#0006;border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm)}.selection-modal-filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selection-modal-footer{display:flex;justify-content:center;padding:var(--spacing-sm);border-top:1px solid var(--border-color)}.selection-modal-filters .filter-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.selection-modal-filters button{padding:4px 10px;font-size:.8rem;background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.selection-modal-filters button:hover{border-color:var(--accent-color);color:var(--accent-color)}.selection-modal-filters button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--primary-bg);font-weight:700}.selection-modal-list-area{flex-grow:1;max-height:40vh;overflow-y:auto;padding:var(--spacing-md)}.selection-group{margin-bottom:var(--spacing-sm)}.selection-group-banner{background-color:var(--banner-color, #555);color:#fff;font-family:var(--font-header);font-size:.8rem;padding:3px var(--spacing-sm);border-radius:var(--radius-sm);text-align:center;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.selection-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-lg)}.selection-item.selected .selection-item-image-wrapper,.selection-item.staged .selection-item-image-wrapper{outline:2px solid var(--rarity-color);outline-offset:-2px}#item-detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1010;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}.item-detail-card{position:relative;width:90%;max-width:320px;padding:var(--spacing-lg);background:#23262dfa;border:1px solid var(--accent-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080}.item-detail-card .close-btn{position:absolute;top:6px;right:8px}.item-detail-card h4{color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.1rem;text-transform:uppercase}.item-detail-card p{font-size:.9rem;color:var(--text-color-secondary, #ccc);line-height:1.6;margin:0}.enhancement-selector.empty .placeholder-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;z-index:1}.enhancement-selector.empty .placeholder-icon img{width:100%;height:100%;object-fit:contain;opacity:1}.selection-item-details{display:flex;flex-direction:column;align-items:center;gap:4px}.skill-slot-indicator{font-size:.7rem;font-weight:600;color:var(--primary-bg);background-color:var(--accent-color);padding:2px 6px;border-radius:var(--radius-sm)}.selection-item{position:relative}.selection-item-info{position:absolute;top:-10px;right:-5px;z-index:2;width:35px;height:35px;background-color:#0009;color:var(--text-color);border-radius:50%;border:2px solid #555;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;transition:all var(--transition-fast)}.selection-item-info:hover{color:var(--primary-bg);border-color:var(--accent-color)}.simple-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1100;border-radius:var(--radius-xl)}.simple-popup-content{position:relative;width:90%;max-width:320px;padding:var(--spacing-lg);background:#1a1a1a;border:1px solid var(--accent-color)}.simple-popup-content .simple-popup-close{position:absolute;top:5px;right:10px;font-size:2rem;color:var(--text-color)}.simple-popup-content .simple-popup-close:hover{color:var(--accent-color)}.selection-group-banner:is([style*="--banner-color: #667"]){background-color:#698183;margin-bottom:2em}.selection-group-banner:is([style*="--banner-color: #889"]){background-color:var(--accent-color);margin-bottom:2em;margin-top:2em}#notification-container{position:absolute;bottom:5em;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;width:90%;max-width:400px}.notification-toast{width:100%;padding:12px 20px;border-radius:var(--radius-md);color:var(--text-color);font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #00000080;pointer-events:all;animation:slideInUp .3s ease-out forwards;background-color:#1e1e1ee6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-left:5px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notification-toast.success{background-color:#1f3624;border-left-color:#2da44e;color:#c9d1d9}.notification-toast.info{background-color:#180d02b4;border-left-color:var(--accent-color);color:#f0e6d9}.notification-toast.error{background-color:#5d1b1b;border-left-color:#e15554;color:#f7d9d9}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-toast button.clear-btn{background:none;border:none;color:inherit;font-size:1.2rem;line-height:1;margin-left:15px;padding:0 5px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.notification-toast button.clear-btn:hover{opacity:1}#builds .builds-list-container .no-results{text-align:center;padding:var(--spacing-xl);color:var(--color-muted);font-style:italic}#builds .build-row{background-color:var(--secondary-bg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;position:relative;border:1px solid var(--border-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}#builds .build-row:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0006}#builds .build-row-main{padding:0;border:none;margin-bottom:.5em}#builds .build-row-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}#builds .build-name{font-family:var(--font-body);color:var(--accent-color);font-size:1rem;font-weight:400;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#builds .build-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}#builds .build-actions .btn-icon{width:30px;height:30px;padding:var(--spacing-xs);border-radius:50%;background-color:transparent;border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}#builds .build-actions .btn-icon:hover{background-color:transparent;border:1px solid var(--accent-color)}#builds .build-actions .btn-icon img{width:100%;height:100%}#builds .build-row-content{display:flex;justify-content:space-between;gap:var(--spacing-xs);text-align:center}#builds .build-item-card{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}#builds .item-label{font-size:.6rem;color:var(--text-color);text-transform:uppercase;margin-bottom:var(--spacing-xs)}#builds .item-image{width:100%;height:95px;aspect-ratio:1 / 1;max-width:70px;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1}#builds .item-image img{width:100%;object-fit:cover}#builds .item-promotion{font-size:.8rem;color:var(--accent-color);height:16px;line-height:1;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);position:relative;bottom:1em;width:100%}#builds .item-name{font-size:.7rem;font-weight:500;line-height:1.3;color:var(--text-color);margin-top:var(--spacing-xs);width:100%;min-height:2.6em;overflow-wrap:break-word;word-break:break-word;display:flex;align-items:center;justify-content:center;position:relative;bottom:1.5em}#builds .build-row-footer{position:absolute;bottom:.8em;left:50%;transform:translate(-50%,50%);padding:var(--spacing-xs);background-color:var(--secondary-bg);border-radius:50%}#builds .build-row-footer.active .triangle-down{transform:rotate(180deg)}#builds .toggle-matchups-btn{display:flex;flex-direction:column;align-items:center;color:var(--color-muted);transition:color var(--transition-fast)}#builds .toggle-matchups-btn:hover{color:var(--accent-color)}#builds .toggle-matchups-btn span{font-family:var(--font-header);font-size:.9rem;font-weight:700}#builds .triangle-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid currentColor;transition:transform var(--transition-normal)}#builds .build-row-matchups{background-color:transparent;border-radius:var(--radius-md);max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding-top .4s ease-out}#builds .build-row-matchups.visible{max-height:500px}#builds .matchup-category{margin-bottom:var(--spacing-md)}#builds .matchup-category h5{text-align:center;margin-bottom:var(--spacing-xs)}#builds .wins-title{color:#11b124}#builds .loses-title{color:#c54848}#builds .build-row-content.matchup .build-item-card{flex:0 1 65px}#builds .explore-more-prompt{display:block;width:fit-content;margin-left:auto;font-size:.8rem;color:var(--accent-color);margin-top:var(--spacing-md);font-style:italic;text-decoration:none;margin-right:.5em;margin-bottom:0!important}#builds .explore-more-prompt:hover{text-decoration:none;filter:brightness(1.2)}#builds .agent-card .item-image,#builds .formation-card .item-image{border:none;background-color:transparent}#builds .agent-card .item-image img,#builds .formation-card .item-image img{height:100%;object-fit:cover}#builds .agent-card .item-promotion,#builds .formation-card .item-promotion{background:none}#builds .formation-card .item-image img{height:70px}#builds .ship-card .item-name,#builds .lead-card .item-name,#builds .deputy-card .item-name{bottom:2em}#builds .build-row-main{position:relative;padding-bottom:24px}#builds .build-row-info-footer{position:absolute;bottom:0;left:0;width:100%;display:flex;padding:4px var(--spacing-md)}#builds .build-creator{font-size:.75rem;font-style:italic;color:var(--accent-color)}.build-row .ship-card .item-image img{transform:scale(1.3) translateY(0)}.build-row .lead-card .item-image img,.build-row .deputy-card .item-image img{transform:scale(1.3) translate(-7px) translateY(0)}.build-creator-info{display:flex;flex-direction:column;align-items:flex-start}.build-timestamp{font-size:.7rem;color:#888;margin-top:2px}@media(max-width:380px){#builds .item-image{height:85px}}#builds .build-row.is-owned{border-color:var(--accent-color);box-shadow:0 0 10px -2px var(--glow-color)}.build-creator-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.build-creator-top-line{display:flex;align-items:baseline;gap:8px}.build-update-label{font-family:var(--font-header);color:var(--accent-color);font-weight:700;font-size:.7rem;text-transform:uppercase;line-height:1}.build-timestamp{font-size:.7rem;color:#888}.build-detail-modal #modal-content{padding:0}.build-detail-modal .bld-container{display:flex;flex-direction:column}.build-detail-modal .bld-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md)}.build-detail-modal .bld-close-btn{font-size:2rem;color:var(--text-color);line-height:1}.build-detail-modal .bld-asset-slide{position:relative}.build-detail-modal .bld-asset-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.build-detail-modal .bld-nav-arrow{position:absolute;top:356px;transform:translateY(-50%);z-index:10;font-size:4.5rem;color:#888;cursor:pointer;padding:0 var(--spacing-sm);text-shadow:0 0 5px #000}.build-detail-modal .bld-nav-arrow.left{left:0}.build-detail-modal .bld-nav-arrow.right{right:0}.build-detail-modal .bld-nav-arrow:hover{color:var(--accent-color)}.build-detail-modal .bld-nav-arrow.disabled{opacity:.2;pointer-events:none}.build-detail-modal .bld-vertical-indicators{position:absolute;top:20px;left:0;z-index:5;display:flex;flex-direction:column;gap:5px}.build-detail-modal .indicator-item{display:flex;align-items:center;background-color:#0009;border-radius:20px;padding:4px;border:1px solid #444;transition:all .3s ease;opacity:.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.build-detail-modal .indicator-item.active{background-color:var(--accent-color);opacity:1;box-shadow:0 0 8px var(--glow-color)}.build-detail-modal .indicator-image{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;border:1px solid #333}.build-detail-modal .indicator-label{margin:0 8px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 0 2px #000}.build-detail-modal .indicator-item.active .indicator-label{color:#000;text-shadow:none}.build-detail-modal .bld-asset-header{display:flex;height:300px;overflow:hidden;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;position:relative}.build-detail-modal .bld-asset-title{font-size:1.5rem;color:var(--accent-color);text-align:center;font-family:var(--font-header);text-transform:uppercase;margin-top:-10px;position:relative;z-index:2;text-shadow:0 1px 5px #000}.build-detail-modal .bld-asset-image{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover;object-position:center 80%}.asset-type-lead .bld-asset-image,.asset-type-deputy .bld-asset-image{object-position:center 20%}.build-detail-modal .bld-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);background-color:#0003;padding:var(--spacing-md);border-radius:var(--radius-md)}.build-detail-modal .bld-details-grid h4{margin-bottom:var(--spacing-sm);text-transform:uppercase;text-align:center;font-size:.8rem;color:var(--accent-color);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.build-detail-modal .bld-left-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.build-detail-modal .bld-active-bonuses{display:flex;flex-direction:column;gap:var(--spacing-sm)}.build-detail-modal .bonus-item-row{font-size:.85rem;color:var(--text-color);background-color:#11b1241a;border-left:3px solid #11b124;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.build-detail-modal .bld-active-bonuses .bonus-item-row:only-child{background-color:transparent;border-left:none;font-style:italic;color:#888;text-align:center;padding-top:var(--spacing-lg)}.build-detail-modal .bld-attributes .attribute-item{display:flex;justify-content:space-between;font-size:.85rem;padding:0}.build-detail-modal .attribute-item span{color:var(--text-color)!important;text-transform:uppercase}.build-detail-modal .bld-enhancements{display:flex;flex-direction:column;gap:var(--spacing-sm)}.build-detail-modal .enhancement-slot{display:flex;flex-direction:column;background-color:#0000004d;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}#desc-popup-overlay .enhancement-popup p.locked{color:#888!important;opacity:.7!important;font-style:italic!important}#desc-popup-overlay .enhancement-popup p.locked a{color:inherit!important;text-decoration:none}#desc-popup-overlay .enhancement-popup p.locked span{color:inherit!important}.build-detail-modal .enhancement-slot:hover{background-color:#28282880}.build-detail-modal .enhancement-name{font-size:.8rem;font-weight:600;text-align:center;color:var(--text-color);margin-bottom:var(--spacing-sm);text-transform:uppercase}.build-detail-modal .enhancement-body{display:flex;align-items:center;gap:var(--spacing-md)}.build-detail-modal .enhancement-slot img{width:48px;height:48px;flex-shrink:0}.build-detail-modal .enhancement-attributes{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-grow:1}.build-detail-modal .enhancement-attributes span{font-size:.75rem;font-weight:600;color:var(--accent-color);background-color:#0006;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.build-detail-modal .enhancement-slot.empty{justify-content:center;align-items:center;min-height:85px;color:#888;font-style:italic}.build-detail-modal .bld-skill-tree{background-color:#0003;border-radius:var(--radius-md)}.build-detail-modal .bld-skill-tree h4{text-align:center;margin-bottom:var(--spacing-md);color:var(--accent-color);font-size:1.1rem;text-transform:uppercase}.build-detail-modal .skill-tree-layout.pyramid-tree{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;justify-items:center}.build-detail-modal .skill-slot{position:relative;display:flex;flex-direction:row;align-items:center;gap:0}.build-detail-modal .skill-slot:first-child{grid-column:1 / -1}.build-detail-modal .skill-node{text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px;gap:4px}.build-detail-modal .skill-node.locked .skill-icon{filter:grayscale(1);opacity:.6}.build-detail-modal .skill-node:hover .skill-icon{border:none}.skill-icon img{width:100%;height:100%;object-fit:contain}.build-detail-modal .skill-node .skill-icon{width:65px;height:65px;margin:0 auto .5em;border-radius:var(--radius-sm);border:2px solid var(--border-color);background-size:cover;background-position:center}.build-detail-modal .skill-node .skill-name{font-size:.75rem;line-height:1.2;text-transform:capitalize;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:2.2em;margin-bottom:.5em;margin-top:1em}.build-detail-modal .skill-level-display{font-size:.7rem;background:none;padding:1px 4px;border-radius:3px;position:relative;bottom:auto;right:auto;margin-top:auto}.build-detail-modal .ship-skill-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);align-items:center;justify-items:center}.build-detail-modal .ship-skill-node{text-align:center;cursor:pointer}.build-detail-modal .ship-skill-node .skill-icon{width:80px;height:80px;background-size:cover;border:2px solid var(--border-color);border-radius:var(--radius-sm);margin:0 auto}.build-detail-modal .ship-skill-node:hover .skill-icon{border-color:var(--accent-color)}.build-detail-modal .ship-skill-node .skill-name{font-size:.75rem;color:var(--text-color)!important;margin-top:2px;flex-grow:0;min-height:auto;margin-bottom:0;display:block}.build-detail-modal .ship-skill-node[data-slot="1"]{grid-area:1 / 1}.build-detail-modal .ship-skill-node[data-slot="2"]{grid-area:1 / 3}.build-detail-modal .ship-skill-node.turret{grid-area:2 / 2}.build-detail-modal .auxiliary-node[data-type=agent]{grid-area:2 / 1;align-self:center;justify-self:center}.build-detail-modal .auxiliary-node[data-type=formation]{grid-area:2 / 3;align-self:center;justify-self:center}.build-detail-modal .ship-skill-node[data-slot="3"]{grid-area:3 / 1}.build-detail-modal .ship-skill-node[data-slot="4"]{grid-area:3 / 3}.build-detail-modal .bld-matchups-section,.build-detail-modal .bld-notes-section{background-color:#0009;padding:var(--spacing-md);border-radius:var(--radius-md)}.build-detail-modal .matchup-toggle-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.build-detail-modal .matchup-toggle-btn{flex:1;padding:var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:700;font-family:var(--font-header);border:2px solid transparent}.build-detail-modal .matchup-toggle-btn[data-type=strong]{background-color:#11b12433;color:#11b124}.build-detail-modal .matchup-toggle-btn[data-type=weak]{background-color:#c5484833;color:#c54848}.build-detail-modal .matchup-toggle-btn.active[data-type=strong]{border-color:#11b124}.build-detail-modal .matchup-toggle-btn.active[data-type=weak]{border-color:#c54848}.build-detail-modal .bld-matchups-carousel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.build-detail-modal .bld-matchup-card{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);align-items:center;background-color:#0000004d;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.build-detail-modal .bld-matchup-card .item-name{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);font-size:.7rem}.build-detail-modal .bld-matchup-card .item-name img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover}.build-detail-modal .bld-notes-section h4{margin-bottom:var(--spacing-xs);color:var(--accent-color)}.build-detail-modal .bld-notes-section p{font-size:.9rem;color:var(--text-color);margin-bottom:0}.build-detail-modal .ship-skill-node.auxiliary-node{width:auto;min-width:60px;max-width:100px;display:flex;flex-direction:column;align-items:center;text-align:center}.build-detail-modal .ship-skill-node.auxiliary-node .skill-icon{width:60px;height:60px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:0;overflow:hidden;background-color:#0000004d;flex-shrink:0}.build-detail-modal .ship-skill-node.auxiliary-node .skill-icon img{width:100%;height:100%;object-fit:cover}.build-detail-modal .ship-skill-node.auxiliary-node .skill-name{font-size:.75rem;color:var(--text-color);opacity:.8;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px!important;margin-bottom:0!important;flex-grow:0!important;min-height:auto!important;height:auto!important;padding-bottom:0!important;display:block!important;line-height:1.1}.build-detail-modal .enhancement-popup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.build-detail-modal .enhancement-popup img{width:64px;height:64px}.build-detail-modal .enhancement-popup h4{color:var(--accent-color)}.build-detail-modal .enhancement-popup p{font-size:.9rem}.enhancement-popup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.enhancement-popup img{width:100%;height:100%}.enhancement-popup h4{color:var(--accent-color)}.enhancement-popup p{font-size:.9rem}.simple-popup-overlay{position:fixed;top:0;left:0;z-index:2000;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simple-popup-content{position:fixed;padding:var(--spacing-lg);max-width:360px}.simple-popup-close{position:absolute;top:5px;right:10px;font-size:2rem;color:var(--text-color);background:none;border:none;cursor:pointer}.build-detail-modal .bld-asset-content{animation:fadeIn .2s ease-in}.build-detail-modal .bld-asset-content.is-fading-out{animation:fadeOut .2s ease-out forwards}.build-detail-modal .matchup-carousel-container.hidden{display:none}.build-detail-modal .no-matchups{text-align:center;font-style:italic;color:#888;padding:var(--spacing-lg) 0}.build-detail-modal .matchup-scroller{position:relative;width:100%;padding:0}.build-detail-modal .carousel-viewport{width:100%;overflow:hidden}.build-detail-modal .build-carousel-track{display:flex;transition:transform .4s ease-in-out;cursor:grab}.build-detail-modal .build-carousel-track:active{cursor:grabbing}.build-detail-modal .build-carousel-item{flex:0 0 100%;min-width:100%;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-md);height:auto}.build-detail-modal .matchup-top-row{display:flex;gap:var(--spacing-sm);justify-content:center}.build-detail-modal .matchup-top-row .matchup-item-wrapper{min-height:140px}.build-detail-modal .matchup-bottom-row{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:flex-start}.build-detail-modal .build-carousel-item .custom-selector{background:#0a0a0a80;border:1px solid #444;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);gap:var(--spacing-xs);position:relative;text-align:center;overflow:hidden;width:100%}.build-detail-modal .matchup-bottom-row .custom-selector{flex:1}.build-detail-modal .custom-selector img{width:40px;height:40px;border-radius:2px;object-fit:cover}.build-detail-modal .custom-selector span:not(.placeholder){font-size:.7rem;color:var(--text-color);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-detail-modal .scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#888;font-size:4rem;cursor:pointer;background:none;border:none}.build-detail-modal .scroll-arrow.left{left:-20px}.build-detail-modal .scroll-arrow.right{right:-20px}.build-detail-modal .scroll-arrow:not(.disabled):hover{color:var(--accent-color)}.build-detail-modal .scroll-arrow.disabled{opacity:.2;pointer-events:none}.build-detail-modal .carousel-indicators{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:var(--spacing-sm);height:20px}.build-detail-modal .indicator-dot{width:8px;height:8px;background-color:#555;border-radius:50%;transition:all var(--transition-fast)}.build-detail-modal .indicator-dot.active{background-color:var(--accent-color);transform:scale(1.4)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.build-detail-modal .matchup-item-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);flex:1}.build-detail-modal .matchup-top-row .custom-selector[data-type=ship] .selector-bg-image{transform:scale(1) translateY(0)}.build-detail-modal .custom-selector[data-type=lead] .selector-bg-image,.build-detail-modal .custom-selector[data-type=deputy] .selector-bg-image{transform:translateY(0)}.build-detail-modal .matchup-item-wrapper .item-name{font-size:.7rem;font-weight:600;color:#ccc;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-detail-modal .build-carousel-item .custom-selector img{display:none}.build-detail-modal .duplicate-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:auto;margin-bottom:auto}.build-detail-modal .duplicate-indicator .duplicate-icon{width:32px;height:32px;opacity:.9}.build-detail-modal .duplicate-indicator .duplicate-label{font-size:.6rem;color:var(--accent-color);text-transform:uppercase;text-align:center;max-width:80px;line-height:1.1}.build-detail-modal .build-carousel-item .custom-selector .selector-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.build-detail-modal .build-carousel-item .custom-selector .item-name{display:none}.build-detail-modal .matchup-bottom-row .custom-selector[data-type=agent],.build-detail-modal .matchup-bottom-row .custom-selector[data-type=formation]{border-radius:50%;height:80px;width:80px;flex-basis:80px;flex-grow:0}.build-detail-modal .custom-selector[data-type=agent] .selector-bg-image,.build-detail-modal .custom-selector[data-type=formation] .selector-bg-image{background-size:100%;background-repeat:no-repeat}.build-detail-modal .indicator-item[data-action=share-build]:hover,.build-detail-modal .indicator-item[data-action=share-build]:active,.build-detail-modal .indicator-item[data-action=save-to-hangar]:hover,.build-detail-modal .indicator-item[data-action=save-to-hangar]:active{background-color:var(--accent-color);opacity:1;color:#111}.build-detail-modal .indicator-item[data-action=share-build]:hover svg,.build-detail-modal .indicator-item[data-action=share-build]:active svg,.build-detail-modal .indicator-item[data-action=save-to-hangar]:hover svg,.build-detail-modal .indicator-item[data-action=save-to-hangar]:active svg{fill:#111!important}.build-detail-modal .indicator-item[data-action=share-build],.build-detail-modal .indicator-item[data-action=save-to-hangar]{background-color:#0009;cursor:pointer;opacity:.8}.build-detail-modal .indicator-item[data-action=share-build]:hover,.build-detail-modal .indicator-item[data-action=share-build]:active,.build-detail-modal .indicator-item[data-action=save-to-hangar]:hover,.build-detail-modal .indicator-item[data-action=save-to-hangar]:active{background-color:var(--accent-color);opacity:1;box-shadow:0 0 8px var(--glow-color)}.build-detail-modal .indicator-item[data-action=share-build]:hover .indicator-label,.build-detail-modal .indicator-item[data-action=share-build]:active .indicator-label,.build-detail-modal .indicator-item[data-action=share-build]:hover svg,.build-detail-modal .indicator-item[data-action=share-build]:active svg,.build-detail-modal .indicator-item[data-action=save-to-hangar]:hover .indicator-label,.build-detail-modal .indicator-item[data-action=save-to-hangar]:active .indicator-label,.build-detail-modal .indicator-item[data-action=save-to-hangar]:hover svg,.build-detail-modal .indicator-item[data-action=save-to-hangar]:active svg{color:#111;fill:#111;text-shadow:none}.build-detail-modal .enhancement-details{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:var(--spacing-xs)}.build-detail-modal .enhancement-attributes{display:flex;gap:4px}.build-detail-modal .enhancement-attributes span{font-size:.6rem;font-weight:600;color:var(--primary-bg);background-color:var(--text-color);padding:2px 5px;border-radius:var(--radius-sm);text-transform:uppercase}.build-detail-modal .bld-asset-slide .promotion-stars-container{margin:0}.build-detail-modal .alternate-tree-wrapper,.create-build-modal .alternate-tree-wrapper,#create-build-form .alternate-tree-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);flex:1}.build-detail-modal .alternate-tree-selector img.selector-bg-image{object-fit:contain!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2;margin:0!important;opacity:1!important}.build-detail-modal .build-carousel-item .alternate-tree-selector img.selector-bg-image{object-fit:contain}.build-detail-modal .alternate-tree-selector{position:relative!important;border-radius:50%!important;pointer-events:none!important;background:#0a0a0a80!important;border:1px solid #444!important;width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;overflow:hidden!important;box-sizing:border-box!important}#create-build-form .alternate-tree-selector{position:relative;border-radius:50%!important;pointer-events:none!important;background:#0a0a0a80;border:1px solid #444;overflow:hidden;width:80px;height:80px}#create-build-form .alternate-tree-selector img.selector-bg-image{display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;z-index:2;opacity:1!important}.build-detail-modal .alternate-tree-wrapper .item-name,#create-build-form .alternate-tree-wrapper .item-name{font-size:.7rem;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:2px}.build-detail-modal .alternate-tree-wrapper .item-name,#create-build-form .alternate-tree-wrapper .item-name{font-size:.6rem;color:var(--accent-color);text-align:center;font-weight:700;width:100%;white-space:normal}#create-build-form .alternate-tree-wrapper.hidden{display:none!important}.share-timer{position:absolute;bottom:10px;right:10px;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:var(--accent-color);background:#000c;padding:6px 10px;border-radius:4px;text-shadow:0 0 5px var(--accent-color);box-shadow:0 0 10px #00000080;z-index:10;pointer-events:none;letter-spacing:2px;border:1px solid var(--accent-color)}.share-timer.expired{color:#f44;border-color:#f44;text-shadow:0 0 5px #ff4444;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.build-detail-modal .bld-attributes h4,.build-detail-modal .bld-active-bonuses h4,.build-detail-modal .bld-enhancements h4,.build-detail-modal .bld-skill-tree h4{text-align:center;color:var(--accent-color);margin-bottom:var(--spacing-sm)}.attribute-selection-modal{max-width:400px}.attribute-selection-modal .config-modal-body p{text-align:center;color:var(--text-color-secondary, #aaa);font-style:italic;margin-bottom:var(--spacing-md)}.attribute-buttons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.attribute-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-md);font-weight:600}.attribute-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.attribute-btn.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#111;box-shadow:0 0 8px var(--glow-color)}.siege-calculator-container{display:flex;flex-direction:column;gap:8px;color:var(--text-color);height:100%;min-height:600px;width:100%;overflow-x:hidden;font-family:var(--font-body);padding:2px;background:transparent}.calc-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;box-shadow:var(--shadow-card)}.section-header{font-family:var(--font-header);font-size:.85rem;color:var(--text-color);text-transform:uppercase;text-align:center;border-bottom:1px solid var(--border-light-color);padding-bottom:4px;margin-bottom:6px;font-weight:700}.section-header.center-text{text-align:center}.section-header.small{font-size:.8rem;color:var(--color-muted)}.top-setup{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.setup-col{display:flex;flex-direction:column;gap:6px}.input-stack{display:flex;flex-direction:column;gap:4px}.input-group{display:flex;align-items:center;gap:4px;justify-content:space-between}.input-group.full-width{flex-direction:column;align-items:flex-start;gap:2px}.input-group label{font-size:.7rem;color:#aaa;width:45px}.input-group.full-width label{width:100%}.app-input,.app-select{background:#000000f6;border:1px solid var(--border-color);color:var(--text-color);padding:4px 6px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;width:100%;transition:border-color var(--transition-fast)}.app-input.compact{padding:2px 4px;font-size:.75rem;height:24px}.app-input:focus,.app-select:focus{border-color:var(--accent-color);outline:none}.timer-trigger{background:#0000004d;border:1px solid var(--border-color);color:var(--accent-color);font-family:var(--font-header);font-size:1.2rem;font-weight:700;text-align:center;padding:6px;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all .2s}.timer-trigger:hover{border-color:var(--accent-color);background:#ff99001a}.timer-trigger.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mid-battle{display:flex;flex-direction:column;gap:8px;flex-grow:1;position:relative}.hp-area{background:#0003;padding:8px;border-radius:var(--radius-sm)}.hp-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hp-label{font-family:var(--font-header);color:#aaa;font-size:.8rem;text-transform:uppercase}.hp-value{font-family:var(--font-mono);color:var(--accent-color);font-weight:700;font-size:.9rem}.info-icon-wrapper{position:relative}.info-icon{color:var(--accent-color);cursor:pointer;font-size:.9rem}.tooltip-popup{position:absolute;top:20px;right:0;width:200px;background:var(--primary-bg);border:1px solid var(--accent-color);padding:8px;border-radius:var(--radius-sm);z-index:100;font-size:.7rem;color:var(--text-color);line-height:1.4;box-shadow:var(--shadow-modal)}.tooltip-popup.hidden{display:none}.hp-bar-wrapper{position:relative;height:20px}.hp-bar-track{background:#111;height:10px;border-radius:5px;overflow:hidden;position:relative;top:5px;border:1px solid #333}.hp-bar-fill{height:100%;background:var(--accent-color);width:100%;transition:width .3s ease-out}.hp-marker{position:absolute;top:0;width:10px;height:10px;transform:rotate(45deg);border:2px solid #fff;z-index:2;box-shadow:0 0 4px #000}#marker-ally{background:#3d8}#marker-foe{background:#f55}.hp-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#666;margin-top:6px}.logs-area{flex-grow:1;height:200px;background:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px;display:flex;flex-direction:column}.event-log{overflow-y:auto;flex-grow:1;font-family:var(--font-mono);font-size:.75rem}.log-entry{padding:1px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#aaa}.log-entry.hit-ally{color:#3d8}.log-entry.hit-enemy{color:#f55}.log-entry.system{color:var(--accent-color)}.controls-area{display:flex;flex-direction:column;gap:6px;background:#0003;padding:6px;border-radius:var(--radius-sm)}.selected-fleet-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#ccc}.selected-fleet-info .highlight{color:var(--accent-color);font-weight:700}.selected-left{display:flex;flex-direction:column;gap:2px}.eta-text{font-size:.7rem;color:#888;font-family:var(--font-mono)}.delay-row{display:flex;align-items:center;gap:6px;justify-content:flex-end}.delay-row .label{font-size:.75rem;color:#888}.fleet-ops{display:flex;gap:4px}.btn-sm{padding:2px 6px;font-size:.7rem;height:22px}.sep{width:1px;height:16px;background:#444;margin:0 4px}.speed-btn{width:30px;padding:0}.speed-btn.active{background:var(--accent-color);color:#000;border-color:var(--accent-color);font-weight:700}.overlay{position:absolute;inset:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.hidden{display:none}.overlay-content{background:var(--secondary-bg);border:1px solid var(--border-color);padding:12px;border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-modal);min-width:250px}.overlay-title{font-family:var(--font-header);color:#fff;font-size:.9rem;font-weight:700}.overlay-timer{font-family:var(--font-mono);font-size:2rem;color:var(--accent-color);font-weight:700}.fleet-type-selector{display:flex;gap:10px;justify-content:center;margin-bottom:5px}.type-option input{display:none}.type-btn{padding:6px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;border:1px solid #444;background:#0000004d;color:#888;transition:all .2s}.type-option input:checked+.type-btn.ally{background:#3d83;border-color:#3d8;color:#3d8}.type-option input:checked+.type-btn.foe{background:#f553;border-color:#f55;color:#f55}.roller-content{width:280px}.roller-container{display:flex;justify-content:center;align-items:center;gap:5px;height:150px;background:#000;border-radius:6px;border:1px solid #333;position:relative;overflow:hidden}.roller-container:before{content:"";position:absolute;top:50%;left:0;right:0;height:30px;margin-top:-15px;background:#ff99001a;border-top:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color);pointer-events:none;z-index:10}.roller-col{height:100%;width:60px;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center;scroll-snap-type:y mandatory}.roller-col::-webkit-scrollbar{display:none}.roller-item{height:30px;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.1rem;color:#666;scroll-snap-align:center;cursor:pointer;flex-shrink:0}.roller-item.selected{color:var(--accent-color);font-weight:700;font-size:1.3rem}.roller-pad{height:60px;flex-shrink:0}.roller-sep{font-size:1.2rem;color:#444;font-weight:700;padding-bottom:3px}.modal-content{text-align:left}.modal-inputs{display:flex;flex-direction:column;gap:6px}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.bot-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;height:160px}.dash-panel{display:flex;flex-direction:column;background:#0003;border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border-light-color);max-height:160px}.dash-header{font-size:.75rem;color:#aaa;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:2px;margin-bottom:2px;text-transform:uppercase;font-family:var(--font-header)}.dash-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.dash-list::-webkit-scrollbar{width:4px}.dash-list::-webkit-scrollbar-track{background:#0003}.dash-list::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.fleet-item,.hit-item{display:flex;align-items:center;gap:6px;padding:2px 4px;background:#ffffff08;border-radius:var(--radius-sm);font-size:.7rem;cursor:pointer;border:1px solid transparent;transition:background .2s;flex-shrink:0}.fleet-item:hover{background:#ffffff0f}.fleet-item.selected{border-color:var(--accent-color);background:#ff99001a}.fleet-item.ally .icon,.hit-item.ally .icon{color:#3d8}.fleet-item.foe .icon,.hit-item.foe .icon{color:#f55}.hit-item .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.hit-item .timer{margin-left:auto;font-family:var(--font-mono);color:#fff;font-size:.7rem;white-space:nowrap}.snipe-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;border-radius:var(--radius-sm);padding:4px}#snipe-timer{font-size:1rem;font-family:var(--font-mono);font-weight:700;color:#fff}.snipe-details{font-size:.7rem;color:#888;text-align:center;margin-top:2px}@media(max-width:550px){.top-setup{grid-template-columns:1fr}.setup-col{margin-bottom:6px}.bot-dashboard{grid-template-columns:1fr;height:auto}.dash-panel{height:120px}.selected-fleet-info{flex-direction:column;gap:4px;align-items:flex-start}.fleet-ops{width:100%;justify-content:space-between}}.basic-siege-calc{padding:20px;color:var(--text-color);max-width:480px;margin:0 auto;font-family:var(--font-body)}.basic-siege-calc .calc-header{text-align:center;margin-bottom:25px}.basic-siege-calc h3{font-family:var(--font-header);font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.basic-siege-calc .subtitle{font-size:.85rem;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:2px}.basic-siege-calc .calc-body{background:linear-gradient(145deg,#1e1e23e6,#141419f2);padding:25px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080}.basic-siege-calc .form-row{display:flex;gap:15px}.basic-siege-calc .form-group{margin-bottom:20px;flex:1}.basic-siege-calc label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-color-secondary);margin-bottom:6px;letter-spacing:.5px}.basic-siege-calc .hp-preview{font-size:.8rem;color:var(--accent-color);text-align:right;margin-top:6px;font-family:var(--font-mono)}.basic-siege-calc .btn.full-width{width:100%;padding:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-top:10px;border:none;box-shadow:0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s}.basic-siege-calc .btn.full-width:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.basic-siege-calc .results-section{margin-top:25px;padding-top:25px;border-top:1px solid var(--border-light-color);animation:fadeIn .4s ease-out}.basic-siege-calc .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.basic-siege-calc .result-card{background:#ffffff08;padding:12px;border-radius:8px;text-align:center;border:1px solid transparent;transition:background .2s}.basic-siege-calc .result-card:hover{background:#ffffff0f}.basic-siege-calc .result-card .label{display:block;font-size:.7rem;color:var(--text-color-secondary);text-transform:uppercase;margin-bottom:4px}.basic-siege-calc .result-card .value{font-size:1.2rem;font-weight:700;color:#fff;font-family:var(--font-mono)}.basic-siege-calc .result-card.highlight .value{color:var(--accent-color);font-size:1.4rem}.basic-siege-calc .warning-box{margin-top:20px;background:#ff3c3c1a;border-left:4px solid #ff4444;padding:12px 15px;border-radius:4px;display:flex;gap:12px;align-items:flex-start}.basic-siege-calc .warning-icon{font-size:1.5rem}.basic-siege-calc .warning-text strong{display:block;color:#f66;font-size:.9rem;margin-bottom:2px;text-transform:uppercase}.basic-siege-calc .warning-text p{color:#faa;font-size:.8rem;margin:0;line-height:1.4}.footer-controls{display:flex;gap:8px;padding:8px;background:var(--secondary-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);position:sticky;bottom:0;z-index:10}.footer-controls .btn{flex:1;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;padding:8px}@media(max-width:550px){.top-setup{grid-template-columns:1fr 1fr 1fr;gap:2px}.bot-dashboard{grid-template-columns:1fr 1fr 1fr;height:auto;gap:2px}.setup-col{margin-bottom:0;gap:2px}.section-header{font-size:.6rem;padding-bottom:2px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-stack,.input-group{gap:2px}.input-group label{font-size:.55rem;width:auto}.app-input.compact,.app-select.compact{padding:0 4px;font-size:.7rem;height:20px;line-height:20px}div.app-select{background:#00000080;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center}.dash-panel{height:110px;padding:2px}.dash-header{font-size:.6rem;padding-bottom:1px;margin-bottom:1px}.fleet-item,.hit-item{font-size:.6rem;padding:0 2px;height:18px}.hit-item .name{max-width:50px}.mid-battle{gap:4px}.hp-area{padding:4px}.hp-label{font-size:.65rem}.hp-value{font-size:.75rem}.logs-area{height:110px}.event-log{font-size:.6rem}.log-entry{padding:0}.controls-area{padding:4px;gap:4px}.selected-fleet-info{flex-direction:column;gap:2px;align-items:flex-start;font-size:.7rem}.fleet-ops{width:100%;justify-content:space-between;gap:2px}.btn-sm{font-size:.6rem;height:20px;padding:0 4px}.delay-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;background:transparent!important;height:auto!important;padding:4px 0;width:100%}.control-group{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.control-group.delay-metrics{align-items:flex-start!important}.control-group.speed-metrics{align-items:flex-end!important}.control-group .label{font-size:.65rem!important;font-weight:700;color:#888;margin-bottom:2px!important;width:auto!important;text-align:center}.btn-group{display:flex!important;flex-direction:row!important;gap:2px!important}.delay-row button[data-action=delay],.delay-row .speed-btn{margin:0!important}.basic-siege-calc{padding:.5em;width:98%;max-width:none;margin:0 auto}.basic-siege-calc .calc-body{width:100%;padding:15px 10px}.basic-siege-calc .form-group{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%}.basic-siege-calc label{text-align:center!important;width:100%!important}.basic-siege-calc input.app-input,.basic-siege-calc .app-select{text-align:center!important;margin:0 auto!important;width:80%!important;max-width:250px}.basic-siege-calc input[type=number]{text-align:center!important;padding-left:0!important}.basic-siege-calc #basic-structure-trigger{width:80%!important;max-width:250px;height:35px;background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;position:relative}.basic-siege-calc #basic-structure-trigger span:first-child{flex-grow:1;text-align:center}.basic-siege-calc #basic-structure-trigger span:last-child{margin-left:10px}.siege-mode-selector{height:auto;max-height:80vh;width:95%;margin:20px auto;padding:10px;display:block;overflow-y:auto}.mode-card{margin-bottom:15px;padding:15px}}.custom-selector-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.structure-select-modal{width:320px;max-width:95%;background:#1a1b20;border:1px solid var(--accent-color);border-radius:8px;display:flex;flex-direction:column;max-height:70vh;box-shadow:0 10px 40px #000c}.structure-select-header{padding:12px;background:rgba(var(--accent-rgb),.15);border-bottom:1px solid var(--accent-color);font-family:var(--font-header);text-align:center;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px}.structure-select-list{overflow-y:auto;padding:5px 0}.structure-group-label{padding:8px 15px;font-size:.7rem;color:#888;text-transform:uppercase;font-weight:700;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.structure-option{padding:12px 20px;cursor:pointer;font-size:.95rem;color:#ddd;border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s}.structure-option:hover{background:#ffffff14;color:#fff}.structure-option.selected{background:rgba(var(--accent-rgb),.1);color:var(--accent-color);font-weight:700;border-left:3px solid var(--accent-color)}.basic-siege-calc select.app-select optgroup{color:var(--accent-color);background:#1a1a1a;font-weight:700}.basic-siege-calc select.app-select option{color:#fff;background:#000}.mode-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d;border-color:#666}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.siege-mode-selector{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;height:100%;padding:15px;max-width:500px;margin:0 auto}.mode-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:15px;width:100%;display:flex;flex-direction:column;position:relative;transition:all .2s ease;box-shadow:0 2px 8px #0003}.mode-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d;border-color:var(--accent-color)}.card-header-row{display:flex;align-items:center;gap:15px;margin-bottom:10px}.mode-image-placeholder{width:60px;height:60px;background:#222;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.mode-image-placeholder img{width:100%;height:100%;object-fit:cover}.mode-card h3{font-family:var(--font-header);font-size:1.1rem;color:var(--text-color);margin:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body-text{margin-bottom:15px;padding:0 5px}.card-body-text p{font-size:.85rem;color:var(--text-color-secondary);line-height:1.4;margin:0}.mode-card .btn{width:100%;padding:10px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.basic-siege-calc .hp-preview{font-size:.75rem;color:var(--accent-color);text-align:right;margin-top:2px;font-family:var(--font-mono)}.basic-siege-calc .btn.full-width{width:100%;padding:10px;font-size:.9rem;margin-top:8px}.basic-siege-calc .results-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-light-color);animation:fadeIn .3s ease-out}.basic-siege-calc .results-section.hidden{display:none}.basic-siege-calc .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.basic-siege-calc .result-card{background:#ffffff08;padding:8px;border-radius:6px;text-align:center;border:1px solid transparent}.basic-siege-calc .result-card.highlight{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-color);grid-column:span 2}.basic-siege-calc .result-card .label{display:block;font-size:.65rem;color:var(--text-color-secondary);text-transform:uppercase;margin-bottom:2px}.basic-siege-calc .result-card .value{font-size:1.1rem;font-weight:700;color:#fff;font-family:var(--font-mono)}.basic-siege-calc .result-card.highlight .value{color:var(--accent-color);font-size:1.2rem}.basic-siege-calc .warning-box{margin-top:15px;background:#ff3c3c1a;border-left:3px solid #ff4444;padding:8px 10px;border-radius:4px;display:flex;gap:10px;align-items:flex-start}.basic-siege-calc .warning-box.hidden{display:none}.basic-siege-calc .warning-icon{font-size:1.2rem}.basic-siege-calc .warning-text strong{display:block;color:#f66;font-size:.8rem;margin-bottom:1px;text-transform:uppercase}.basic-siege-calc .warning-text p{color:#faa;font-size:.75rem;margin:0;line-height:1.3}.mode-card.locked-premium{position:relative;cursor:pointer;border-color:#444}.mode-card.locked-premium:hover{border-color:var(--accent-color)}.mode-card.locked-premium .card-header-row,.mode-card.locked-premium .card-body-text,.mode-card.locked-premium .btn{opacity:.3;filter:grayscale(100%);pointer-events:none}.mode-card.locked-premium:before{content:"🔒";position:absolute;top:10px;right:10px;font-size:1.2rem;z-index:5;opacity:.8}.mode-card.locked-premium:after{content:"UNLOCK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;border:1px solid var(--accent-color);color:var(--accent-color);padding:8px 24px;border-radius:30px;font-size:.9rem;font-weight:700;letter-spacing:1.5px;z-index:10;box-shadow:0 4px 15px #00000080;transition:all .3s ease;pointer-events:none}.mode-card.locked-premium:hover:after{background-color:var(--accent-color);color:#000;box-shadow:0 0 20px rgba(var(--accent-color-rgb),.4);transform:translate(-50%,-50%) scale(1.05)}.mode-card.locked-premium .lock-icon{display:none}.mode-card.locked-premium .btn-locked:before{display:none}.mode-card.unlocked{background:var(--secondary-bg)}.mode-card.unlocked h3{color:var(--text-color);background:none;-webkit-text-fill-color:initial}@media(max-width:600px){.siege-mode-selector{padding:10px}.card-header-row{gap:10px}.mode-card h3{font-size:1rem}}#add-fleet-modal .overlay-content{width:90%!important;max-width:600px;min-width:unset;box-shadow:0 10px 30px #000c!important;border:1px solid var(--border-color)}.kinetic-resistance-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;color:var(--text-color);font-family:var(--font-body)}.kinetic-resistance-container h2{font-family:var(--font-header);color:var(--accent-color);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.2em;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,153,0,.3)}.graph-container{position:relative;width:100%;max-width:700px;height:350px;background:#0a0a0acc;border:1px solid var(--accent-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:15px;box-shadow:0 0 20px #00000080}canvas#resistanceGraph{width:100%;height:100%;display:block}.inputs-container{display:flex;justify-content:space-around;width:100%;max-width:700px;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.input-group{display:flex;flex-direction:column;align-items:center;flex:1;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color .3s ease}.input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 10px #f903}.input-group label{font-family:var(--font-header);margin-top:var(--spacing-sm);font-size:.8em;color:#aaa;text-transform:uppercase;letter-spacing:1px;width:100%;text-align:center}.input-group input{width:100%;padding:var(--spacing-sm);font-size:2em;text-align:center;background:transparent;border:none;border-bottom:2px solid var(--border-color);color:var(--accent-color);font-family:"Exo 2",sans-serif;font-weight:700}.input-group input:focus{outline:none;border-bottom-color:var(--accent-color)}.explanation-text{max-width:700px;text-align:center;background:#ffffff0d;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.explanation-text h3{color:var(--accent-color);margin-bottom:var(--spacing-sm);font-family:var(--font-header);text-transform:uppercase}.explanation-text p{font-size:1em;color:#ccc;line-height:1.6;margin-bottom:var(--spacing-sm)}.explanation-text p:last-child{margin-bottom:0}#builds-tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);animation:fadeIn .3s ease}#builds-tutorial-container{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 5px 25px #00000080;padding:var(--spacing-lg);max-width:400px;width:100%;animation:fadeInSlideDown .4s ease-out}.tutorial-header{text-align:center;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.tutorial-header img{width:60px;height:60px;margin-bottom:var(--spacing-sm)}.tutorial-header h3{font-family:var(--font-header);color:var(--accent-color);font-size:1.2rem;margin-bottom:var(--spacing-xs)}.tutorial-header p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.tutorial-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tutorial-section{display:flex;align-items:center;gap:var(--spacing-md)}.tutorial-icon-container{flex-shrink:0;width:50px;height:50px;border-radius:50%;border:2px solid var(--border-color);padding:5px;display:flex;align-items:center;justify-content:center;background-color:#0000004d}.tutorial-icon-container img{width:100%;height:100%}.tutorial-text h4{font-family:var(--font-body);font-weight:700;color:var(--text-color);font-size:1rem;margin-bottom:var(--spacing-xs)}.tutorial-text p{font-size:.85rem;line-height:1.5;color:var(--text-color-secondary);margin:0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.tutorial-checkbox{display:flex;align-items:center;cursor:pointer;font-size:.8rem;color:var(--text-color-secondary);-webkit-user-select:none;user-select:none;position:relative;padding-left:28px}.tutorial-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.tutorial-checkbox .checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:20px;width:20px;background-color:transparent;border:2px solid var(--border-color);border-radius:50%;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center}.tutorial-checkbox .checkmark:after{content:"";position:absolute;display:none;width:10px;height:10px;border-radius:50%;background:var(--accent-color);transition:background-color var(--transition-fast) ease,opacity var(--transition-fast) ease}.tutorial-checkbox input:checked~.checkmark{border-color:var(--accent-color);background-color:rgba(var(--accent-rgb),.1)}.tutorial-checkbox input:checked~.checkmark:after{display:block}.tutorial-checkbox:hover input~.checkmark{border-color:var(--accent-color)}#welcome-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:3000;opacity:1;transition:opacity var(--transition-normal);border-radius:var(--radius-xl)}#welcome-modal-overlay.hidden{opacity:0;pointer-events:none}#welcome-modal-container{background-color:var(--primary-bg);border:1px solid var(--accent-color);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:var(--spacing-xl);width:90%;max-width:450px;text-align:center}#welcome-modal-container h3{font-family:var(--font-header);color:var(--accent-color);text-transform:uppercase;margin-bottom:var(--spacing-md);font-size:1.5rem}#welcome-modal-container p{color:var(--text-color);line-height:1.6;margin-bottom:var(--spacing-lg);font-size:.95rem}#welcome-modal-container .highlight{font-weight:700;color:var(--accent-color)}#welcome-modal-close-btn{margin-top:var(--spacing-md);width:100%}#cookie-banner{position:absolute;bottom:0;left:0;width:100%;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--accent-color);padding:var(--spacing-md);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);transition:transform .3s ease-in-out}#cookie-banner.banner-hidden{transform:translateY(100%)}#cookie-banner p{font-size:.85rem;color:var(--text-color);margin:0}#cookie-banner a{color:var(--accent-color);text-decoration:underline}#cookie-banner #cookie-accept-btn{background-color:var(--accent-color);color:var(--primary-bg);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:700;cursor:pointer;width:100%;max-width:200px}.highlight{color:var(--accent-color);font-weight:700;font-size:1.05rem}@keyframes charge{0%{background-position:100% 0}to{background-position:-100% 0}}.partnership-container{position:absolute;top:2%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-end;z-index:10001;width:90%}.partner-icon{width:100%;height:auto;filter:drop-shadow(0 0 5px rgba(255,153,0,.3))}.partner-text{font-family:var(--font-header);color:var(--accent-color);font-size:1rem;text-transform:uppercase;margin-top:5px;letter-spacing:1px;text-shadow:0 0 5px var(--glow-color);opacity:.9}#loading-overlay{position:absolute;inset:0;background-color:#000000fa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease-out}#bg-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;transform:translate(-50%) translateY(-50%);object-fit:cover;background-size:cover}.loading-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:90%;max-width:450px;text-align:center}#loading-app-logo{width:95%;height:auto;margin-bottom:20px;margin-top:40px}.loader-text{font-family:var(--font-header);font-weight:700;font-size:clamp(1.2rem,6vw,2.2rem);color:var(--accent-color);text-shadow:0 0 10px var(--glow-color);letter-spacing:4px}.progress-bar-container{width:100%;height:12px;background-color:#3a3a3a;border:1px solid #555;border-radius:6px;overflow:hidden;margin-top:5px;padding:2px}#progress-bar-fill{width:0%;height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .3s ease-out}#loading-subtitle,.loading-stats{font-size:.8rem;font-family:var(--font-body);color:#aaa;letter-spacing:2px;text-transform:uppercase;height:1em}.loading-stats{margin-top:5px;display:flex;justify-content:space-between;width:100%}.powered-by-footer{position:absolute;width:100%;bottom:20px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:#89a;align-items:end;justify-content:flex-end;padding-right:3em}#loading-overlay .powered-by-footer img{height:60px}@media(max-width:768px),(max-height:700px){.partnership-container{top:2%;width:95%;align-items:center}.partner-icon{width:100%;max-width:300px}.partner-text{font-size:.8rem;margin-top:2px}#loading-app-logo{width:85%;max-width:350px;margin-top:60px;margin-bottom:10px}.loader-text{font-size:1.5rem;letter-spacing:2px}.loading-stats{font-size:.7rem;margin-top:5px}.loading-container{gap:5px}.powered-by-footer{bottom:15px;padding-right:1.5em}#loading-overlay .powered-by-footer img{height:35px}.company-style{font-size:.65rem}}:root{--gt-bg: var(--secondary-bg, #111417);--gt-fg: var(--text-color, #e7e7e7);--gt-accent: var(--accent-color, #3b82f6);--gt-border: var(--border-color, rgba(255,255,255,.12));--gt-shadow: var(--shadow-modal, 0 12px 40px rgba(0,0,0,.35));--gt-radius: var(--radius-md, 12px);--gt-spacing: 12px;--gt-overlay: rgba(10,10,10,.78)}.gtour-host{position:absolute;inset:0;pointer-events:auto}.gtour-ov{position:absolute;background:var(--gt-overlay)}.gtour-ov-top{left:0}.gtour-ov-right{top:0;right:0}.gtour-ov-bottom{left:0;bottom:0}.gtour-ov-left{top:0}.gtour-spotlight{position:absolute;border-radius:var(--gt-radius);outline:2px solid color-mix(in oklab,var(--gt-accent),white 15%);box-shadow:0 0 0 9999px transparent,0 4px 24px #00000059;pointer-events:none}.gtour-popover{position:absolute;max-width:min(92vw,360px);background:var(--gt-bg);color:var(--gt-fg);border:1px solid var(--gt-border);border-radius:var(--gt-radius);box-shadow:var(--gt-shadow);padding:0;will-change:transform}.gtour-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gt-spacing);border-bottom:1px solid var(--gt-border);background:var(--gt-bg)}.gtour-title{font-family:var(--font-header, "Titillium Web", system-ui);font-size:1.1rem;font-weight:700;color:var(--gt-accent)}.gtour-btn{font-family:var(--font-header, "Titillium Web", system-ui);font-weight:700;font-size:.9rem;border-radius:8px;padding:8px 12px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}.gtour-btn-close{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--gt-border);background:color-mix(in oklab,var(--gt-bg),white 6%);color:var(--gt-fg)}.gtour-btn-close:hover{background:var(--gt-accent);color:#0b0b0b;transform:scale(1.06)}.gtour-content{padding:10px var(--gt-spacing);font-family:var(--font-body, "Exo 2", system-ui);font-size:.95rem;line-height:1.6}.gtour-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--gt-spacing);border-top:1px solid var(--gt-border);background:var(--gt-bg)}.gtour-progress{font:600 12px/1.2 var(--font-header, "Titillium Web", system-ui);color:color-mix(in oklab,var(--gt-fg),transparent 25%)}.gtour-btn-prev{background:color-mix(in oklab,var(--gt-bg),white 10%);color:var(--gt-fg);border:1px solid var(--gt-border)}.gtour-btn-next,.gtour-btn-done{background:var(--gt-accent);color:#0b0b0b}.gtour-btn-prev:hover,.gtour-btn-next:hover,.gtour-btn-done:hover{filter:brightness(1.05);transform:translateY(-1px)}.gtour-active{pointer-events:auto}@media(max-width:420px){.gtour-popover{max-width:94vw}.gtour-title{font-size:1.02rem}}.modal-container.corp-management-modal{padding:0!important;overflow:hidden!important;display:flex;flex-direction:column}.modal-container.corp-management-modal #modal-content{flex:1;height:100%;overflow:hidden!important;display:flex;flex-direction:column;padding:15px}.corp-management-container{display:flex;flex-direction:column;flex:1;min-height:0;gap:0;font-size:.9rem;position:relative;overflow:hidden}.corp-management-container>.modal-header{flex-shrink:0;padding:10px;background-color:var(--primary-bg)}.corp-manager-header{padding-top:1.5em}.corp-management-container>.modal-body{flex:1;overflow-y:auto!important;max-height:none!important;padding:15px;position:relative}.corp-management-container>.modal-footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:15px;padding:15px;margin-top:0!important;border-top:1px solid var(--border-color);background-color:var(--primary-bg);z-index:100;position:relative}.corp-welcome-modal .modal-footer{display:flex;justify-content:center;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid var(--border-color)}.corp-management-container h3,.modal-header h3{text-align:center;width:100%;margin-bottom:5px}.corp-controls{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.corp-controls-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:100%}.corp-controls-row .btn{white-space:nowrap;font-size:.85rem;padding:6px 10px;flex-shrink:1}#corp-add-btn{padding:5px 8px;font-size:.8rem}@media(max-width:600px){.corp-controls-row .corp-controls-row{width:100%;justify-content:space-between}.corp-controls-row .btn{padding:5px 8px;font-size:.75rem;flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden}}#corp-search,#archive-datatable-search{width:100%;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:.9rem}.search-group{display:flex;flex-grow:1;align-items:center;gap:8px;min-width:250px}.search-group .search-bar-container{flex-grow:1}.corp-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:10px;background:#0000001a;border-radius:var(--radius-sm);align-items:start}.filter-column{display:flex;flex-direction:column;gap:5px;align-items:center}.filter-header{font-size:.75rem;color:#aaa;text-transform:uppercase;font-weight:700;text-align:center}.filter-inputs-stack{display:flex;flex-direction:column;gap:5px;width:100%}.corp-filter-input{width:100%;padding:4px;font-size:.85rem;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color)}.total-players-display{display:flex;align-items:center;justify-content:center;font-family:var(--font-header);color:var(--accent-color);font-weight:600;font-size:.9rem;padding:5px;height:100%}#total-players-count{color:#11b124;margin-left:5px}.corp-header{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px;background-color:#0003;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:5px;position:relative}#corp-name-display{font-family:var(--font-header);color:var(--accent-color);margin:0;font-size:1.3rem;text-align:center;line-height:1.2}#corp-name-edit-btn{font-size:0;width:32px;height:32px;background-color:transparent;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#corp-name-edit-btn:before{content:"✎";font-size:1.2rem;color:var(--text-color)}#corp-name-edit-btn:hover{border-color:var(--accent-color);background-color:#ff99001a}#corp-name-edit-btn:hover:before{color:var(--accent-color)}#corp-settings-btn{margin-bottom:1em}#corp-settings-btn:hover{cursor:pointer}#corp-name-toggle-btn{margin-bottom:1em}#corp-name-toggle-btn:hover{cursor:pointer}.corp-management-container .corp-table-wrapper{flex:1;min-height:0;overflow:auto;height:auto;padding-bottom:0!important;border:1px solid var(--border-color);border-top:none;border-bottom:none;background-color:#0003;scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,.3)}.corp-management-container #corp-table-container{display:flex;flex-direction:column;flex:1;overflow:hidden!important;min-height:0;position:relative;padding-bottom:0}.corp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.corp-management-container .corp-table th{position:sticky;top:0;background-color:#1a1a1a;z-index:10;box-shadow:0 2px 2px #00000080}.corp-table th,.corp-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}#corp-main-table{text-transform:capitalize}.corp-table th{font-family:var(--font-header);color:var(--accent-color);cursor:pointer;-webkit-user-select:none;user-select:none}.corp-table tbody tr:hover{background-color:#ff99000d}.corp-table .col-select,.corp-table .member-select-checkbox,.corp-table .select-all-checkbox{display:none}.corp-table.selection-active .col-select,.corp-table.selection-active .member-select-checkbox,.corp-table.selection-active .select-all-checkbox{display:table-cell}.corp-table.selection-active input.member-select-checkbox,.corp-table.selection-active input.select-all-checkbox{display:inline-block}.role-ceo{color:var(--accent-color);font-weight:700}.role-director{color:#a335ee;font-weight:700}.role-military-commander{color:#efe8a9}.role-diplomat{color:#0af}.role-officer{color:#11b124}.role-member{color:var(--text-color)}.corp-management-container .pagination-controls{display:flex!important;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:10px;flex-shrink:0;position:relative!important;bottom:auto!important;left:auto;right:auto;border-top:1px solid var(--border-color);width:100%;background-color:var(--secondary-bg);z-index:50;box-shadow:0 -2px 10px #00000080}.page-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.page-buttons button{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);min-width:30px;height:30px;padding:0 5px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.page-buttons button:hover:not(:disabled),.page-buttons button.active{background-color:var(--accent-color);color:var(--primary-bg);border-color:var(--accent-color);font-weight:700}.page-buttons button:disabled{opacity:.5;cursor:not-allowed}.items-per-page-selector{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer}@media(max-width:500px){.pagination-controls{flex-direction:column;padding-bottom:20px}.corp-filters-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:5px!important;padding:5px!important;justify-content:flex-start;max-width:100%}.filter-column{min-width:85px;flex-shrink:1}.corp-filter-input{font-size:.7rem!important;padding:2px!important;height:24px;width:100%!important}.filter-header{font-size:.65rem!important;margin-bottom:2px;white-space:nowrap}.total-players-display{font-size:.7rem;min-width:auto;padding:0 5px;white-space:nowrap}}#role-limits-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;width:100%;padding:10px}.role-limit-group{display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-light-color);padding:10px;border-radius:var(--radius-sm);background-color:#0003}.role-limit-group label{font-weight:700;color:var(--accent-color);margin-bottom:5px;font-size:.9rem}.role-limit-group input{width:100%;text-align:center;font-size:1.1rem;padding:5px;border:1px solid var(--border-color);background-color:var(--primary-bg);color:var(--text-color);border-radius:var(--radius-sm)}.role-limit-group input:focus{border-color:var(--accent-color)}#archive-title-form{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0}#archive-title-form .form-group{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;gap:10px}#archive-title-form label{color:var(--text-color);font-size:1rem}#archive-title-input{width:100%;padding:12px;font-size:1.1rem;text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#0000004d;color:var(--accent-color)}#archive-title-input:focus{border-color:var(--accent-color);box-shadow:0 0 10px var(--glow-color)}#archive-compare-btn{margin-bottom:.5em}.archive-controls .search-bar-container{width:60%;margin-top:.5em;margin-left:.1em}.corp-settings-menu{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.corp-settings-menu .card .modal-footer{justify-items:center}#import-mode,#import-mode-json{width:100%;max-width:300px;padding:10px;margin:0 auto 15px;display:block;background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-sm)}input[type=file]{width:100%;max-width:300px;padding:10px;background-color:#ffffff0d;border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color-secondary);text-align:center;margin:0 auto;display:block}input[type=file]:hover{border-color:var(--accent-color);background-color:#ff99000d}.modal-body .form-group{text-align:center;margin-bottom:15px}.corp-settings-menu .privacy-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.corp-settings-menu .privacy-icon{font-size:4rem;color:var(--accent-color);text-shadow:0 0 20px rgba(255,153,0,.3);margin-bottom:10px}.corp-settings-menu .privacy-text{font-size:.95rem;line-height:1.6;color:var(--text-color);background-color:#ff99000d;padding:15px;border-radius:var(--radius-md);border-left:3px solid var(--accent-color)}.reset-options-list{display:grid;gap:10px;margin-top:15px;width:90%;align-self:center}.reset-options-list label{display:flex;align-items:center;background-color:#1e1e1e99;border:1px solid var(--border-color);padding:12px 15px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.reset-options-list label:hover{background-color:#ff99001a;border-color:var(--accent-color);transform:translate(5px)}.reset-options-list input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--text-color-secondary);border-radius:4px;margin-right:15px;display:grid;place-content:center;transition:all .2s}.reset-options-list input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--primary-bg);background-color:var(--primary-bg);transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.reset-options-list input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.reset-options-list input[type=checkbox]:checked:before{transform:scale(1)}.modal-container.corp-management-modal .modal-body{padding:0;overflow-y:auto!important;overflow-x:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.column-toggle-container{position:relative}.column-toggle-dropdown{display:none;position:absolute;top:100%;right:0;background-color:#2a2a2e;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:100;padding:10px;width:200px;max-height:300px;overflow-y:auto}.column-toggle-dropdown.show{display:block}.column-toggle-dropdown label{display:block;padding:5px;cursor:pointer}.column-toggle-dropdown label:hover{background-color:#ffffff1a}.corp-table .actions{display:flex;gap:8px;justify-content:center}.actions button{background:none;border:none;cursor:pointer;font-size:1.1rem;opacity:.7;transition:opacity .2s}.actions button:hover{opacity:1;transform:scale(1.1)}.history-view{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;min-height:0;padding:10px}.history-tabs{display:flex;justify-content:center;border-bottom:1px solid var(--border-color);margin-bottom:10px;flex-shrink:0}.history-tab-content{display:none;flex-direction:column;flex-grow:1;overflow:hidden;text-align:center;position:relative}.history-tab-content.active{display:flex}.history-log-container,.history-content-wrapper{flex-grow:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--accent-color) rgba(0,0,0,.3)}.history-controls-header{display:flex;justify-content:center;align-items:center;justify-content:space-between;position:relative;padding:0 0 10px;flex-shrink:0;margin-top:.25em}.history-search-wrapper{width:50%;max-width:400px}#history-search{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:.9rem;text-align:center;margin-left:.25em}.history-filter-wrapper{position:absolute;right:0;margin-right:.25em}.modern-select{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--accent-color);font-size:.85rem;cursor:pointer;outline:none}.modern-select:hover{border-left:3px solid var(--border-color);padding:8px;border-radius:var(--radius-sm);font-size:.85rem}.history-details ul{list-style:none;padding-left:0;margin:5px 0 0}.history-details li{padding:2px 0}.history-entry{background-color:#0003;border-left:6px solid transparent;padding:8px;margin-bottom:5px;border-radius:var(--radius-sm)}.history-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px}.history-type{font-weight:700;color:var(--text-color)}.history-timestamp{color:#888;font-size:.75rem}.history-change{display:block;font-size:.85rem;color:#ccc}.points-gain{color:#11b124;font-weight:700;margin-left:5px}.old-value{text-decoration:line-through;color:#888;margin-right:5px}.arrow{color:var(--accent-color);margin:0 5px}.history-entry.type-create,.history-entry.type-member-add{border-left-color:#2e8b57}.history-entry.type-edit,.history-entry.type-update{border-left-color:#4169e1}.history-entry.type-delete,.history-entry.type-member-remove{border-left-color:#dc143c}.history-entry.type-import{border-left-color:#9932cc}.history-entry.type-re-integrate{border-left-color:#32cd32}.history-entry.type-archive{border-left-color:gold}.info-tooltip{position:relative;cursor:help;margin-left:5px}.info-tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.75rem;pointer-events:none;box-shadow:0 2px 5px #00000080}.info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.import-review-list{overflow-y:auto;padding:5px}.import-review-item{padding:10px;margin-bottom:8px;border-radius:var(--radius-sm);background-color:#0003}.import-review-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px;padding-top:5px;border-top:1px dashed rgba(255,255,255,.1)}.corp-settings-menu .btn{width:80%;max-width:300px;justify-content:center;display:flex;align-items:center}.corp-settings-menu .card{width:90%;max-width:400px;padding:15px;background-color:#ffffff0d;border-radius:var(--radius-md);text-align:center}.corp-settings-menu .card h4{color:var(--accent-color);margin-bottom:5px}.corp-settings-menu .card p{font-size:.85rem;color:#ccc;margin-bottom:10px}.archive-item{background-color:#0000004d;border-left:3px solid var(--accent-color);padding:10px;border-radius:var(--radius-sm);margin-bottom:8px}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.archive-title{font-weight:700;color:var(--text-color)}.archive-timestamp{font-size:.75rem;color:#888}.archive-stats-summary{display:flex;gap:10px;font-size:.8rem;color:#aaa;flex-wrap:wrap}.archive-actions{margin-top:8px;display:flex;gap:8px;justify-content:flex-end}#home{padding:var(--spacing-md)}#home h2{font-family:var(--font-header);color:var(--accent-color);text-align:center;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1px}#home>p{text-align:center;color:#ccc;margin-bottom:var(--spacing-xl);line-height:1.6}#home .card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform var(--transition-normal),border-color var(--transition-normal)}#home .card:hover{transform:translateY(-2px);border-color:var(--accent-color)}#home .card h3{font-family:var(--font-header);color:var(--accent-color);margin-bottom:var(--spacing-md);font-size:1.2rem;display:flex;align-items:center;gap:var(--spacing-sm)}#home .card h3:before{content:"⚡";font-size:1.5rem}#home .card:nth-child(3) h3:before{content:"📋"}#home .card:nth-child(4) h3:before{content:"⚠️"}#home .card p{color:#ddd;line-height:1.6;margin-bottom:var(--spacing-sm)}.external-link{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-color);color:var(--primary-bg);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-header);transition:all var(--transition-normal);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.external-link:hover{background-color:#ffaf33;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.external-link:after{content:" ↗";margin-left:var(--spacing-xs)}.dashboard-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:480px){#home{padding:var(--spacing-sm)}#home .card{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}#home .card h3{font-size:1.1rem}.external-link{padding:var(--spacing-sm);font-size:.8rem}}.modal-section-title{font-family:var(--font-header);color:var(--accent-color);margin-bottom:var(--spacing-sm);text-transform:uppercase;font-size:1rem;text-align:center}.collection-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);min-height:300px}.collection-grid.enhancements-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.enhancement-group-header{grid-column:1 / -1;font-family:var(--font-header);color:var(--text-color);text-transform:uppercase;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-md);text-align:center}.enhancement-group-header.special{background-color:var(--accent-color);color:var(--primary-bg);font-weight:700}.enhancement-group-header.basic{background-color:#4a4a52}.enhancement-tile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.enhancement-tile:hover{background-color:#ffffff0d}.enhancement-tile-icon{width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;padding:2px;background-color:#0000004d}.enhancement-tile-icon:hover{border-color:var(--accent-color)}.enhancement-tile-icon img{width:100%;height:100%;object-fit:cover}.enhancement-tile-icon.icon-view img{object-fit:contain;padding:4px}.enhancement-tile-name{font-size:.7rem;font-weight:500;color:var(--text-color-secondary);text-align:center;width:100%;line-height:1.2;min-height:2.4em}.collection-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}#collection .search-bar-container{flex-grow:1;margin:0}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 0}.pagination button{background-color:#2a2a3a;border:1px solid var(--border-color, #444);color:var(--text-color, #ccc);padding:8px 14px;margin:0 2px;border-radius:5px;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:1rem;transition:background-color .2s,color .2s,border-color .2s}.pagination button:hover{background-color:var(--border-color, #444);border-color:var(--accent-color, #ff9900);color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed;background-color:#222}.pagination button.active{background-color:var(--accent-color, #ff9900);color:var(--primary-bg, #1a1a2a);border-color:var(--accent-color, #ff9900);font-weight:700}.pagination span{color:var(--text-secondary, #888);padding:0 5px;align-self:center}.promotion-controls{background-color:#0003;border-radius:8px;padding:10px 15px;margin-bottom:20px}.promotion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.promotion-header .modal-section-title{margin:0;padding:0;border:none}.promotion-level-text{font-family:var(--font-header);font-weight:600;color:#ccc;font-size:1rem}.promotion-stars-container{display:flex;justify-content:center;gap:12px;margin:15px 0}.promotion-star{position:relative;width:36px;height:36px;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.star-chunk{position:absolute;width:100%;height:100%;background-color:var(--border-color);transition:background-color .4s ease}.star-chunk.filled{background-color:#d93a3a}.star-chunk.chunk-1{clip-path:polygon(50% 0%,61% 35%,39% 35%)}.star-chunk.chunk-2{clip-path:polygon(61% 35%,98% 35%,68% 57%)}.star-chunk.chunk-3{clip-path:polygon(68% 57%,79% 91%,50% 70%)}.star-chunk.chunk-4{clip-path:polygon(50% 70%,21% 91%,32% 57%)}.star-chunk.chunk-5{clip-path:polygon(32% 57%,2% 35%,39% 35%)}.promotion-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.promotion-buttons button{padding:10px;border-radius:5px;font-family:var(--font-header);font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.btn-promote{background-color:var(--accent-color);border:1px solid var(--accent-color);color:var(--primary-bg)}.btn-promote:hover{background-color:#ffaf33;transform:translateY(-2px)}.btn-reset{background:none;border:1px solid #ff5555;color:#f55}.btn-reset:hover{background-color:#f553;color:#f88}.level-sim{background-color:#ff99001a!important;border-color:var(--accent-color)!important}.level-controls{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px}.level-value{font-weight:600;font-family:var(--font-header);font-size:1.1rem;min-width:2ch;text-align:center;color:var(--accent-color);padding:0 var(--spacing-xs)}.no-results{grid-column:1 / -1;text-align:center;padding:40px 0;color:#aaa;font-style:italic;font-size:1rem}@media(max-width:380px){.rarity-filter-btn,.faction-filter-btn{font-size:x-small;padding:4px 8px}.ship-skill-layout{gap:0!important;padding:0!important}.skill-icon{width:55px;height:55px;margin-bottom:.5em}.skill-node{width:65px}}@media(max-width:480px){.collection-controls{gap:var(--spacing-sm)}.ship-skill-layout{gap:0!important;padding:0!important}.turret-selection-grid{--radius: 150px}.rarity-filter-btn,.faction-filter-btn{font-size:.69em;padding:4px 8px}.category-filters{order:1;align-self:stretch;justify-content:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:28px;height:28px;font-size:.75rem}.promotion-stars-container{gap:var(--spacing-xs)}.star-chunk{width:35px;height:35px}.modal-attributes,.modal-skills{gap:0}}.ship-skill-container{margin-top:var(--spacing-lg);position:relative}.ship-skill-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:var(--spacing-sm);align-items:center;justify-items:center;background-color:#0003;border-radius:var(--radius-md);padding:var(--spacing-md);min-height:240px}.ship-skill-node{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-height:90px;height:auto;cursor:pointer;text-align:center;width:80px;transition:transform var(--transition-fast)}.ship-skill-node:hover{transform:scale(1.05)}.ship-skill-node .skill-icon{width:60px;height:60px;background-color:#0006;border:2px solid var(--border-color);border-radius:var(--radius-sm);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}.ship-skill-node .skill-level-display{position:absolute;bottom:2px;right:2px;background-color:#000000b3;color:#fff;font-size:.7rem;font-weight:600;padding:1px 4px;border-radius:var(--radius-sm)}.ship-skill-node:hover .skill-icon{border-color:var(--accent-color)}.ship-skill-node .skill-name{font-size:.75rem;font-weight:600;color:var(--text-color);white-space:normal;word-break:break-word;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;flex-grow:1}.ship-skill-node.turret .skill-icon{background-size:80%!important;background-repeat:no-repeat}.skill-icon img{width:100%;height:100%;object-fit:contain;border-radius:4px}.ship-skill-node[data-slot="1"]{grid-area:1 / 1}.ship-skill-node[data-slot="2"]{grid-area:1 / 3}.ship-skill-node[data-slot="3"]{grid-area:3 / 1}.ship-skill-node[data-slot="4"]{grid-area:3 / 3}.ship-skill-node.turret{grid-area:2 / 2}#modal-content .ship-skill-node,.modal-content-config .ship-skill-node{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:110px}#modal-content .ship-skill-node .skill-icon,.modal-content-config .ship-skill-node .skill-icon{width:80px;height:80px}#modal-content .ship-skill-node.turret .skill-icon,.modal-content-config .ship-skill-node.turret .skill-icon{background-size:cover!important;padding:0}#modal-content .ship-skill-node .skill-name,.modal-content-config .ship-skill-node .skill-name{display:flex;align-items:center;justify-content:center;padding-top:2px;margin:0;flex-grow:0}#modal-content .ship-skill-node .skill-level-display,.modal-content-config .ship-skill-node .skill-level-display{position:static;font-family:var(--font-header);margin:0 auto;background:none;font-weight:400;padding-top:0}#modal-overlay .modal-category-gear .modal-portrait{width:100%}.card-info .agent-type{font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);color:#fff;font-size:.75rem}.agent-type-offense{background-color:#b33939}.agent-type-defense{background-color:#227093}.agent-type-support{background-color:#218c74}.card-info .agent-level{font-style:italic;color:var(--text-color-secondary);font-size:.8rem}#rarity-filters,#faction-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}#rarity-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;padding-right:var(--spacing-sm, 8px);-ms-overflow-style:none;scrollbar-width:none}#rarity-filters::-webkit-scrollbar{display:none}#faction-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.rarity-filter-btn,.faction-filter-btn{padding:6px 13px;border:2px solid transparent;border-left-width:4px;border-left-style:solid;border-radius:var(--radius-sm);background-color:#1e1e1e99;font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.rarity-filter-btn:hover:not(.active),.faction-filter-btn:hover:not(.active){background-color:#2d2d2de6;transform:translateY(-1px)}.rarity-filter-btn.active,.faction-filter-btn.active{border-right-width:4px;border-right-style:solid;color:#fff;transform:translateY(-1px)}#rarity-filters .rarity-filter-btn[data-rarity=all]{border-left-color:var(--border-color);color:var(--text-color-secondary, #aaa)}#rarity-filters .rarity-filter-btn[data-rarity=all].active{border-left-color:var(--light_border-color);border-right-color:var(--light_border_color);background-color:#ff990026;color:var(--light_border-color)}#rarity-filters .rarity-filter-btn[data-rarity=common]{border-left-color:#11ed27;color:#11ed27}#rarity-filters .rarity-filter-btn[data-rarity=rare]{border-left-color:#13a3e1;color:#13a3e1}#rarity-filters .rarity-filter-btn[data-rarity=epic]{border-left-color:#a335ee;color:#a335ee}#rarity-filters .rarity-filter-btn[data-rarity=legendary]{border-left-color:#f90;color:#f90}#rarity-filters .rarity-filter-btn[data-rarity=common].active{border-right-color:#11ed27;background-color:#11ed271a}#rarity-filters .rarity-filter-btn[data-rarity=rare].active{border-right-color:#13a3e1;background-color:#13a3e11a}#rarity-filters .rarity-filter-btn[data-rarity=epic].active{border-right-color:#a335ee;background-color:#a335ee1a}#rarity-filters .rarity-filter-btn[data-rarity=legendary].active{border-right-color:#f90;background-color:#ff99001a}#faction-filters .faction-filter-btn{border-left-color:var(--border-color);color:var(--text-color-secondary, #aaa)}#faction-filters .faction-filter-btn.active{border-left-color:var(--light_border_color);border-right-color:var(--light_border_color);background-color:#ff99001a;color:var(--light_border_color)}.bug-warning{position:absolute;top:-12px;right:-12px;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px;cursor:pointer;z-index:5;box-shadow:0 0 5px #00000080}.bug-warning-modal{display:flex;flex-direction:column;justify-content:space-between;height:100%}.bug-warning-modal #bug-warning-close-btn{margin-top:var(--spacing-lg);align-self:center}.bug-warning-modal h3{color:#fd4;margin-bottom:var(--spacing-md)}.bug-warning-modal p{color:var(--text-color-secondary)}#bug-warning-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-modal) + 10);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.bug-warning-modal-container{max-width:320px;width:100%;background-color:var(--secondary-bg)}.ship-skill-node,.skill-node{display:flex;flex-direction:column;height:100%}.ship-skill-node .skill-name,.skill-node .skill-name{display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.2;padding-bottom:var(--spacing-xs)}.ship-skill-node .skill-level-display,.skill-node .skill-level-display{flex-shrink:0;margin-top:auto}.card-info .enhancement-type{font-weight:600;font-size:.75rem;color:var(--text-color)}.card-info .enhancement-special-tag{font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);color:var(--primary-bg);background-color:var(--accent-color);font-size:.7rem;text-transform:uppercase;margin-left:var(--spacing-sm)}.modal-category-enhancement .modal-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.modal-category-enhancement .modal-portrait{height:450px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.modal-category-enhancement .modal-portrait.icon-view{object-fit:contain;padding:var(--spacing-sm)}.modal-category-enhancement .modal-title-group{text-align:center;margin-left:0}.modal-category-enhancement .modal-subtitle{font-size:.9rem;color:var(--text-color-secondary)}.enhancement-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.enhancement-detail-grid h4{font-family:var(--font-header);color:var(--text-color);font-size:.9rem;text-transform:uppercase}.collection-modal-header{display:block}.collection-modal-header.with-story .modal-title-group{display:grid;align-items:center;column-gap:var(--spacing-md);grid-template-columns:1fr auto auto;margin-left:1em;flex-grow:1}.collection-modal-header.with-story h2{grid-area:1 / 1 / 2 / 2;margin:0}.strategy-icon-btn{grid-area:1 / 2 / 3 / 3;background:none;border:none;cursor:pointer;padding:0;margin-right:-5px;width:45px;height:auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:transform var(--transition-fast),background-color var(--transition-fast)}.strategy-icon-btn:hover{transform:scale(1.1)}.strategy-icon-btn img{width:100%;height:100%;object-fit:contain}.story-icon-btn{grid-area:1 / 3 / 3 / 4;background:none;border:none;cursor:pointer;padding:0;margin-right:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:transform var(--transition-fast),background-color var(--transition-fast)}.story-icon-btn:hover{transform:scale(1.1);background-color:#ffffff0d}.story-icon-btn img{width:100%;height:100%;object-fit:contain}.enhancement-detail-list{list-style:none;padding:0;margin:0;font-size:.9rem;color:var(--text-color-secondary)}.enhancement-detail-list li{margin-bottom:var(--spacing-xs);position:relative;padding-left:1.2em}.enhancement-detail-list li:before{content:"■";position:absolute;left:0;color:var(--accent-color);font-size:.8em;top:2px}.enhancement-detail-description{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);font-size:1rem;color:var(--text-color);line-height:1.6}.modal-title-group .modal-subtitle-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap}.required-asset-tag{font-size:.9rem;color:var(--text-color-secondary);position:relative;padding-left:1.2em;font-weight:600}.required-asset-tag:before{content:"■";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--accent-color);font-size:.8em}.enhancement-asset-info{display:none}.modal-stats-v4 .stats-modal-header h2{font-family:var(--font-header);color:var(--accent-color);text-align:center;text-transform:uppercase;font-size:1rem;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);text-shadow:0 0 8px var(--glow-color)}.modal-stats-v4 .stats-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-stats-v4 .consolidated-sets-wrapper{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.modal-stats-v4 .possible-sets-container{background-color:#0a0a0a80;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.modal-stats-v4 .possible-sets-container h4{font-size:.8rem;color:var(--text-color-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;font-weight:600}.modal-stats-v4 .stats-set-list{list-style:none;padding:0;margin:0;font-size:.8rem;display:flex;flex-wrap:wrap;gap:6px}.modal-stats-v4 .stats-set-list li{background-color:#ffffff14;color:#ccc;padding:3px 8px;border-radius:var(--radius-sm)}.modal-stats-v4 .stats-rarity-card{background:linear-gradient(180deg,#1e1e1eb3,#141414b3);border:1px solid var(--border-color);border-left-width:3px;border-left-style:solid;border-radius:var(--radius-md);padding:var(--spacing-md)}.modal-stats-v4 .rarity-border-legendary{border-left-color:#f90}.modal-stats-v4 .rarity-border-epic{border-left-color:#a335ee}.modal-stats-v4 .stats-rarity-title{font-family:var(--font-header);font-size:1.2rem;text-transform:uppercase;margin-bottom:var(--spacing-md);font-weight:700}.modal-stats-v4 .stats-rarity-card h4{font-family:var(--font-header);font-size:1rem;color:var(--text-color);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-stats-v4 .stats-rarity-card h4:first-of-type{margin-top:0}.modal-stats-v4 .tier-cards-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.modal-stats-v4 .stat-tier-card{display:flex;align-items:center;background-color:#0a0a0a99;border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;height:65px;transition:background-color .2s ease,border-color .2s ease}.modal-stats-v4 .stat-tier-card:hover{background-color:#232323b3;border-color:var(--border-light-color)}.modal-stats-v4 .tier-badge{height:100%;width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:var(--primary-bg);font-family:var(--font-header);font-size:1.5rem;font-weight:700;clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}.modal-stats-v4 .stat-group{flex-grow:1;padding:0 var(--spacing-md);text-align:center}.modal-stats-v4 .stat-label{font-size:.7rem;color:var(--text-color-secondary);margin-bottom:2px;text-transform:uppercase}.modal-stats-v4 .stat-value{font-family:var(--font-body);font-weight:600}.modal-stats-v4 .stat-value.primary{font-size:1.1rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3)}.modal-stats-v4 .stat-value.secondary{font-size:1rem;color:#ccc}.modal-stats-v4 .stat-value.primary,.modal-stats-v4 .stat-value.secondary{color:#42bda0;font-weight:700}.modal-stats-v4 .stats-set-list li.special-set{color:var(--accent-color);font-weight:600}.enhancement-header-controls{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm);padding:0}#show-enhancement-stats-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;font-size:.85rem;height:auto;max-width:fit-content}#show-enhancement-stats-btn img{width:30px;height:20px}#faction-filters .faction-filter-btn{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left}#faction-filters .faction-filter-btn img{width:20px;height:35px;object-fit:contain;flex-shrink:0;transition:filter var(--transition-fast)}#faction-filters .faction-filter-btn span{flex-grow:1;text-align:center}#faction-filters .faction-filter-btn.active img{filter:none}.faction-filter-btn{padding:6px 7px;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm)}.modal-title-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}#show-ship-promo-graph-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;font-size:.85rem;height:auto;max-width:fit-content;flex-shrink:0}#show-ship-promo-graph-btn img{width:30px;height:20px}.ship-promo-graph-modal .stats-modal-content{overflow-y:auto;padding-right:var(--spacing-sm)}.ship-promo-graph-container{width:100%;padding:0 var(--spacing-xs);--promo-graph-row-height: 32px}.ship-promo-graph-header{display:flex;justify-content:space-between;padding:0 var(--spacing-sm) var(--spacing-sm);margin-left:60px}.ship-promo-graph-level{display:flex;align-items:center;height:var(--promo-graph-row-height);margin:2px 0;position:relative;z-index:1}.ship-promo-graph-yaxis{width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ship-promo-graph-xaxis{flex-grow:1;display:flex;align-items:center;gap:var(--spacing-sm)}.ship-promo-graph-cost{font-size:.8rem;font-weight:600;color:#ccc;width:30px;text-align:right;margin-right:var(--spacing-md)}.ship-promo-graph-milestone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ship-promo-graph-milestone .promotion-star{width:30px;height:30px;filter:none;margin:0}.ship-promo-graph-star-label{font-size:.6rem;color:var(--text-color-secondary)}.ship-promo-graph-skill-overlay{position:absolute;top:20px;left:60px;right:48px;height:calc(100% - 30px);z-index:2;pointer-events:none}.ship-promo-graph-skill-milestone[data-slot-id="1"]{top:calc(5 * (var(--promo-graph-row-height) + 2px) - (var(--promo-graph-row-height) / 2))}.ship-promo-graph-skill-milestone[data-slot-id="2"]{top:calc(10 * (var(--promo-graph-row-height) + 2px) - (var(--promo-graph-row-height) / 2))}.ship-promo-graph-skill-milestone[data-slot-id="3"]{top:calc(15 * (var(--promo-graph-row-height) + 2px) - (var(--promo-graph-row-height) / 2))}.ship-promo-graph-skill-milestone[data-slot-id="4"]{top:calc(20 * (var(--promo-graph-row-height) + 2px) - (var(--promo-graph-row-height) / 2))}.ship-promo-graph-skill-milestone img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.ship-promo-graph-skill-milestone.locked{filter:grayscale(1) brightness(.7)}.cost-to-next-star{position:relative;display:inline-block;float:right;margin-top:11px;margin-bottom:8px;line-height:1}.cost-to-next-star .data-chips-icon-small{width:40px;height:30px;vertical-align:middle}.cost-to-next-star .cost-value{position:absolute;top:37%;left:-40%;transform:translate(-50%,-50%);color:var(--accent-color);font-weight:600;font-size:1.5rem;font-family:emoji}.ship-promo-graph-cost{width:30px;margin-right:var(--spacing-sm)}.ship-promo-graph-xaxis{gap:var(--spacing-xs)}#skill-detail-modal.graph-skill-modal #skill-detail-upgrade-btn{display:none!important}.ship-promo-graph-layout-wrapper{display:grid;grid-template-columns:60px 1fr 30px;gap:var(--spacing-sm);width:100%;max-height:500px}.ship-promo-graph-yaxis-stars{display:flex;flex-direction:column;height:calc((var(--promo-graph-row-height) + 2px) * 25)}.ship-promo-graph-xaxis{margin-left:0}.ship-promo-graph-cost-breakdown{display:flex;flex-direction:column;width:30px;flex-shrink:0;height:calc((var(--promo-graph-row-height) + 2px) * 25);padding-top:calc(15px + (var(--promo-graph-row-height) * 2.5));padding-bottom:15px;box-sizing:content-box}.ship-promotion-graph-modal{max-height:90vh}.ship-promo-graph-modal .stats-modal-content{overflow-y:hidden;padding-right:var(--spacing-sm);display:flex;flex-direction:column}.more-infos-title{font-family:var(--font-header);color:var(--accent-color);text-align:center;text-transform:uppercase;font-size:1rem;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);text-shadow:0 0 8px var(--glow-color)}.ship-promo-graph-header{display:flex;justify-content:space-between;padding:0 var(--spacing-sm) var(--spacing-sm);margin-left:0;grid-column:2 / 4}.ship-promo-graph-header-label{font-size:.7rem;color:var(--text-color-secondary);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--spacing-md)}.ship-promo-graph-header-label .data-chips-icon{width:40px;height:30px}.ship-promo-graph-layout-wrapper{display:grid;grid-template-columns:60px 1fr 30px;gap:var(--spacing-sm);width:100%;max-height:500px;flex-grow:1}.ship-promo-graph-yaxis-stars{display:flex;flex-direction:column;height:100%;overflow:hidden}.ship-promo-graph-star-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:calc((var(--promo-graph-row-height) + 2px) * 5);flex-shrink:0;padding-bottom:var(--spacing-sm)}.ship-promo-graph-star-icon-container .promotion-star{width:30px;height:30px;filter:none;margin:0}.ship-promo-graph-star-icon-container .ship-promo-graph-star-label{font-size:.6rem;color:var(--text-color-secondary)}.ship-promo-graph-main-area-wrapper{flex-grow:1;overflow-y:auto;overflow-x:hidden}.ship-promo-graph-main-area{position:relative;padding-top:15px;padding-bottom:15px}.ship-promo-graph-level-row{position:relative}.ship-promo-graph-level{display:block;height:var(--promo-graph-row-height);margin:2px 0;position:relative;z-index:1}.ship-promo-graph-level.current{background-color:#ff99001a;border-radius:var(--radius-sm)}.ship-promo-graph-xaxis{flex-grow:1;display:flex;align-items:center;gap:var(--spacing-xs);margin-left:0}.ship-promo-graph-bar-container{flex-grow:1;height:10px;border-radius:5px;overflow:hidden;position:relative}.ship-promo-graph-bar{height:100%;background-color:var(--accent-color);transition:width var(--transition-normal)}.ship-promo-graph-label-current{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:var(--primary-bg);text-shadow:0 0 2px var(--accent-color)}.ship-promo-graph-chunk-cost{font-size:.8rem;font-weight:600;color:#4caf50;width:35px;text-align:right;flex-shrink:0}.ship-promo-graph-cost{font-size:.8rem;font-weight:600;color:#ccc;width:30px;text-align:right;margin-right:var(--spacing-sm)}.ship-promo-graph-divider{display:none}.ship-promo-graph-cost-breakdown{display:flex;flex-direction:column;width:30px;flex-shrink:0;height:100%;overflow:hidden}.star-cost-item{width:100%;height:calc((var(--promo-graph-row-height) + 2px) * 5);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.star-cost-item .star-cost-bar{position:absolute;width:2px;height:100%;background-color:#8b0000;border-radius:4px;z-index:1}.star-cost-item .star-cost-value{font-family:var(--font-header);color:var(--accent-color);font-size:1.1rem;font-weight:700;z-index:2;position:relative;background:var(--primary-bg);padding:0 4px;border-radius:3px}.ship-promo-graph-skill-overlay{position:absolute;top:20px;left:0;right:0;height:calc(100% - 30px);z-index:2;pointer-events:none}.ship-promo-graph-skill-milestone{position:absolute;width:60px;height:60px;transform:translateY(-50%);pointer-events:all;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ship-promo-graph-skill-milestone:hover{border-color:var(--accent-color);transform:translateY(-50%) scale(1.1)}#promo-graph-back-btn{position:absolute;top:0;right:7px;background:none;border:none;color:#fff;font-size:2rem;font-weight:300;line-height:1;cursor:pointer;z-index:10}#promo-graph-back-btn:hover{color:var(--accent-color)}.story-icon-btn{display:block;width:45px;height:45px;background:transparent;border:none;padding:0;cursor:pointer;transition:transform var(--transition-fast)}.story-icon-btn:hover{transform:scale(1.1)}.story-icon-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,153,0,.4))}.story-icon-btn:hover{transform:scale(1.1);background:none;box-shadow:none}.story-icon-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,153,0,.5))}.story-icon-btn span{display:none}.modal-container.story-mode #modal-content{height:100%}.modal-story-content{display:flex;flex-direction:column;height:100%;min-height:100%;padding:var(--spacing-lg);text-align:center;background:radial-gradient(circle at center,#1e1e28f2,#0a0a0ffa);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:inset 0 0 50px #000c;position:relative;overflow:hidden;box-sizing:border-box}.story-title{font-family:var(--font-header);font-size:2rem;color:var(--accent-color);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid rgba(255,153,0,.3);padding-bottom:var(--spacing-md);display:inline-block;align-self:center}.story-text{flex-grow:1;overflow-y:auto;font-family:Georgia,serif;font-size:1rem;line-height:1.8;color:#e0e0e0;text-align:left;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ffffff08;border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:3px solid var(--accent-color)}.story-text p{margin-bottom:1em}.no-story{font-style:italic;color:#888;text-align:center}.btn-back-story{align-self:center;background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-header);text-transform:uppercase;font-weight:600;transition:all .2s ease;margin-top:auto}.btn-back-story:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ff99001a}.fade-in{animation:fadeIn .4s ease-out forwards}.builds-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.search-bar-container{flex-grow:1;margin-bottom:.75em}.build-view-controls{display:flex;gap:var(--spacing-sm);flex-shrink:0}.build-view-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;background:none;border:none;color:#aaa;transition:color var(--transition-normal)}.build-view-btn img{width:45px;height:45px;border-radius:50%;border:2px solid var(--border-color);padding:4px;background-color:#0006;transition:all var(--transition-normal);filter:grayscale(80%)}.build-view-btn span{font-size:.7rem;font-weight:600;text-transform:uppercase}.build-view-btn:hover img,.build-view-btn.active img{border-color:var(--accent-color);filter:grayscale(0%)}.build-view-btn.active img{box-shadow:0 0 8px var(--glow-color)}.build-view-btn.active{color:var(--text-color)}.build-filters{margin-bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.build-filters .form-group{flex:1}.subsection-title{font-family:var(--font-header);color:var(--text-color);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);text-transform:uppercase;font-size:1rem}.build-tab-panel{display:none;animation:fadeIn .4s ease-in-out}.build-tab-panel.active{display:block}.builds-list-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:80px}.create-build-floating-container{position:absolute;bottom:5em;left:0;right:0;margin-left:auto;margin-right:auto;width:220px;z-index:10}s #create-build-btn{padding:var(--spacing-sm) var(--spacing-xl);box-shadow:0 4px 15px #00000080;font-size:.9rem;border-radius:var(--radius-lg)}.create-build-form .form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.main-selectors-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.main-selectors-row{display:flex;justify-content:center;align-items:flex-end;gap:var(--spacing-md);width:100%;text-align:center}.main-selectors-row .build-card-selector{width:115px;height:120px}.main-selectors-row .main-ship,.main-selectors-row .main-agent,.main-selectors-row .main-formation{width:90px;height:90px}.selector-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.selector-label{font-family:var(--font-header);font-size:.8rem;color:var(--text-color);text-transform:uppercase;transition:color .2s ease-in-out}.selector-wrapper:hover .selector-label{color:var(--accent-color)}.build-card-selector{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-fast)}.main-selector-wrapper:hover .build-card-selector{transform:translateY(-5px)}.build-card-selector .card-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .4s ease;clip-path:inherit}.build-card-selector.has-selection .card-bg-image{opacity:1}.build-card-selector[data-type=formation].has-selection img{padding:.2em}.build-card-selector.has-selection .card-bg-image .build-card-selector .card-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-color);text-shadow:0 0 5px #000;width:100%}.build-card-selector .placeholder-content{position:relative;display:flex;align-items:center;justify-content:center}.build-card-selector.has-selection .placeholder-content{display:none}.build-card-selector .placeholder-icon{width:90%;opacity:1}.main-selectors-row .main-deputy img{width:100%}.build-card-selector.main-deputy:not(.has-selection) .placeholder-icon{width:90%}.build-card-selector .placeholder-plus{position:absolute;top:78%;left:75%;transform:translate(-50%,-50%);font-size:40px;font-weight:200;color:#1e9511b3}.build-card-selector:not(.has-selection) .item-name{display:none}.build-card-selector .item-name{font-family:var(--font-header);font-weight:700;font-size:.9rem;padding:0 var(--spacing-xs)}.matchups-title{font-family:var(--font-header);text-align:center;text-transform:uppercase;color:var(--accent-color);margin:var(--spacing-xl) 0 var(--spacing-sm);font-size:1.1rem}.btn-add-matchup{margin-top:var(--spacing-md);display:block;margin-left:auto;margin-right:auto;width:50%;max-width:200px}.matchup-scroller{position:relative;width:100%;padding:0 1.5em}.carousel-viewport{width:100%;overflow:hidden}.build-carousel-track{display:flex;transition:transform .4s ease-in-out;will-change:transform;cursor:grab}.build-carousel-track:active{cursor:grabbing}.build-carousel-item{flex:0 0 100%;min-width:100%;padding:var(--spacing-sm);position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-md);height:auto}.build-carousel-item .btn-remove-matchup{border-color:var(--accent-color);position:absolute;bottom:5px;right:5px;z-index:5;width:24px;height:24px;background:#00000080;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.build-carousel-item .btn-remove-matchup img{width:14px;height:14px}.build-carousel-item .btn-remove-matchup:hover{background:#000000b3;border-color:red}.matchup-top-row,.matchup-bottom-row{display:flex;gap:var(--spacing-sm)}.custom-selector{background:#0a0a0a80;border:1px solid #444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);gap:var(--spacing-xs);position:relative}.custom-selector:hover{border-color:var(--accent-color);background-color:#28231eb3}.matchup-top-row .custom-selector{height:100px;flex:1}.matchup-bottom-row .custom-selector{flex:1}.custom-selector .placeholder{font-size:.8rem;color:#888}.custom-selector img{width:32px;height:32px;border-radius:2px}.custom-selector span:not(.placeholder){font-size:.75rem;font-weight:600;color:var(--text-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#888;font-size:2.5rem;cursor:pointer;transition:color .2s ease;background:transparent;border:none;padding:0;line-height:1}.scroll-arrow.left{left:0}.scroll-arrow.right{right:0}.scroll-arrow:not(.disabled):hover{color:var(--accent-color)}.scroll-arrow.disabled{opacity:.2;pointer-events:none}.carousel-indicators{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:var(--spacing-sm);height:20px}.indicator-dot{width:8px;height:8px;background-color:#555;border-radius:50%;transition:all var(--transition-fast)}.indicator-dot.active{background-color:var(--accent-color);transform:scale(1.4)}.build-carousel-item{justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.matchup-bottom-row{justify-content:center;gap:var(--spacing-xl)}.custom-selector{overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.matchup-top-row .custom-selector{height:100px;flex:1;overflow:hidden}.matchup-bottom-row .custom-selector{width:80px;height:80px;border-radius:50%;flex:0 0 80px}.custom-selector .selector-bg-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;z-index:1;opacity:0;transition:opacity .3s ease}.custom-selector.has-selection .selector-bg-image{opacity:1}.matchup-bottom-row .custom-selector .selector-bg-image{transform:scale(1.3)}.custom-selector .placeholder,.custom-selector .item-name{position:relative;z-index:2}.custom-selector .item-name{font-family:var(--font-header);font-weight:700;font-size:.9rem;color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:none}.custom-selector.has-selection .item-name{display:inline-block}.custom-selector.has-selection .placeholder{display:none}.create-build-form .form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}#build-progress-indicator{display:flex;gap:var(--spacing-sm);flex-grow:1}.progress-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1}.progress-bar{width:100%;height:6px;background-color:var(--border-color);border-radius:3px;transition:background-color .4s ease}.progress-bar.completed{background-color:var(--accent-color);box-shadow:0 0 5px var(--glow-color)}.progress-label{font-size:.65rem;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase}.confirmation-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.form-group:has(#strong-against-list)>label{color:#11b124;padding-left:2em}.form-group:has(#weak-against-list)>label{color:#c54848;padding-left:2em}.matchup-bottom-row .custom-selector img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.build-card-selector.has-selection .item-name{display:flex!important;align-items:center;justify-content:center;position:absolute;top:35%;left:0;width:90%;height:100%;margin:0 5%;z-index:3;color:var(--text-color);text-align:center;padding:var(--spacing-sm);line-height:1.2;word-break:break-word;font-size:.8rem}.custom-selector.has-selection .item-name{display:inline-block!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;z-index:3}.matchup-bottom-row .custom-selector img{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.create-build-form .form-group:has(#build-notes)>label,.matchups-title{color:var(--accent-color)!important}.enhancement-slot.empty:before{content:"";display:block;width:80%;height:80%;background-image:url(/assets/icons/default-item.webp);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.3}.build-card-selector .card-bg-image{width:100%;height:100%;object-fit:cover}.build-card-selector.main-lead.has-selection .card-bg-image,.build-card-selector.main-deputy.has-selection .card-bg-image{object-position:center 20%}.build-card-selector.main-ship.has-selection .card-bg-image{object-position:center 100%}.matchup-bottom-row .custom-selector[data-type=agent] .selector-bg-image{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.matchup-bottom-row .custom-selector[data-type=formation] .selector-bg-image{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-select-filter{background-color:#1e1e1eb3;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;position:relative;transition:border-color var(--transition-fast);text-align:left;-webkit-user-select:none;user-select:none;font-size:small}.custom-select-filter:hover{border-color:var(--accent-color)}.custom-select-filter span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-filter:after{content:"▼";position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);font-size:.7rem;color:var(--text-color-secondary);pointer-events:none}.filter-reset-btn{position:absolute;top:50%;right:25px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background-color:#00000080;color:var(--text-color-secondary);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:2}.custom-select-filter.active .filter-reset-btn{opacity:1;visibility:visible}.filter-reset-btn:hover{background-color:#c54848;color:#fff}.build-row-info-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);min-height:30px}.vote-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.vote-btn{width:28px;height:28px;padding:4px;border-radius:50%;background:#ffffff0d;border:2px solid transparent;transition:all var(--transition-fast)}.vote-btn svg{width:100%;height:100%;fill:#888;transition:fill var(--transition-fast)}.vote-btn:hover:not(.active){background:#ffffff1a}.vote-btn[data-action=upvote]:hover:not(.active) svg{fill:var(--accent-color)}.vote-btn[data-action=downvote]:hover:not(.active) svg{fill:#c54848}.vote-count{font-family:var(--font-header);font-size:1rem;font-weight:700;color:var(--text-color);min-width:20px;text-align:center}.vote-btn.active{background:#28282880}.vote-btn[data-action=upvote].active{border-color:var(--accent-color)}.vote-btn[data-action=downvote].active{border-color:#c54848}.vote-btn[data-action=upvote].active svg{fill:var(--accent-color)}.vote-btn[data-action=downvote].active svg{fill:#c54848}.build-row{position:relative;overflow:hidden}.popularity-banner{position:absolute;top:-1px;right:-1px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;pointer-events:none}.popularity-banner span{position:absolute;z-index:1;top:28px;right:-15px;transform:rotate(45deg);display:block;width:150px;padding:4px 0;background-color:var(--banner-color, var(--accent-color));box-shadow:0 2px 5px #0006;color:#fff;font-family:var(--font-header);font-size:.7rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px}.build-row-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.header-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.header-meta .build-creator{color:#888;font-size:.8rem}.view-count-display{display:flex;align-items:center;gap:var(--spacing-xs);color:#aaa}.view-count-display svg{width:18px;height:18px;fill:currentColor}.view-count-display span{font-size:.8rem;font-weight:600}.create-build-form .matchup-item-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);flex:1}.create-build-form .matchup-top-row .matchup-item-wrapper{min-height:120px}.create-build-form .matchup-item-wrapper .item-name{font-size:.7rem;font-weight:600;color:#ccc;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.create-build-form .matchup-top-row .custom-selector{height:100px;width:100%}.create-build-form .matchup-bottom-row .custom-selector{border-radius:50%;height:80px;width:80px;flex-basis:80px;flex-grow:0}.create-build-form .custom-selector .selector-bg-image{background-size:cover;background-position:center;height:100%}.create-build-form .custom-selector[data-type=lead] .selector-bg-image,.create-build-form .custom-selector[data-type=deputy] .selector-bg-image{background-position:50% 18%}.main-selector-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:140px}.main-selector-wrapper:has(.main-ship),.main-selector-wrapper:has(.main-agent),.main-selector-wrapper:has(.main-formation){width:90px}.main-selector-wrapper .item-name{font-size:.8rem;font-weight:600;color:#ccc;min-height:1.2rem;display:none;text-align:center}.main-selector-wrapper .selector-label{font-family:var(--font-header);font-size:.8rem;color:var(--text-color);text-transform:uppercase;transition:color .2s ease-in-out;min-height:1.2rem;text-align:center;width:100%}.main-selector-wrapper:hover .selector-label{color:var(--accent-color)}.main-selector-wrapper:has(.has-selection) .item-name{display:block}.main-selector-wrapper:has(.has-selection) .selector-label{display:none}.build-card-selector.has-selection{border:1px solid var(--accent-color);box-shadow:0 0 5px var(--glow-color)}.create-build-form .char-counter{text-align:right;font-size:.75rem;color:var(--text-color-secondary);margin-top:var(--spacing-xs)}.create-build-form .char-counter.error{color:#e15554;font-weight:600}.create-build-form .form-group{margin-bottom:var(--spacing-lg)}.form-label-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.form-label-group .info-btn{width:20px;height:20px;color:var(--text-color-secondary);cursor:pointer;padding:0;background:none;border:none;display:flex;align-items:center;justify-content:center}.form-label-group .info-btn:hover{color:var(--accent-color)}.skill-tree-container.locked-skills{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.build-card-selector.locked{position:relative;cursor:not-allowed}.build-card-selector.locked .lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0f14b3;border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.build-card-selector.locked .lock-overlay svg{width:35%;height:35%;max-width:48px;fill:#cccccc80}.build-card-selector.locked .btn-configure{position:absolute;top:8px;right:8px;z-index:4;width:32px;height:32px;padding:6px;border-radius:50%;background-color:#00000080;border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.build-card-selector.locked .btn-configure svg{width:100%;height:100%;fill:#ccc;transition:fill var(--transition-fast)}.build-card-selector.locked .btn-configure:hover{background-color:#000000b3;border-color:var(--accent-color)}.build-card-selector.locked .btn-configure:hover svg{fill:var(--accent-color)}@media(hover:none)and (pointer:coarse){.vote-btn:hover:not(.active){background:none}.vote-btn[data-action=upvote]:hover:not(.active) svg,.vote-btn[data-action=downvote]:hover:not(.active) svg{fill:#888}}.create-build-form .form-actions{flex-wrap:wrap;justify-content:flex-end}.create-build-form .form-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}#unlock-full-edit-btn{background-color:var(--secondary-bg);border:1px solid var(--border-color)}#unlock-full-edit-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.build-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.build-actions .btn-delete-community{padding:3px}.build-actions .btn-delete-community:hover img{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.confirmation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);animation:fadeIn .3s ease}.confirmation-dialog{background:none;border:1px solid var(--border-color);box-shadow:none;padding:var(--spacing-lg);max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInSlideDown .4s ease-out;min-height:300px}.confirmation-dialog .modal-header{display:none}.confirmation-banner{background-color:var(--accent-color);color:#0a0a0a;padding:var(--spacing-sm) var(--spacing-md);clip-path:polygon(0 0,100% 0,100% 20%,100% 40%,94% 60%,100% 80%,95% 100%,0 100%,5% 50%);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.banner-icon{width:78px;height:78px;background-color:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 2px 4px #0000004d inset;flex-shrink:0}.banner-icon img{width:100%;height:100%;object-fit:contain}.banner-text-content{flex-grow:1;display:flex;flex-direction:column}.banner-text-content .confirmation-lead{font-family:var(--font-body);font-weight:600;font-size:.9em;text-transform:uppercase;opacity:.9;margin:0}.banner-text-content .build-name-display{font-family:var(--font-header);font-size:1.4em;font-weight:700;text-transform:uppercase;line-height:1.2;margin-top:var(--spacing-xs);word-break:break-word}.warning-text,.info-text{font-size:.9em;line-height:1.5;padding:0 var(--spacing-sm)}.warning-text{color:#e15554;font-weight:600}.info-text{color:var(--text-color-secondary);font-style:italic}.confirmation-buttons{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:auto;padding-top:var(--spacing-sm)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-color-secondary);font-family:var(--font-header);font-weight:700;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{border-color:var(--text-color);color:var(--text-color)}.btn-outline.btn-danger:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:rgba(var(--accent-rgb),.1)}#modal-overlay:has(#modal-container.bug-report-modal){position:absolute;border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-md)}#modal-container.bug-report-modal{width:100%;height:100%;max-width:100%;max-height:100%;padding:0;border:none;border-radius:0;background-color:var(--primary-bg);box-shadow:none;display:flex;flex-direction:column}#modal-container.bug-report-modal #modal-content{height:100%;display:flex;flex-direction:column;overflow-y:auto}#modal-container.bug-report-modal #selection-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-bg);-webkit-backdrop-filter:none;backdrop-filter:none}#modal-container.bug-report-modal #selection-modal-container{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:none!important;border-radius:0!important;box-shadow:none!important}.bug-report-modal .selection-group-grid{gap:var(--spacing-lg)}#bug-tracker #bug-report-form-container{margin-bottom:var(--spacing-xl)}#bug-tracker .subsection-title{font-family:var(--font-header);color:var(--text-color);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}#bug-tracker .bug-status-filters{display:flex;gap:var(--spacing-sm)}#bug-tracker .bug-status-filter-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}#bug-tracker .bug-status-filter-btn:hover{background-color:var(--accent-color);color:var(--primary-bg);border-color:var(--accent-color)}#bug-tracker .bug-status-filter-btn.active{background-color:var(--accent-color);color:var(--primary-bg);border-color:var(--accent-color);font-weight:600}#bug-tracker #bug-reports-list{display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1;overflow-y:auto}#bug-tracker .bug-report-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}#bug-tracker .bug-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:.8rem;gap:var(--spacing-sm)}#bug-tracker .bug-report-category{color:#cadf26;background-color:#555;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}#bug-tracker .bug-report-status{padding:2px 6px;border-radius:var(--radius-sm);text-transform:capitalize;color:var(--accent-color)}#bug-tracker .bug-report-status.in-progress{background-color:var(--accent-color);color:var(--primary-bg)}#bug-tracker .bug-report-status.needs-clarification{background-color:#e0d03b;color:var(--primary-bg);font-weight:600}#bug-tracker .bug-report-status.resolved{background-color:#2e8b57;color:#fff}#bug-tracker .bug-report-card[data-status=needs_clarification]{border-color:#e0d03b;background-color:#e0d03b14}#bug-tracker .bug-report-card[data-status=needs_clarification] .bug-report-header:before{content:"⚠️";font-size:1rem;margin-right:var(--spacing-sm)}#bug-tracker .bug-report-title{font-family:var(--font-header);margin-bottom:var(--spacing-xs)}#bug-tracker .bug-report-desc{font-size:.9rem;color:#ccc}#bug-tracker .no-results{text-align:center;padding:var(--spacing-xl);color:#888}#bug-tracker .bug-tracker-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}#bug-tracker .bug-main-tabs{display:flex;background-color:var(--secondary-bg);border-radius:var(--radius-md);padding:var(--spacing-xs);flex-shrink:0}#bug-tracker .bug-main-tab-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-color);font-weight:600}#bug-tracker .bug-main-tab-btn.active{background-color:var(--accent-color);color:var(--primary-bg)}#app-container #report-bug-btn-container{position:absolute;bottom:5em;right:.5em;z-index:10;left:auto;transform:none;width:auto}#bug-tracker .modal-footer{align-self:center}#bug-tracker #report-bug-btn{margin-right:0}#bug-tracker #bug-skill-details-container{display:flex;align-items:center;justify-content:space-between;background-color:#0003;padding:var(--spacing-sm);border-radius:var(--radius-sm)}#bug-tracker #selected-skill-name{font-weight:600}.bug-report-skill-name{color:#a0b310}#bug-tracker .bug-filters-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}#bug-tracker .bug-advanced-filters{display:flex;gap:var(--spacing-md);align-items:center}#bug-tracker .bug-advanced-filters select,#bug-tracker .bug-status-filter-btn{height:34px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}#bug-tracker .pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md) 0;margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);flex-shrink:0}#bug-tracker .page-buttons button{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);margin:0 2px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}#bug-tracker .page-buttons button:hover,#bug-tracker .page-buttons button.active{background-color:var(--accent-color);color:var(--primary-bg);border-color:var(--accent-color);font-weight:700}#bug-tracker .items-per-page-selector{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:var(--spacing-xs);border-radius:var(--radius-sm)}#bug-tracker #bug-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-family:var(--font-body);font-size:.9rem;transition:all var(--transition-normal)}#bug-tracker #bug-search:focus{outline:none;border-color:var(--accent-color)}#bug-tracker .bug-advanced-filters .form-group{display:flex;align-items:center}#bug-tracker .bug-advanced-filters .form-group label{margin-bottom:.5em;white-space:nowrap;color:var(--text-color)}#bug-tracker .bug-report-header .bug-report-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}#bug-tracker .bug-report-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}#bug-tracker .footer-label{font-size:.8rem;color:#aaa}#bug-tracker .footer-actions{display:flex;gap:var(--spacing-sm)}#bug-tracker .btn-feedback{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}#bug-tracker .btn-feedback:hover{transform:translateY(-1px);border-color:var(--accent-color)}#bug-tracker .btn-feedback:disabled{opacity:.5;cursor:not-allowed;background-color:#222}#bug-tracker .search-bar-container{margin:0}#bug-tracker .bug-occurrence-count{padding:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid darkslateblue;font-size:medium}.modal-body{flex-grow:1;overflow-y:auto;padding:0 var(--spacing-lg)}#modal-overlay.bug-report-modal .modal-header,#modal-overlay.bug-report-modal .modal-footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}#modal-overlay.bug-report-modal .modal-header{padding-top:var(--spacing-lg)}#modal-overlay.bug-report-modal .modal-footer{padding-bottom:var(--spacing-lg)}#bug-report-category-grid{display:grid;grid-template-columns:repeat(auto-fill,140px);justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md)}#bug-report-category-grid:has(.bug-category-card:only-child){justify-content:center}.bug-category-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all var(--transition-fast);min-height:120px}.bug-category-card:hover{border-color:var(--accent-color);transform:translateY(-4px);background-color:rgba(var(--accent-color-rgb),.1)}.bug-category-card .card-icon{padding:.5em;margin-bottom:var(--spacing-md);opacity:1}.bug-category-card .card-title{font-family:var(--font-header);font-size:1.1rem;font-weight:600;color:var(--text-color)}.bug-report-summary{background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bug-report-summary p{margin:0 0 var(--spacing-xs) 0;color:var(--text-color-secondary)}.label-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.btn-link{background:none;border:none;color:var(--accent-color);text-decoration:underline;cursor:pointer;font-size:.8rem;padding:0}.char-counter{text-align:right;font-size:.75rem;color:var(--text-color-secondary);margin-top:var(--spacing-xs)}.char-counter.error{color:#e15554;font-weight:600}.summary-description{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.summary-level-desc{font-size:.85rem;margin-top:var(--spacing-xs)}.summary-level-desc span[style*="color: lime"],.summary-level-desc span[style*="color:lime"],.bug-report-summary span[style*="color: lime"],.bug-report-summary span[style*="color:lime"]{color:#0f0!important}body:has(.bug-report-modal) #selection-modal-overlay .selection-type-turret .selection-item img{object-fit:contain}body:has(.bug-report-modal) #selection-modal-overlay .selection-type-gear .selection-item img{object-fit:contain}.writing-guide-modal .writing-guide{padding:var(--spacing-md);font-size:.9rem}.writing-guide h3{font-family:var(--font-header);color:var(--accent-color);margin-bottom:var(--spacing-md)}.writing-guide strong{font-weight:600;color:var(--text-color);margin-top:var(--spacing-md);display:inline-block}.writing-guide .example-good{background-color:#11b1241a;border-left:3px solid #11b124;padding:var(--spacing-sm);margin:var(--spacing-xs) 0;border-radius:var(--radius-sm)}.writing-guide ul{list-style-position:inside;padding-left:var(--spacing-sm);margin-top:var(--spacing-xs)}.writing-guide ul li{margin-bottom:var(--spacing-xs)}.modal-overlay-child{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10;padding:var(--spacing-lg)}.writing-guide{text-align:center}#guide-close-btn{margin-top:var(--spacing-lg)}.bug-report-modal .selection-item img{object-fit:contain;padding:4px}#bug-report-category-grid.app-categories{grid-template-columns:1fr 1fr;align-content:start}.app-categories .bug-category-card{min-height:0;padding:var(--spacing-md);align-items:flex-start;text-align:left}.app-categories .bug-category-card .card-icon{margin-bottom:var(--spacing-sm);padding:0}.app-categories .bug-category-card .card-title{font-size:1rem}.app-categories .bug-category-card .card-description{font-size:.8rem;color:var(--text-color-secondary);margin-top:var(--spacing-xs)}@media(max-width:480px){#bug-tracker .footer-actions{width:100%;justify-content:end}#bug-tracker .bug-advanced-filters select,#bug-tracker .bug-status-filter-btn{padding:1.2em}#bug-tracker .bug-status-filters{gap:0}#app-container #report-bug-btn-container{margin-bottom:.5em}#bug-report-category-grid{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md)}.bug-category-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.bug-category-card .card-icon{padding:.5em;margin-bottom:var(--spacing-sm);opacity:.8}h1,h2,h3,h4,h5,h6{font-size:medium}#modal-close-btn,#skill-effect-close-btn,#turret-detail-close-btn{top:-7px}}@media(max-width:380px){#app-container #report-bug-btn-container{margin-bottom:-1em}#bug-report-category-grid{padding:0}.app-categories .bug-category-card{padding:.5em}#bug-report-category-grid{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md)}.bug-category-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.bug-category-card .card-icon{padding:.5em;margin-bottom:var(--spacing-sm);opacity:.8}}.help-tabs-container{display:flex;justify-content:flex-end;padding:0 var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.help-tab-buttons{display:flex;gap:var(--spacing-sm)}.help-tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-color-secondary);font-family:var(--font-header);font-weight:600;transition:all var(--transition-fast);border:1px solid transparent}.help-tab-btn:hover{color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1)}.help-tab-btn.active{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}.help-tab-btn img{width:20px;height:20px}.help-content-area{padding:0 var(--spacing-md)}.help-tab-content{display:none;animation:fadeIn .4s ease-in-out}.help-tab-content.active{display:block}#help-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.help-tile{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.help-tile:hover{border-color:var(--accent-color);transform:translateY(-4px);background-color:rgba(var(--accent-color-rgb),.1)}.help-tile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.help-tile-header span{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-header);font-weight:600;font-size:1.1rem;color:var(--text-color)}.help-tile-header img{width:28px;height:28px}.help-tile-content{display:none}.patch-notes-section{padding:var(--spacing-sm) 0 var(--spacing-md);border-bottom:1px dashed var(--border-color)}.patch-notes-section:last-child{border-bottom:none}.patch-notes-section h4{color:var(--accent-color);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-header);font-size:1.1rem}.patch-date{font-family:var(--font-body);font-size:.8rem;color:var(--text-color-secondary);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-banner{background-color:rgba(var(--accent-color-rgb),.1);border-bottom:2px dashed var(--accent-color);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);text-align:center;font-family:var(--font-header);color:var(--accent-color);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}#about{padding:0 var(--spacing-sm)}#about h4{color:var(--accent-color);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1rem;text-transform:uppercase}#about p,#about li{font-size:.9rem;color:#ccc;line-height:1.6;margin-bottom:var(--spacing-sm)}#about ul{list-style-position:inside;padding-left:10px}#about strong{color:var(--text-color)}#view-toggle-btn{z-index:10;background-color:#282828cc;border:1px solid var(--border-color);color:var(--text-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}#view-toggle-btn:hover{background-color:var(--accent-color);color:var(--primary-bg)}#app-container.landscape-mode{max-width:90vw;width:1400px;max-height:90vh;height:650px;transition:all .4s ease-in-out}#tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;padding-top:10px}.tool-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#1e1e1eb3;transition:all var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;position:relative}.tool-card:hover{border-color:var(--accent-color);background-color:#2d2d2de6;transform:translateY(-3px);box-shadow:var(--shadow-card)}.tool-card .tool-card-header{padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;content:none}.tool-card .tool-icon{width:50px;height:50px;object-fit:contain;margin-bottom:5px}.tool-card .tool-card-title h3{font-size:1rem;color:var(--text-color);margin-bottom:4px}.tool-card .tool-card-title p{font-size:.8rem;color:var(--text-color-secondary);margin:0;line-height:1.3}.tool-card.locked{position:relative}.tool-card.locked .tool-card-header{opacity:.3;filter:grayscale(100%);pointer-events:none}.tool-card.locked:before{content:"🔒";position:absolute;top:8px;right:8px;font-size:1.2rem;z-index:5;opacity:.8}.tool-card.locked:after{content:"UNLOCK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;border:1px solid var(--accent-color);color:var(--accent-color);padding:8px 24px;border-radius:30px;font-size:.9rem;font-weight:700;letter-spacing:1.5px;z-index:10;box-shadow:0 4px 15px #00000080;transition:all .3s ease;pointer-events:none}.tool-card.locked:hover:after{background-color:var(--accent-color);color:#000;box-shadow:0 0 20px rgba(var(--accent-color-rgb),.4);transform:translate(-50%,-50%) scale(1.05)}.modal-container.learning-center-modal .modal-header{display:flex;align-items:center;justify-content:space-between;width:100%}#learning-center-back-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}#learning-center-back-btn svg{width:24px;height:24px;fill:currentColor;transition:all var(--transition-fast)}#learning-center-back-btn:hover,#learning-center-back-btn:active{color:var(--accent-color);transform:scale(1.1)}.siege-calc-container{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;gap:15px}.modal-container.corp-management-modal .modal-body{padding:0;overflow:hidden;display:flex;height:100%}.tools-page-active #header-controls-container{display:flex;flex-direction:row;align-items:center;gap:5px;margin-left:auto;margin-right:.2em;margin-bottom:.3em}#header-controls-container .btn-icon{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background-color:#0006;color:var(--text-color);cursor:pointer;transition:all var(--transition-normal);font-size:1.2rem;display:flex;align-items:center;justify-content:center}#header-controls-container .btn-icon:hover{border-color:var(--accent-color)}#sound-toggle-btn{order:-1}.modal-container.corp-welcome-modal{background-color:#050a10;border:2px solid #ff9d00;border-radius:20px;box-shadow:0 0 20px #ff9d004d;max-width:450px;color:#e0e0e0;background-image:linear-gradient(#050a10e6,#050a10e6),url(/assets/icons/hex-pattern.png);background-size:cover}.corp-welcome-modal .modal-header{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:15px}.corp-welcome-modal .welcome-icon{fill:#ff9d00;width:50px;height:50px;margin-bottom:10px}.corp-welcome-modal h3{color:#fff;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.corp-welcome-modal .modal-body{text-align:center;font-size:.95rem;line-height:1.5}.corp-welcome-modal .welcome-warning-box{background-color:#ff9d001a;border-left:4px solid #ff9d00;padding:15px;margin:20px 0;text-align:left;border-radius:4px}.corp-welcome-modal .welcome-warning-box p{margin:0;color:#ccc;font-size:.9rem}.corp-welcome-modal hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:20px 0}.corp-welcome-modal .radio-checkbox{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:.9rem;color:#aaa;text-transform:uppercase;font-weight:700}.corp-welcome-modal .radio-checkbox input{display:none}.corp-welcome-modal .checkmark{width:20px;height:20px;border:2px solid #555;border-radius:50%;display:inline-block;position:relative;transition:all .2s}.corp-welcome-modal .radio-checkbox input:checked+.checkmark{border-color:#ff9d00}.corp-welcome-modal .radio-checkbox input:checked+.checkmark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#ff9d00;border-radius:50%}.corp-welcome-modal .modal-footer{justify-content:center;border-top:none;padding-top:0}.corp-welcome-modal #modal-welcome-close{background-color:#ff9d00;color:#000;border:none;padding:10px 40px;font-weight:700;text-transform:uppercase;border-radius:4px;transition:all .2s}.corp-welcome-modal #modal-welcome-close:hover{background-color:#ffb74d;transform:translateY(-2px);box-shadow:0 4px 10px #ff9d0066}.leaderboard-close-btn{position:absolute;right:15px;top:15px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:color .2s ease,transform .2s ease;z-index:10}.leaderboard-close-btn:hover{color:var(--accent-color);transform:scale(1.1)}.tool-card[data-tool=tournament-arena]{background-image:linear-gradient(#0000004d,#0000004d),url(/assets/images/tournament.webp);background-size:cover;background-position:center 90%;min-height:180px}.tool-card[data-tool=tournament-arena] .tool-icon{display:none}#dev-tools.page.active{display:flex;flex-direction:column}.dev-tools-header-wrapper{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.dev-tools-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 5px}.dev-tools-top-bar h3{margin:0;font-size:1.2rem;color:var(--primary-color)}.admin-bypass-container{display:flex;align-items:center;gap:10px}.switch-label{font-size:.9em;font-weight:700;color:var(--text-color-secondary)}.cards-wrapper{display:flex;flex-direction:column;gap:12px;padding-bottom:80px}#dev-tools .dev-filters{display:flex;flex-flow:row nowrap!important;gap:8px;margin-bottom:10px;align-items:center;width:100%}#dev-tools .dev-filters .form-group{margin-bottom:0!important;flex:1 1 50%;min-width:0}#dev-tools .dev-filters input[type=search]{width:100%;font-size:.9em;padding:6px 8px;height:36px;box-sizing:border-box}#dev-tools .dev-filters select{width:100%;font-size:.9em;padding:6px;height:36px;box-sizing:border-box}#dev-tools-content h3{font-size:1rem;margin:5px 0;padding:0;color:var(--text-color-primary);line-height:1.2}.dev-card{background-color:var(--background-color-dark);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 2px 4px #0003}.dev-card.is-dirty{border-left:4px solid var(--warning-color, orange);background-color:#ffa5000d}.dev-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:2px}.dev-card-header .card-id,.dev-card-header .card-title{font-weight:700;color:var(--primary-color);font-size:1rem}.dev-card-header .card-meta{font-size:.85em;color:var(--text-color-secondary);text-align:right}.dev-card-body{display:flex;flex-direction:column;gap:6px;color:var(--text-color-primary);font-size:.95em;flex:1}.bug-description{font-style:italic;background:#0003;padding:6px;border-radius:4px;margin:0}.build-info-row{display:flex;justify-content:space-between;font-size:.9em;border-bottom:1px solid rgba(255,255,255,.05);padding:2px 0}.dev-tools-modal .modal-footer{text-align:center}.dev-card-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.dev-card-footer .btn{flex:1;min-width:70px;max-width:200px;padding:6px 0;font-size:.9em;text-align:center}.dev-card-footer select{width:80%;max-width:300px;text-align:center;padding:8px;background-color:#333;color:var(--primary-color);border:1px solid var(--border-color);border-radius:4px;margin:0 auto;font-weight:700;cursor:pointer}.dev-card-footer select option{background-color:#333;color:var(--primary-color)}#dev-tools .footer-actions{margin-top:0;display:flex;flex-direction:column;align-items:center;position:sticky;bottom:0;z-index:999;background:var(--background-color-dark);border-top:1px solid var(--border-color);padding:10px 20px;width:100%;box-sizing:border-box;box-shadow:0 -4px 15px #00000080}#dev-tools #bug-update-btn{width:100%;max-width:300px;color:#000!important;font-weight:700;border:none;padding:12px;text-transform:uppercase;letter-spacing:.5px;opacity:1;transition:opacity .2s,background-color .2s}#dev-tools #bug-update-btn:hover:not(:disabled){background-color:#fa3!important;opacity:.9}#dev-tools #bug-update-btn:disabled{background-color:#555!important;color:#888!important;cursor:not-allowed;opacity:.7}#dev-tools .cms-container{display:flex;flex-direction:column;gap:30px;margin:20px 0}#dev-tools .cms-section h4{display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:10px;border-bottom:1px solid var(--border-color);padding-bottom:5px}#dev-tools .cms-list{display:flex;flex-direction:column;gap:10px}#dev-tools .cms-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-color-dark);padding:15px;border-radius:4px;border-left:3px solid var(--primary-color);gap:10px}#dev-tools .cms-item span{display:flex;align-items:center;gap:8px;word-break:break-word;font-weight:700}#dev-tools .cms-item img{width:24px;height:24px;flex-shrink:0}#dev-tools .cms-item-actions{display:flex;gap:10px;width:100%;justify-content:flex-end}#dev-tools .asset-controls{margin-bottom:15px;display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:space-between}#dev-tools .asset-controls .btn{flex:1;padding:8px 5px;font-size:.85em;min-width:0}#dev-tools .asset-controls .btn.active{color:#0a0a0a;border-color:var(--primary-color);font-weight:700}#dev-tools .asset-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding-top:10px}.asset-tile{background-color:var(--background-color-dark);border:1px solid var(--border-color);border-radius:4px;padding:10px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.asset-tile:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d;border-color:var(--primary-color)}.asset-tile-image{width:100px;height:100px;margin:0 auto 10px;background-size:cover;background-position:center;border-radius:4px}.asset-tile-name{font-weight:700;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-tile-rarity{font-size:.8em;margin-top:5px;text-transform:capitalize}.asset-detail-modal-content{display:flex;flex-direction:column;gap:20px}.asset-detail-modal-content h4{margin-top:0;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.asset-detail-modal-content dl{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;font-size:.9em}.asset-detail-modal-content dt{font-weight:700;color:var(--text-color-secondary)}.asset-detail-modal-content dd{margin:0;white-space:pre-wrap;word-break:break-all;background-color:var(--background-color-dark);padding:5px 8px;border-radius:4px}.asset-detail-modal-content dd.json-data{max-height:200px;overflow-y:auto;font-family:monospace}#dev-tools .category-filters{justify-content:space-around}#dev-tools .category-filter-btn{color:var(--accent-color)}#dev-tools .category-filter-btn:hover{color:var(--text-color-secondary)}#dev-tools .table-wrapper .btn{color:var(--accent-color)}#dev-tools .table-wrapper .btn:hover{border:1px solid var(--accent-color)}#dev-tools .cms-container .btn{color:#0a0a0a}#dev-tools .cms-container .btn:hover{border:1px solid var(--accent-color)}#dev-tools-content .btn{color:var(--button-text-color, #000000);background-color:var(--accent-color)}#dev-tools-content .btn:hover{border:1px solid var(--accent-color);background-color:var(--accent-color)}#dev-tools .cms-add-btn{color:#0a0a0a;font-size:1.2rem;font-weight:700;padding:0 5px;line-height:1;cursor:pointer;width:40px;height:40px}#dev-tools .cms-add-btn:hover{color:#000!important}.cms-actions-centered{display:flex;justify-content:center;margin-top:20px;width:100%}#gjs-editor{border:1px solid var(--border-color-light);border-radius:4px}.gjs-one-bg{background-color:var(--background-color-dark)!important}.gjs-two-color{color:var(--text-color-primary)!important}.gjs-three-bg{background-color:var(--background-color-light)!important;color:var(--text-color-secondary)!important}.gjs-four-color,.gjs-four-color-h:hover{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.gjs-pn-btn.gjs-pn-active{box-shadow:inset 0 0 3px var(--primary-color)!important}.gjs-am-file-uploader,.gjs-am-add-asset{display:none!important}.gjs-am-assets-cont{height:100%}.live-editor-container{display:flex;flex-direction:column;gap:15px;margin-bottom:.5em}.live-editor-section{background:#0003;padding:10px 15px;border-radius:8px;border:1px solid var(--border-color)}.live-editor-section h4{margin-top:0;margin-bottom:10px;color:var(--primary-color);font-size:1.1em;border-bottom:1px solid var(--border-color-light);padding-bottom:5px}.live-editor-form-group{margin-bottom:12px}.live-editor-form-group.checkbox-group{display:flex;align-items:center;gap:10px}.live-editor-form-group.checkbox-group input{width:auto;margin:0}.live-editor-form-group label{display:block;margin-bottom:4px;color:var(--text-color-secondary);font-size:.9em}.live-editor-form-group input[type=text],.live-editor-form-group input[type=number],.live-editor-form-group textarea,.live-editor-form-group select{width:100%;padding:8px;background-color:var(--background-color-light);border:1px solid var(--border-color);color:var(--text-color-primary);border-radius:4px;box-sizing:border-box}.live-editor-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.live-editor-form-group input:disabled,.live-editor-form-group textarea:disabled{opacity:.6;cursor:not-allowed;border-color:transparent}.live-editor-readonly{font-family:monospace;color:var(--text-color-muted, #888)}.skill-editor-card{background:#ffffff0d;border:1px solid var(--border-color-light);border-radius:6px;margin-bottom:10px;overflow:hidden}.skill-editor-header{padding:10px;background:#0000004d;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700}.skill-editor-header:hover{background:#ffffff0d}.skill-editor-body{padding:10px;display:none}.skill-editor-body.expanded{display:block}.image-preview-helper{display:flex;align-items:center;gap:10px;margin-top:5px;padding:5px;background:#0003;border-radius:4px}.image-preview-thumb{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;border:1px solid var(--border-color);background-color:#000}.image-preview-status{font-size:.8em;color:var(--text-color-secondary)}.image-preview-status.valid{color:#4caf50}.image-preview-status.invalid{color:#f44336}@media(max-width:768px){#dev-tools .dev-table{display:block;overflow-x:auto}}.bracket-header-center{text-align:center;padding:1rem 0 .5rem;color:var(--accent-color, #ffa500);text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:1px}.bracket-toolbar{display:flex;align-items:center;gap:10px;padding:.5rem 1rem;background:#161b22;border-bottom:1px solid #30363d;min-height:50px;flex-wrap:nowrap;overflow-x:auto}.bracket-toolbar .divider-vertical{width:1px;height:24px;background:#30363d;margin:0 5px}.admin-toolbar-group{display:flex;align-items:center;gap:10px}.bracket-layout-container{display:flex;flex:1 0 auto;min-height:100vh;height:auto;width:100%;padding-bottom:20px;position:relative}.bracket-sidebar-wrapper{position:fixed;inset:0;width:100%;height:100%;min-height:100vh;background:#0d11178c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;display:flex;justify-content:center;align-items:flex-start;opacity:0;pointer-events:none;transition:opacity .3s ease}.bracket-sidebar-wrapper.open{opacity:1;pointer-events:all}.bracket-sidebar-wrapper.closed{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;display:flex}.bracket-sidebar{width:100%;max-width:1000px;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar-header{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;padding:1.5rem;border-bottom:1px solid #30363d;position:relative;background:#0d1117;margin-top:2em}.sidebar-header h4{font-family:Orbitron,sans-serif;margin:0;color:var(--accent-color, #ffa500);font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}.bracket-main-area{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.btn-close-sidebar{position:relative;align-self:flex-end;margin-bottom:.5rem;right:-10px;top:-10px;background:var(--accent-color, #ffa500);border:none;color:#000;border-radius:4px;cursor:pointer;padding:.5rem 1.5rem;font-weight:700;font-family:"Exo 2",sans-serif;text-transform:uppercase;transition:all .2s;box-shadow:0 4px 10px #0000004d}.btn-close-sidebar:hover{background:#ffb733;color:#000}.player-list-grid-header,.player-item{display:grid;grid-template-columns:50px 60px 2fr 1fr;align-items:center;gap:1rem;padding:.75rem 1.5rem}.player-list-grid-header{background:#161b22;border-bottom:1px solid #30363d}.col-header{font-family:"Exo 2",sans-serif;color:#8b949e;font-size:.9rem;font-weight:600;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;gap:5px}.col-header:hover{color:var(--accent-color, #ffa500)}.sort-icon{font-size:.8em;opacity:.8}.player-list{flex:1;overflow-y:auto;padding:1rem 0}.bracket-sidebar-wrapper.closed .player-list,.bracket-sidebar-wrapper:not(.open) .player-list{overflow:hidden!important}.player-item{background:#1e232899;margin-bottom:.5rem;border-radius:4px;border:1px solid transparent;border-left:4px solid transparent;transition:all .2s;cursor:grab}.player-item:hover{background:#282d32e6;transform:translate(5px)}.player-item.selected{border-left:4px solid var(--accent-color, #ffa500);background:#ffa5000d}.col-index{font-size:1.1rem;font-weight:700;color:#e6edf3;padding-left:.5rem}.col-avatar img{width:40px;height:40px;border-radius:50%;border:2px solid #30363d;object-fit:cover}.player-item.selected .col-avatar img{border-color:var(--accent-color)}.col-name{font-size:1rem;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.col-corp{font-family:Handlee,cursive,sans-serif;font-size:.9rem;color:#2ea043;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bracket-main-area{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;position:relative;overflow-x:visible!important}.stages-scroll-container{flex:1 0 auto;display:flex;flex-direction:row;height:auto;min-height:100%;gap:1.5rem;align-items:flex-start;overflow:visible!important;width:100%;scrollbar-width:none}.stages-viewport,.stages-track,.stage-column{overflow:visible!important;height:auto!important;max-height:none!important;transform-style:flat}.stages-viewport{position:relative;width:100%;overflow:hidden!important}.stages-track{display:flex;align-items:flex-start;width:auto;transition:transform .3s ease}.stages-scroll-container::-webkit-scrollbar{display:none}.bracket-app-scrollbar{display:none!important;position:absolute;bottom:-3px;left:0;width:100%;height:10px;background:transparent;border:none;overflow-x:scroll;overflow-y:hidden;z-index:2000}.bracket-app-scrollbar::-webkit-scrollbar{height:20px}.bracket-app-scrollbar::-webkit-scrollbar-track{background:transparent}.bracket-app-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-color, #ffa500);border-radius:10px;border:4px solid transparent;background-clip:content-box}.bracket-app-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ffb733}.bracket-app-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffb733}.bracket-app-scrollbar-content{height:1px;pointer-events:none}.bracket-scrollbar-track::-webkit-scrollbar{height:10px}.bracket-scrollbar-track::-webkit-scrollbar-track{background:#0d1117}.bracket-scrollbar-track::-webkit-scrollbar-thumb{background:var(--accent-color, #ffa500);border-radius:5px;border:2px solid #0d1117}.bracket-scrollbar-track::-webkit-scrollbar-thumb:hover{background:#ffb733}.stage-column{display:flex;flex-direction:column;gap:1rem;min-width:280px;flex-shrink:0;padding-bottom:20px}.stage-header{font-size:1.1rem;font-weight:700;color:#8b949e;padding-bottom:.5rem;border-bottom:1px solid #30363d;margin-bottom:.5rem;text-align:center}.match-card-v2{background:#1a1f26;border:1px solid #30363d;border-radius:6px;width:100%;box-shadow:0 4px 10px #0000004d;position:relative}.match-header-v2{background:#21262d;padding:.5rem .75rem;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:6px;border-top-right-radius:6px}.match-title{font-weight:600;font-size:.9rem;color:#e6edf3}.badget-round{background:#ffa50033;color:orange;font-size:.7rem;padding:2px 6px;border-radius:4px;font-family:monospace}.match-slots-list{list-style:none;padding:0;margin:0}.match-slot{padding:.5rem;border-bottom:1px solid #282e38;cursor:grab;transition:background .2s;background:#1a1f26}.match-slot:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.match-slot.filled{padding:.4em}.match-slot.filled:hover{background:#21262d}.match-slot.drag-over{background:#ffa5001a;box-shadow:inset 0 0 0 2px orange}.slot-content{display:flex;align-items:center;gap:.75rem}.slot-placeholder{color:#484f58;font-style:italic;font-size:.85rem;padding-left:.5rem}.slot-avatar-wrapper{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#000;flex-shrink:0;border:1px solid #30363d}.slot-avatar-img{width:100%;height:100%}.slot-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.slot-name{font-weight:600;font-size:.85rem;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-corp{font-size:.7rem;color:#d8df6b}.player-item.selected{border-left:3px solid var(--accent-color, #ffa500);background:#ffa5001a}.slot-stats-badges{display:flex;gap:4px;font-size:.7rem;font-weight:700;margin-left:auto}.stat-badge{padding:1px 4px;border-radius:3px;min-width:14px;text-align:center;color:#000}.stat-badge.win{background-color:#2ea043;color:#fff}.stat-badge.draw{background-color:#d29922;color:#000}.stat-badge.loss{background-color:#f85149;color:#fff}.custom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:22000}.custom-modal{background:#161b22;border:1px solid var(--accent-color, #ffa500);border-radius:6px;padding:1.5rem;box-shadow:0 10px 25px #000c;width:90%;max-width:400px;color:#e6edf3}.custom-modal .modal-header h3{margin:0 0 1rem;color:var(--accent-color);font-size:1.2rem;text-transform:uppercase;text-align:center}.custom-modal .form-group{margin-bottom:1rem}.custom-modal label{display:block;font-size:.9rem;color:#8b949e;margin-bottom:.25rem}.custom-modal .form-control{width:100%;background:#0d1117;border:1px solid #30363d;color:#fff;padding:.5rem;border-radius:4px}.custom-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem}.bracket-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:10px;width:100%}.bracket-btn{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit;text-transform:uppercase}.bracket-btn-save{background:var(--accent-color, #ffa500);color:#0d1117}.bracket-btn-save:hover{filter:brightness(1.1)}.bracket-btn-cancel{background:#30363d;color:#c9d1d9}.bracket-btn-cancel:hover{background:#484f58}.bracket-btn-remove{background:#ff44441a;color:#f44;border:1px solid #ff4444}.bracket-btn-remove:hover{background:#f44;color:#fff}.bracket-action-group{display:flex;gap:10px}.bracket-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.bracket-modal{background:#161b22;border:1px solid var(--accent-color, #ffa500);border-radius:8px;padding:2rem;box-shadow:0 20px 50px #000000e6;width:90%;max-width:450px;color:#e6edf3;animation:modalPop .2s ease-out}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.bracket-modal .modal-header h3{margin:0 0 1.5rem;color:var(--accent-color);text-transform:uppercase;text-align:center;font-size:1.4rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.bracket-modal .modal-body{font-size:1rem;line-height:1.5;text-align:center;color:#c9d1d9}.match-rounds-selector{display:flex;gap:4px;margin-right:10px}.round-tab{background:transparent;border:1px solid #30363d;color:#8b949e;padding:2px 6px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s}.round-tab:hover{border-color:#8b949e;color:#c9d1d9}.round-tab.active{background:var(--accent-color, #ffa500);border-color:var(--accent-color, #ffa500);color:#0d1117;font-weight:700}.match-header-v2{display:flex;align-items:center;padding:10px 12px;background:#0d1117f2;border-bottom:1px solid #30363d}.match-lock-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:0 5px;transition:transform .2s;opacity:.7}.match-lock-btn:hover{opacity:1;transform:scale(1.1)}.match-lock-btn.locked{filter:drop-shadow(0 0 2px red)}.match-lock-btn.unlocked{filter:drop-shadow(0 0 2px lime)}.match-card-v2.locked{border-color:#30363d;position:relative;pointer-events:none}.match-card-v2.locked .match-slots-list{opacity:1;filter:none}.admin-mode .match-card-v2.locked .match-slots-list{opacity:.6;filter:grayscale(.5)}.match-card-v2.locked .match-header-v2{pointer-events:auto;background:#161b22}.match-lock-status{font-size:.9rem;margin-right:8px;cursor:help}.combat-fit-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.combat-fit-section h4{margin-top:0;margin-bottom:1rem;color:#8b949e;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.fit-selectors-container{display:flex;justify-content:center;gap:20px;align-items:center}.fit-selector-circle{width:64px;height:64px;border-radius:50%;background:#0d1117;border:2px solid #30363d;position:relative;cursor:pointer;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 6px #0000004d}.fit-selector-circle:hover{border-color:var(--accent-color, #ffa500);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.fit-selector-circle img.fit-icon{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}.fit-selector-circle.filled img.fit-icon{opacity:1}.fit-selector-circle.empty img.fit-icon{opacity:.3;padding:10px;box-sizing:border-box}.fit-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent-color, #ffa500);font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none}.fit-selector-circle.filled .fit-plus{display:none}.stats-inputs-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.fit-selector-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;width:80px}.fit-label{font-size:.75rem;color:#8b949e;text-align:center;min-height:1.2em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.fit-selector-circle.filled+.fit-label{color:#e6edf3}.fleet-toggle-btn{background:none;border:none;padding:2px 5px;cursor:pointer;opacity:.5;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.fleet-toggle-btn:hover{opacity:.8}.fleet-toggle-btn.active{opacity:1;border-radius:4px}.fleet-toggle-icon{width:20px;height:20px;object-fit:contain}.fleet-composition-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-4px;margin-bottom:-4px}.fleet-mini-icon{width:42px;height:42px;border-radius:50%;border:1px solid #444;background:#222;object-fit:cover}.fleet-icon-ship{object-position:center}.fleet-mini-icon.empty{opacity:.3}.fleet-view-info{text-align:center;margin-bottom:4px}.slot-content.filled>.fleet-view-info>.slot-name{font-weight:700;color:#e6edf3;font-size:.9em}.stages-scroll-container{overflow:visible!important;overflow-x:visible!important;display:flex;flex-direction:column;flex:1;width:100%;position:relative;height:auto!important}.stages-viewport{width:100%;flex:1;height:auto!important;overflow:visible!important;touch-action:pan-y;position:relative;padding:1em}.stages-track{display:flex;width:100%;height:100%;transition:transform .3s ease-out;will-change:transform;align-items:flex-start}.stage-column{min-width:100%;flex-shrink:0;margin-right:0;padding:0 4px 50px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:auto;overflow-y:visible!important;overflow-x:hidden}.stage-column.wildcard-column{min-width:100%;border-left:none}.stage-header{font-size:1.5rem;margin-bottom:20px}.match-card-v2{width:98%;max-width:600px;margin-bottom:20px;margin-left:auto;margin-right:auto}.match-slot{padding:12px 15px}.slot-avatar-img{width:40px;height:40px}.slot-name{font-size:1.1em}#app-container{position:relative}.bracket-nav-btn{position:absolute;top:50%;transform:translateY(-50%) scale(.8);z-index:10000;pointer-events:auto;width:36px;height:72px;background:#0d111780;border:2px solid rgba(255,165,0,.4);color:#ffa50099;border-radius:var(--radius-md);opacity:0;transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer}.bracket-nav-btn.left{left:4px}.bracket-nav-btn.right{right:4px}.bracket-nav-btn.visible{opacity:1;transform:translateY(-50%) scale(1)}.bracket-nav-btn:hover{background:var(--accent-color);color:var(--primary-bg);transform:translateY(-50%) scale(1.05)}.bracket-nav-btn:disabled{display:none}.bracket-stage-indicators{display:flex;justify-content:space-between;gap:4px;padding:10px 20px;background:#0d1117;width:100%;box-sizing:border-box}.stage-indicator-bar{flex:1;height:6px;background:#30363d;border-radius:3px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid transparent}.stage-indicator-bar:hover{background:#555}.stage-indicator-bar.active{background:var(--accent-color, #ffa500);box-shadow:0 0 8px var(--accent-color, #ffa500);border-color:#ffeeb0}.sidebar-header .header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.sidebar-controls{display:flex;align-items:center;gap:10px}.player-search-container{position:relative;display:flex;align-items:center;top:-10px}.bracket-search-input{background:#0d1117;border:1px solid #30363d;color:#e6edf3;padding:4px 24px 4px 8px;border-radius:4px;font-size:.85rem;width:160px;height:35px;transition:all .2s ease;margin-bottom:.5em}.bracket-search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.active-selection-btn{border:1px solid gold!important;color:gold!important;background:#ffd7001a!important;box-shadow:0 0 10px #ffd7004d}.search-clear-btn{position:absolute;right:5px;top:10px;background:none;border:none;color:var(--accent-color);font-size:.8rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.7;transition:opacity .2s}.search-clear-btn:hover{opacity:1}.sidebar-header h4{margin:0;white-space:nowrap}.btn-close-sidebar{white-space:nowrap}.btn-advance{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0 5px;margin-left:10px;opacity:.6;transition:all .2s;filter:grayscale(1);z-index:10}.btn-advance:hover{opacity:1;transform:scale(1.1);filter:grayscale(0)}.btn-advance.active{opacity:1;filter:drop-shadow(0 0 5px gold);transform:scale(1.2)}.stage-column.selection-mode .stage-header{border-bottom-color:gold}.stage-column.selection-mode .match-slot{cursor:pointer!important}.stage-column.selection-mode .match-slot:hover{box-shadow:inset 0 0 10px #ffd7004d}.match-slot.is-winner{background:linear-gradient(to right,rgb(255 153 0 / 60%),transparent)}.match-slot.selection-active{border-style:dashed;border-color:#555;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{border-color:#555}50%{border-color:#888}to{border-color:#555}}.player-item.is-winner{border-left:4px solid gold;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent)}.player-item.is-winner .col-name{color:gold;font-weight:700}.player-item.is-eligible{border-left:4px solid #58a6ff;background:linear-gradient(90deg,rgba(88,166,255,.1),transparent)}.player-item.is-eligible .col-name{color:#58a6ff;font-weight:500}.bracket-info-btn{width:30px;height:30px;border-radius:50%;background:#161b22;border:1px solid var(--accent-color, #ffa500);color:var(--accent-color, #ffa500);font-weight:700;font-family:serif;font-style:italic;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.1em;position:relative;top:-5px;left:0}.bracket-info-btn:hover{background:var(--accent-color, #ffa500);color:#000;box-shadow:0 0 10px #ffa50066}.legend-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e14f2;z-index:21000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;will-change:opacity}.legend-modal-content{background:#0d1117;border:1px solid var(--accent-color, #ffa500);border-radius:16px;padding:30px;width:340px;box-shadow:0 20px 50px #000c,0 0 15px #ffa5001a;color:#e6edf3;font-family:"Exo 2",sans-serif;text-align:center}.legend-modal-content .btn{margin:20px auto 0;display:block;max-width:200px}.legend-item{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:15px;margin-bottom:24px;margin-top:1em;text-align:left}.legend-text strong{display:block;margin-bottom:4px;font-size:1.1rem;color:#fff;letter-spacing:.5px}.legend-text p{margin:0;font-size:.9rem;color:#8b949e;line-height:1.4}.legend-bubble{width:50px;height:50px;border-radius:50%;flex-shrink:0;position:relative}.bubble-winner{background:radial-gradient(circle at 30% 30%,gold,#b8860b,#553d00);box-shadow:0 0 20px #ffd70066,inset -5px -5px 10px #00000080;border:none}.bubble-winner:after{content:"";position:absolute;top:10%;left:10%;width:25%;height:25%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);filter:blur(1px)}.bubble-eligible{background:radial-gradient(circle at 30% 30%,#58a6ff,#1f6feb,#0d1117);box-shadow:0 0 20px #58a6ff66,inset -5px -5px 10px #00000080;border:none}.bubble-eligible:after{content:"";position:absolute;top:10%;left:10%;width:25%;height:25%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);filter:blur(1px)}.bubble-base{background:radial-gradient(circle at 30% 30%,#8b949e,#30363d,#161b22);box-shadow:0 0 10px #ffffff0d,inset -5px -5px 10px #00000080;border:1px solid #30363d}.bubble-base:after{content:"";position:absolute;top:10%;left:10%;width:20%;height:20%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);filter:blur(1px)}.rules-ack-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#ffffff0d;border-radius:4px}#leaderboard-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000}.leaderboard-modal{background:#161b22;border:1px solid var(--accent-color, #ffa500);border-radius:8px;width:90%;max-width:500px;padding:1rem;box-shadow:0 10px 25px #000c;display:flex;flex-direction:column;gap:1rem;position:relative}@media(max-width:480px){.leaderboard-modal{width:90%;max-width:90%;padding:5px;gap:5px;max-height:90vh;overflow-y:auto;zoom:.8}.leaderboard-modal .modal-header h3{font-size:1.1rem}.leaderboard-close-btn{transform:scale(1.4);transform-origin:center;padding:10px}}.leaderboard-modal .modal-header h3{margin:0;color:var(--accent-color)}.leaderboard-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.leaderboard-header{display:flex;justify-content:center;align-items:center;margin-top:1em;margin-bottom:.75em;color:var(--accent-color, #ffa500)}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed}.leaderboard-table th,.leaderboard-table td{padding:.8rem .5rem;text-align:center;border-bottom:none;font-family:Rajdhani,"Exo 2",sans-serif;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-table tbody td{background-image:linear-gradient(to right,#b57500,#b57500);background-position:bottom center;background-size:95% 1px;background-repeat:no-repeat}.leaderboard-table th{color:#b57500}.leaderboard-table tr:hover{background:#ffffff0d}.rank-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-2{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.rank-3{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.player-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}.tournament-banner{background:linear-gradient(135deg,#ffa5001a,#0000004d),url(/assets/images/tournament_flyer.webp);background-size:cover;padding:1rem;text-align:center;margin-bottom:1rem;border-radius:8px;box-shadow:0 4px 15px #00000080;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner-content{position:relative;bottom:-60px}.banner-content h1{display:none;font-size:2.5rem;margin:0 0 .5rem;text-transform:uppercase;text-shadow:0 0 10px var(--accent-color, #ffa500)}.timer-label{display:block;color:#20c997;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.banner-timer{font-family:Titillium Web,monospace;font-size:1rem;background:#0009;display:inline-block;padding:.5rem 1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);font-variant-numeric:tabular-nums;min-width:250px}.timer-value{color:var(--accent-color, #ffa500);font-weight:700;font-size:.9em}.dashboard-layout{display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.dashboard-actions-centered{display:flex;justify-content:center;width:100%;margin-top:1.5rem}.dashboard-columns{display:flex;gap:1.5rem;flex-wrap:wrap}.dashboard-card{background:#161b22e6;border:1px solid var(--border-color, #30363d);border-radius:8px;padding:1rem;flex:1;min-width:300px;box-shadow:0 4px 6px #0000004d}.dashboard-card h3{margin-top:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;color:var(--accent-color, #ffa500);text-align:center}.status-details{display:flex;flex-direction:column;gap:.5rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed rgba(255,255,255,.1);font-size:.85rem}.status-item:last-child{border-bottom:none}.status-item .label{color:#8b949e}.status-item .value{font-weight:700}.status-item .value.success{color:#2ea043}.status-item .value.badge{background:var(--accent-color, #ffa500);color:#000;padding:.1rem .5rem;border-radius:4px;font-size:.8rem}.dashboard-footer{text-align:center;margin-top:1rem;padding:1rem .5rem;background:#0003;border-radius:8px;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-footer .btn{width:auto;min-width:120px}.join-wrapper{display:inline-block;position:relative}.btn-locked-overlay{position:absolute;top:-10px;right:-10px;background:#f44;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700;box-shadow:0 2px 4px #00000080;z-index:10}.admin-panel{padding:1rem;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto;background:#161b22f2;border-radius:8px;border:1px solid #30363d;overflow-x:hidden}.admin-panel h2{font-size:1.5rem;margin-bottom:1rem}.admin-panel h3{font-size:1.1rem;margin-top:0}.admin-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #30363d}.admin-section:last-child{border-bottom:none}.status-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.5rem}.status-option{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:#0d1117;padding:.8rem;border:1px solid #30363d;border-radius:6px;cursor:pointer;transition:.2s}.status-option:hover{border-color:#8b949e}.status-option.selected{border-color:var(--accent-color, #ffa500);background:#ffa5000d}.status-label{font-size:.9em;margin-bottom:0;font-weight:700}.status-desc{font-size:.8em;color:#8b949e}.stage-config-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;background:#161b22;padding:.5rem;border-radius:4px;flex-wrap:wrap}.stage-config-row .form-control{flex:1;min-width:100px}.admin-actions-footer{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.tournament-arena-modal,.modal-container.tournament-arena-modal{transform:none!important;animation:none!important;perspective:none!important;filter:none!important;max-height:none!important;height:100%!important}.tournament-wrapper{position:relative;width:auto;max-width:100vw;margin:0 calc(-1 * var(--spacing-lg));padding:0 0 60px;overflow-x:clip;overflow-y:visible;box-sizing:border-box;touch-action:pan-x pan-y;overscroll-behavior-x:none;overscroll-behavior-y:auto;display:flex;flex-direction:column;color:var(--text-primary, #e6edf3);font-family:"Exo 2",sans-serif;z-index:10}.banned-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:10px}.banned-asset-item{position:relative;width:100%;aspect-ratio:1;background:#ffffff0d;border:1px solid #444;border-radius:8px;overflow:hidden;cursor:default;transition:all .2s ease}.banned-asset-item img{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;filter:grayscale(100%);opacity:.6}.page.tournament-page-active{animation:none!important;transform:none!important}.tournament-tabs-bar{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;flex-shrink:0;height:60px;z-index:9000;background:var(--bg-dark, #0d1117);border-top:1px solid #30363d;box-shadow:0 -2px 10px #00000080;font-family:var(--font-body, "Exo 2", sans-serif)}.tournament-content{flex:1;width:100%;overflow:visible;padding:1.5em;display:flex;flex-direction:column}.tab-link{flex:1;text-align:center;background:transparent;border:none;color:#8b949e;padding:20px 10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;border-top:3px solid transparent;font-family:inherit}.tab-link:hover{color:#e6edf3;background:#ffffff08}.tab-link.active{color:var(--accent-color, #ffa500);border-top-color:var(--accent-color, #ffa500);background:rgba(var(--accent-rgb, 255,165,0),.05)}.bracket-main-area{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:visible!important}.bracket-scrollbar-track{display:none!important}.bracket-sidebar-wrapper.closed+.bracket-main-area .bracket-scrollbar-track{left:0;display:none!important}.bracket-scrollbar-content{height:1px;pointer-events:none}.tournament-content.full-page-content{padding:0}.tool-card.span-2{grid-column:span 2;grid-row:span 1}@media(max-width:768px){.tool-card.span-2{grid-column:span 2}}@media(max-width:380px){.tournament-wrapper{margin:0 calc(-1 * var(--spacing-md))}}.btn-locked{position:relative;cursor:not-allowed;opacity:.7;filter:grayscale(.6)}.btn-locked:before{content:"🔒";position:absolute;top:-8px;right:-8px;font-size:1.2rem;z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.btn-locked[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:20;pointer-events:none;margin-bottom:8px;box-shadow:0 2px 5px #00000080}.announcement-container{background:rgba(var(--accent-rgb, 255, 153, 0),.1);border:1px solid var(--accent-color, #ff9900);border-radius:var(--radius-md, 8px);padding:1rem;margin-bottom:1rem;text-align:center;position:relative;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;align-items:center}.announcement-title{font-family:var(--font-header, "Orbitron", sans-serif);color:var(--accent-color, #ff9900);font-size:1rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.announcement-text{font-size:.85rem;color:var(--text-color, #e6edf3);line-height:1.5;margin-bottom:1rem;max-width:800px}.announcement-actions{margin-top:1rem;display:flex;justify-content:center}.rules-scroll-area{max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#0000004d;border:1px solid var(--border-color, #30363d);border-radius:var(--radius-sm, 4px);padding:1rem;margin-bottom:1rem;font-size:.9rem;line-height:1.6}@media(max-width:768px){.rules-scroll-area{padding:.5rem;font-size:.85rem;max-height:50vh}.rules-content-wrapper ul{padding-left:15px}}.rules-scroll-area::-webkit-scrollbar{width:8px}.rules-scroll-area::-webkit-scrollbar-track{background:#0003}.rules-scroll-area::-webkit-scrollbar-thumb{background:var(--accent-color, #ff9900);border-radius:4px}.rules-content-wrapper ul{list-style-position:inside;padding-left:0;margin:6px 0}.rules-content-wrapper ul li{padding-left:5px}.rules-content-wrapper h3{margin-bottom:10px}.rules-ack-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:var(--radius-sm, 4px);margin-top:10px;transition:opacity .3s}.rules-ack-container.disabled{opacity:.5;pointer-events:none}.warning-box{margin-top:15px;background:#ff3c3c1a;border-left:3px solid #ff4444;padding:8px 10px;border-radius:4px;display:flex;gap:10px;align-items:flex-start;text-align:left}.warning-icon{font-size:1.2rem}.warning-text strong{display:block;color:#f66;font-size:.9rem;margin-bottom:2px;text-transform:uppercase}.warning-text p{color:#faa;font-size:.85rem;margin:0;line-height:1.3}.custom-modal.warning-modal .modal-body{display:flex;flex-direction:column;align-items:center}.avatar-option{transition:all .2s ease;box-sizing:border-box;border:2px solid transparent}.avatar-option:hover{transform:scale(1.05);border-color:var(--accent-color, #ff9900);box-shadow:0 0 8px #ff99004d}.avatar-option.selected{border-color:var(--accent-color, #ff9900);border-width:3px;box-shadow:0 0 12px #ff990080;transform:scale(1.05)}.avatar-grid{padding:.5rem}.admin-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.admin-header-actions .btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.btn-sm{padding:5px 10px;font-size:.8rem;height:32px;line-height:1}.stage-config-row stage-label{margin-bottom:0}.banned-asset-item:after{content:"🔒";position:absolute;top:2px;right:4px;font-size:1.2rem;filter:drop-shadow(0 2px 2px black);z-index:2}.banned-icon-img{width:100%;height:100%;object-fit:cover;object-position:center 90%;display:block}.banned-asset-item:hover:before{content:attr(title);position:absolute;bottom:0;left:0;width:100%;background:#000c;color:#fff;font-size:.7rem;text-align:center;padding:2px 0;z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banned-asset-item .btn-remove-ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f00c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;font-weight:700;z-index:5;cursor:pointer}.admin-mode .banned-asset-item:hover .btn-remove-ban{opacity:1;pointer-events:auto}.rules-editor-textarea{width:100%;min-height:200px;background:#0d1117;color:#e6edf3;border:1px solid #30363d;padding:10px;font-family:monospace;font-size:.9rem;line-height:1.4;resize:vertical}.banned-section-title{color:#f66;border-bottom:1px solid #444;margin-top:20px;margin-bottom:10px;padding-bottom:5px;font-size:1rem;text-transform:uppercase;font-weight:700}.rules-editor-modal .modal-content{background:#121212;border:1px solid #333;color:#eee}.rich-text-toolbar{background:#1e1e1e;border-bottom:1px solid #333}.rt-btn{background:#2a2a2a;border:1px solid #333;color:#ccc;cursor:pointer;padding:5px 10px;border-radius:3px;font-size:.9em;min-width:30px}.rt-btn:hover{background:#333;color:#fff}.banned-assets-grid-modern{display:grid;gap:8px;padding:5px}.re-ban-item{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;border:1px solid #444;cursor:default;background:#000}.re-ban-item img.re-ban-img{width:100%;height:100%;object-fit:cover;display:block}.re-ban-item .remove-ban-btn{position:absolute;top:0;right:0;width:20px;height:20px;background:#c80000cc;color:#fff;border:none;font-size:14px;line-height:18px;text-align:center;cursor:pointer;opacity:0;transition:opacity .2s;border-bottom-left-radius:4px}.re-ban-item:hover .remove-ban-btn{opacity:1;pointer-events:auto}#tournament-multiselect-overlay .tms-item{position:relative;background:#1e1e1e;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;padding-bottom:5px}#tournament-multiselect-overlay .tms-item:hover{background:#252525;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}#tournament-multiselect-overlay .tms-item.selected{border-color:#4caf50;background:#1a2a1a;box-shadow:0 0 0 1px #4caf50}#tournament-multiselect-overlay .tms-img-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;background:#000}#tournament-multiselect-overlay .tms-img-wrapper .tms-item-img{width:100%;height:100%;object-fit:cover}#tournament-multiselect-overlay .tms-check-indicator{position:absolute;top:5px;right:5px;background:#4caf50;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-size:12px;display:none;box-shadow:0 2px 4px #00000080}#tournament-multiselect-overlay .tms-item.selected .tms-check-indicator{display:block}#tournament-multiselect-overlay .tms-item-name{font-size:.85em;padding:4px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc}#tournament-multiselect-overlay .tms-item.selected .tms-item-name{color:#4caf50;font-weight:700}.tournament-wrapper.rules-editor-wrapper{padding-bottom:0!important;height:100vh;overflow:hidden}.tournament-content.rules-editor-mode{height:100%;overflow:hidden}.rules-editor-container{height:100%;display:flex;flex-direction:column}.custom-overlay.registration-overlay{z-index:10000;background:#000c;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.custom-overlay.rules-overlay{background:#000000d9;z-index:9999;overscroll-behavior:contain}.custom-overlay.avatar-picker-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20002;background:#000000d9;display:flex;justify-content:center;align-items:center;overscroll-behavior:contain}.custom-modal.avatar-picker-modal{background:#161b22;border:1px solid var(--accent-color, #ffa500);box-shadow:0 0 20px #000c}#btn-archive-info{top:-60px}#archive-info-modal{padding:10px}.tournament-banner.archive-mode{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);border-bottom:1px solid var(--accent-color, #ffa500);box-shadow:0 4px 20px #00000080;position:relative;overflow:hidden;padding:15px 0;text-align:center}.tournament-banner.archive-mode:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:radial-gradient(circle,var(--accent-color, #ffa500) 0%,transparent 70%);opacity:.5}.tournament-banner.archive-mode .banner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:auto}.tournament-banner.archive-mode h1{font-size:1.8rem;color:var(--accent-color, #ffa500);text-shadow:0 0 10px rgba(255,165,0,.3);margin:0;line-height:1.2;text-transform:uppercase;letter-spacing:2px}.tournament-banner.archive-mode .archive-subtitle{font-size:.9rem;color:#8b949e;text-transform:uppercase;letter-spacing:1px;font-weight:400}.tournament-banner.archive-mode .archive-subtitle strong{color:#e6edf3;font-weight:600}.archive-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px;background:rgba(var(--accent-rgb, 255, 165, 0),.05);padding:5px 20px;border-radius:20px;border:1px solid rgba(var(--accent-rgb, 255, 165, 0),.2)}.archive-status-text{color:var(--accent-color, #ffa500);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.archive-status-text:before{content:"●";color:var(--accent-color, #ffa500);animation:pulseAccent 2s infinite}@keyframes pulseAccent{0%{opacity:.4}50%{opacity:1;text-shadow:0 0 5px var(--accent-color, #ffa500)}to{opacity:.4}}.btn-exit-archive{background:transparent;border:1px solid var(--accent-color, #ffa500);color:var(--accent-color, #ffa500);font-family:inherit;font-weight:600;font-size:.7rem;padding:4px 12px;border-radius:15px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.btn-exit-archive:hover{background:var(--accent-color, #ffa500);color:#000;box-shadow:0 0 10px rgba(var(--accent-rgb, 255, 165, 0),.4)}