.tier-list-skeleton{position:relative;opacity:.7}.skeleton-computing-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;margin-bottom:20px;background:rgba(100,150,255,.1);border-radius:8px;font-size:16px;font-weight:500;color:#4a90e2}.skeleton-spinner{width:20px;height:20px;border:3px solid rgba(74,144,226,.2);border-top-color:#4a90e2;border-radius:50%;animation:skeleton-spin .8s linear infinite}@keyframes skeleton-spin{to{transform:rotate(1turn)}}.skeleton-tier{margin-bottom:16px}.skeleton-card{width:162px;height:120px;background:linear-gradient(90deg,rgba(200,200,200,.2),rgba(200,200,200,.4) 50%,rgba(200,200,200,.2));background-size:200% 100%;border-radius:8px;margin:4px;display:inline-block;vertical-align:top}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{background-position:200% 0;opacity:.6}50%{background-position:0 0;opacity:1}}.skeleton-hint{text-align:center;padding:16px;margin-top:20px;font-size:14px;color:#666;font-style:italic;background:rgba(0,0,0,.02);border-radius:4px}@media (prefers-color-scheme:dark){.skeleton-computing-label{background:rgba(100,150,255,.15);color:#6ba3ff}.skeleton-spinner{border-color:#6ba3ff rgba(107,163,255,.2) rgba(107,163,255,.2)}.skeleton-card{background:linear-gradient(90deg,rgba(80,80,80,.2),rgba(80,80,80,.4) 50%,rgba(80,80,80,.2));background-size:200% 100%}.skeleton-hint{color:#999;background:rgba(255,255,255,.02)}}@media (max-width:768px){.skeleton-card{width:120px;height:90px;margin:3px}.skeleton-computing-label{font-size:14px;padding:16px}.skeleton-hint{font-size:12px;padding:12px}}.chara-selector{width:100%}.chara-selector-empty{justify-content:center;padding:12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #ced4da;border-radius:12px;height:100%}.chara-selector-empty,.empty-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{width:32px;height:32px;color:#adb5bd}.empty-text{margin:0;font-size:12px;color:#6c757d;text-align:center;line-height:1.3}.btn-select-chara-big{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-select-chara-big:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-icon{width:20px;height:20px}.chara-selector-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);height:100%}.chara-avatar-square{position:relative;width:120px;height:120px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(102,126,234,.25);background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.chara-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.btn-clear-avatar{position:absolute;top:4px;right:4px;width:28px;height:28px;background:rgba(220,53,69,.9);color:white;border:none;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;padding:0}.chara-avatar-square:hover .btn-clear-avatar{opacity:1}.btn-clear-avatar:hover{background:rgba(220,53,69,1);transform:scale(1.1)}.chara-name-display{font-size:13px;font-weight:700;color:#212529;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.btn-change-chara-compact{width:100%;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-change-chara-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.chara-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.chara-modal{background:white;border-radius:12px;width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3)}.chara-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e0e0e0}.chara-modal-header h3{margin:0;font-size:20px;color:#2c3e50}.btn-close-modal{width:32px;height:32px;background:#e0e0e0;color:#555;font-size:24px;transition:all .2s}.btn-close-modal:hover{background:#c0c0c0}.chara-modal-search{padding:16px 24px;border-bottom:1px solid #e0e0e0}.chara-modal-search input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.chara-modal-search input:focus{outline:none;border-color:#667eea}.chara-modal-grid{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chara-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chara-grid-loading p{margin:0;color:#6c757d;font-size:14px}.chara-card-item-horizontal{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:12px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background:white}.chara-card-item-horizontal:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.2);transform:translateX(4px)}.chara-card-left{width:100px;height:100px;flex-shrink:0}.chara-card-image-small{width:100%;height:100%;object-fit:cover;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2)}.chara-card-right{display:flex;flex-direction:column;gap:10px;min-width:0}.chara-card-name{font-size:15px;font-weight:700;color:#212529;line-height:1.3;margin-bottom:4px}.chara-card-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{width:24px;height:24px;object-fit:contain}.stat-value{font-size:11px;font-weight:700;text-align:center}.stat-value.active{color:#667eea}.stat-value.inactive{color:#adb5bd}.chara-card-rates{display:none}.rate-mini{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;color:white}.rate-mini.speed{background:#667eea}.rate-mini.stamina{background:#f5576c}.rate-mini.power{background:#00f2fe}.rate-mini.guts{background:#fee140;color:#333}.rate-mini.wisdom{background:#30cfd0}@media (max-width:768px){.chara-modal{width:95%;max-height:90vh}.chara-modal-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:16px}.chara-card-image{width:80px;height:80px}.chara-card-name{font-size:11px}.selected-chara-inline{flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:20px}.chara-mini-avatar{width:35px;height:35px}.chara-mini-name{min-width:auto;font-size:13px}.chara-mini-rates{order:3;width:100%;justify-content:center}.btn-change-chara{font-size:11px;padding:5px 12px}.chara-avatar-square{width:120px;height:120px}.chara-name-display{font-size:12px;line-height:1.2}.btn-change-chara-compact,.btn-select-chara-big{font-size:12px;padding:7px 14px}.btn-icon{width:18px;height:18px}.chara-selector-compact,.chara-selector-empty{padding:12px;gap:6px}.empty-icon{width:32px;height:32px}.empty-text{font-size:11px}}@media (max-width:480px){.chara-avatar-square{width:105px;height:105px;border-radius:10px}.chara-name-display{font-size:11px}.btn-change-chara-compact,.btn-select-chara-big{font-size:11px;padding:6px 12px}.chara-selector-compact,.chara-selector-empty{padding:10px;gap:5px}.empty-icon{width:28px;height:28px}.empty-text,.mini-badge{font-size:10px}.mini-badge{padding:2px 6px}.btn-select-chara-inline{font-size:12px;padding:8px 20px}}.uma-tierlist-container{text-align:center;max-width:1200px;margin:0 auto;padding:20px}.configuration-section{background:white;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.config-row{display:flex;gap:24px;align-items:flex-start}.support-deck-section,.training-settings-section{flex:1;min-width:0}.tierlist-main-section{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.tierlist-main-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:14px;z-index:-1;opacity:.1}.tierlist-controls-row{display:flex;gap:20px;margin-bottom:20px;align-items:stretch}.tierlist-filters{flex:0 0 40%;display:flex;flex-direction:column}.tierlist-controls-row .support-deck-section,.tierlist-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.tierlist-controls-row .support-deck-section{flex:0 0 60%}.attribute-selector-section{margin:20px 0;padding:20px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.attribute-selector-label{font-size:14px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;text-align:center}.type-selector-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.type-selector-buttons .image-btn{width:52px;height:52px;border:3px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#f8f9fa;padding:6px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.type-selector-buttons .image-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15);border-color:#667eea;background:white}.type-selector-buttons .image-btn.selected{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,.2),0 6px 16px rgba(102,126,234,.3);transform:translateY(-3px) scale(1.08);filter:none!important}.type-selector-buttons .image-btn.selected:hover{background:white;box-shadow:0 0 0 4px rgba(102,126,234,.3),0 6px 16px rgba(102,126,234,.4);filter:none!important}.support-deck-section h3,.tierlist-filters h3,.training-settings-section h3{margin:0 0 12px;color:#333;font-size:1.1em;font-weight:600;text-align:left}.tierlist-filters .filters{flex:1;display:flex;flex-direction:column}.training-settings-section .weights #weights-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:8px 20px;cursor:pointer;font-size:.9em;color:white;font-weight:500;transition:all .2s ease;width:180px;margin:0 auto;text-align:center;box-shadow:0 2px 8px rgba(102,126,234,.3)}.training-settings-section .weights #weights-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.training-settings-section .weights .weight-row:not(:first-child){animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.uma-bonuses-section{border-radius:8px;padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (max-width:768px){.config-row{flex-direction:column;gap:16px}.support-deck-section,.training-settings-section{width:100%}.tierlist-main-section{padding:16px}.tierlist-filters{padding:12px}.tierlist-controls-row{flex-direction:column;gap:16px}.tierlist-controls-row .support-deck-section,.tierlist-filters{flex:none;width:100%}}.attribute-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px;padding:15px;background:transparent;border-radius:8px}.attribute-buttons .image-btn{width:50px;height:50px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease;background:white}.attribute-buttons .image-btn:hover{border-color:#007bff;transform:scale(1.05)}.attribute-buttons .image-btn.selected{border-color:#007bff;background:#e3f2fd;box-shadow:0 2px 8px rgba(0,123,255,.3)}.uma-tierlist-container h1{margin-bottom:20px;color:#333}.section-explanation{width:100%;font-style:italic;margin-bottom:20px;color:#666}.section-explanation a{color:#0070f3;text-decoration:none}.section-explanation a:hover{text-decoration:underline}.support-card{display:inline-flex;flex-direction:column;align-items:center;width:110px;margin:2px;text-align:center;cursor:default;gap:6px}.support-card-media{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden}.support-card--with-side-info{width:162px;max-width:100%;align-items:stretch}.support-card-body{display:flex;align-items:stretch;gap:8px;width:100%;background:transparent;border-radius:8px;overflow:hidden;box-shadow:none}.support-card-visual{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:0 0 110px;width:110px;gap:4px;height:100%;padding-bottom:2px}.support-card--with-side-info .support-card-media{flex:0 0 auto;width:100%}.support-card-body:not(.is-selected){cursor:pointer}.support-card-body.is-selected{cursor:default}.support-card-image{width:100%;height:100%;transition:transform .2s;display:block;object-fit:cover}.support-card-body:not(.is-selected):hover .support-card-image{transform:scale(1.05)}.support-card--with-side-info .support-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1 1 48px;padding:0 4px;gap:4px;min-width:48px;text-align:left;height:100%}.support-card--with-side-info .support-card-score{font-size:.72rem;font-weight:700;color:#2563eb;width:100%;text-align:left;line-height:1.1}.support-card--with-side-info .support-card-stats{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%}.support-card--with-side-info .support-card-stat{font-size:.66rem;color:#334155;width:100%;text-align:left;line-height:1.05}.support-card-visual .support-card-name{width:100%;max-width:100%}.limit-breaks{position:absolute;left:50%;bottom:6px;display:flex;align-items:center;justify-content:center;gap:clamp(2px,2.5%,6px);width:calc(100% - 12px);transform:translateX(-50%);pointer-events:none}.limit-break-marker{flex:0 0 auto;width:clamp(6px,14%,14px);aspect-ratio:1;transform:rotate(45deg);border-radius:2px;background:rgba(117,116,122,.8);box-shadow:-1px -1px 0 #f5f0eb,1px -1px 0 #f5f0eb,-1px 1px 0 #f5f0eb,1px 1px 0 #f5f0eb}.limit-break-marker.is-filled{background:#59ebff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.type-icon{right:5px;width:30px;height:30px;object-fit:cover;border-radius:4px;background:transparent;border:none}.score,.type-icon{position:absolute;top:5px}.score{right:10px;text-align:right;width:100%;font-size:.75em;font-weight:700;color:greenyellow;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.support-card-name{padding:0 6px;font-size:.75rem;line-height:1.2;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.capped-score{position:absolute;top:5px;right:10px;text-align:right;width:100%;font-size:.75em;font-weight:700;color:orangered;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.tier{display:flex;padding-top:10px;padding-bottom:5px;border-radius:8px;margin-bottom:5px}.tier-images{flex:1;display:flex;flex-wrap:nowrap;text-align:left;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(118,75,162,.5) transparent}.tier-images>*{flex:0 0 auto}.tier-images::-webkit-scrollbar{height:8px}.tier-images::-webkit-scrollbar-track{background:rgba(0,0,0,.08);border-radius:999px}.tier-images::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px}.tier:nth-child(odd){background-color:#f5f5f5}.tier:nth-child(2n){background-color:#ffffff}.tier-letter{font-size:4em;font-weight:700;text-align:center;vertical-align:center;width:80px;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:8px;margin-right:10px}.selected-cards{width:100%;margin-bottom:30px;padding:20px;background:white;border-radius:12px}.selected-cards .support-card,.selected-cards .support-card-media{cursor:pointer}.tierlist-controls-row .support-deck-section .selected-cards{margin-bottom:0;padding:16px;background:white;border-radius:8px}.section-header{width:100%;font-weight:700;font-size:1.2em;margin-bottom:10px;color:#333}.selected{filter:grayscale(100%)}.btn-preset{margin:4px 2px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease;display:inline-block;box-shadow:0 2px 6px rgba(102,126,234,.25)}.btn-preset:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(102,126,234,.35)}.weight-row .btn-preset{margin:2px 4px}.preset-select-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.preset-select-label{font-weight:600;color:#374151}.preset-select{flex:0 0 auto;min-width:200px;padding:6px 14px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#1f2933;font-size:.95rem;line-height:1.4;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.preset-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.25)}.link{margin-bottom:10px;margin-top:5px}.link a{color:#0070f3;text-decoration:none}.link a:hover{text-decoration:underline}.uma-bonuses-section{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.uma-bonuses-section .section-header{font-size:16px;font-weight:700;color:#212529;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.uma-bonuses-content{display:grid;grid-template-columns:180px auto;gap:20px;align-items:stretch;justify-content:center}.uma-bonuses-left{display:flex;flex-direction:column;min-height:0}.uma-bonuses-left .chara-selector{height:100%}.uma-bonuses-left .chara-selector,.uma-bonuses-right{display:flex;flex-direction:column;justify-content:center}.uma-bonuses-inputs{display:grid;grid-template-columns:auto 100px;gap:8px 12px;align-items:center}.uma-bonuses-inputs .attribute-icon-label{width:28px;height:28px;object-fit:contain;justify-self:center}.uma-bonuses-inputs input[type=number],.uma-bonuses-inputs input[type=text]{padding:6px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s;height:36px}.uma-bonuses-inputs input[type=number]:focus,.uma-bonuses-inputs input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.weight-row{width:100%;padding-bottom:10px;margin-bottom:20px}.filters{text-align:center;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:12px}.tierlist-filters .filters.compact-layout{padding:0;background:transparent;border-radius:0;margin-bottom:0;display:flex;flex-direction:column;gap:20px}.attribute-section,.rarity-section{display:flex!important;flex-direction:column!important;background:white!important;border-radius:8px!important;padding:15px!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.attribute-section,.rarity-section{width:100%}.section-label{font-weight:700;font-size:1em;margin-bottom:6px;color:#333;text-align:left}.rarity-section table{width:100%!important;max-width:400px!important;margin:0 auto!important;border-collapse:collapse!important}.rarity-section tbody,.rarity-section td,.rarity-section tr{padding:4px 8px!important}.attribute-section>div:first-child,.rarity-section>div:first-child{padding:0 0 8px!important;margin:0!important}.attribute-section .attribute-buttons{margin-bottom:0;padding:8px;justify-content:flex-start;gap:8px;display:flex;align-items:center;flex-wrap:wrap}@media (max-width:900px){.attribute-section .attribute-buttons{justify-content:center}}.limit-break-list{display:flex;flex-direction:column;gap:12px}.limit-break-row{display:flex;align-items:center;gap:12px}.limit-break-label{flex:0 0 auto;font-weight:600;min-width:44px;text-align:right}.limit-break-tablist{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scroll-snap-type:x mandatory;scroll-padding-inline:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.limit-break-tablist::-webkit-scrollbar{display:none}.limit-break-button{flex:0 0 auto;border:1px solid #dee2e6;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.85em;font-weight:600;color:#495057;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;scroll-snap-align:start;white-space:nowrap}.limit-break-button:hover{border-color:#a0a4ab}.limit-break-button.is-active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 6px rgba(102,126,234,.35)}.limit-break-button:focus-visible{outline:3px solid rgba(102,126,234,.6);outline-offset:2px}.limit-break-button:active{transform:translateY(1px)}.limit-break-value{display:inline-block;min-width:1.5ch;text-align:center}table{width:450px;margin-left:auto;margin-right:auto;border-collapse:collapse}.compact-layout table{width:100%;max-width:400px;margin:0}.compact-layout th{width:60px;text-align:left}.compact-layout td{width:80px;padding:2px 4px;text-align:left}.lb-item{display:flex;flex-direction:column;align-items:center;gap:4px}.checkbox-container{display:flex;justify-content:center;width:100%}.lb-item input[type=checkbox]{width:14px;height:14px;margin:0}td{padding:4px 8px}td,th{width:150px}th{padding:6px 8px;background:#f0f0f0;font-weight:700}.compact-layout td{padding:2px 8px;font-size:.9em}.compact-layout th{padding:4px 8px;font-size:.9em}input{width:80px;text-align:center;padding:6px;border:1px solid #ddd;border-radius:4px}label{padding-left:10px;padding-right:5px;font-weight:500}.slider{width:300px}.image-btn{width:50px;height:50px;padding:0;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;object-fit:contain;background:transparent}.image-btn:hover{border-color:#0070f3;transform:scale(1.05)}.image-btn.selected{border-color:#0070f3;background-color:rgba(0,112,243,.1)}.label{display:block;margin-left:8px;text-align:left;font-weight:700;margin-bottom:5px}.selectors{display:flex;padding-left:10px;padding-right:10px;gap:10px;margin-bottom:20px}.select{width:25%;flex:1}.selectLabel{text-align:center;vertical-align:center;padding-right:10px;padding-top:6px;font-weight:500}@media (max-width:768px){.uma-tierlist-container{padding:10px}.tier-letter{font-size:2em;width:60px}.selected-cards .support-card{width:80px}.support-card--with-side-info{width:148px}.support-card--with-side-info .support-card-body{gap:6px}.support-card--with-side-info .support-card-visual{flex:0 0 92px;width:92px}.support-card--with-side-info .support-card-info{min-width:0}.support-card--with-side-info .support-card-score{font-size:.68rem}.support-card--with-side-info .support-card-stat{font-size:.6rem}.support-card-media{aspect-ratio:1/1}.selectors{flex-direction:column}table{width:100%}}.uma-tierlist-section{padding:20px 0;background:transparent}.server-selector-container{text-align:center;margin-bottom:16px}.server-selector{display:inline-flex;background:white;border-radius:12px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid #e2e8f0}.server-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#64748b;min-width:120px}.server-btn:hover{background:#f1f5f9;color:#475569}.server-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 2px 8px rgba(102,126,234,.4)}.tierlist-wrapper{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e2e8f0}.tierlist-wrapper .uma-tierlist-container{max-width:none;margin:0;padding:16px;background:transparent}.tierlist-wrapper .uma-tierlist-container h1{display:none}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:white;border-radius:16px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.settings-modal-header h3{margin:0;font-size:20px;font-weight:700;color:white;letter-spacing:.5px}.btn-close-modal{background:rgba(255,255,255,.2);border:none;width:36px;height:36px;border-radius:50%;font-size:28px;font-weight:300;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.btn-close-modal:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.settings-modal-content{overflow-y:auto;padding:28px;flex:1}.settings-modal-content .weight-row{margin-bottom:28px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea;transition:all .2s ease}.settings-modal-content .weight-row:hover{background:#f1f3f5;border-left-color:#764ba2;box-shadow:0 2px 8px rgba(102,126,234,.1)}.settings-modal-content .section-header{font-size:16px;font-weight:700;color:#212529;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.settings-modal-content .section-explanation{font-size:13px;color:#6c757d;margin-bottom:16px;line-height:1.6}.settings-modal-content .btn-preset{margin:6px 4px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease}.settings-modal-content label{font-weight:600;color:#495057;font-size:14px}.settings-modal-content input[type=number],.settings-modal-content input[type=range]{margin:8px 12px 8px 0}.settings-modal-content input[type=checkbox]{margin-right:8px;cursor:pointer;width:18px;height:18px}.settings-modal-content::-webkit-scrollbar{width:10px}.settings-modal-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.settings-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;border:2px solid #f1f3f5}.settings-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.btn-settings-gear{background:transparent;border:2px solid rgba(102,126,234,.3);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.btn-settings-gear:hover{background:rgba(102,126,234,.1);border-color:#667eea;transform:rotate(45deg)}.btn-settings-gear svg{width:22px;height:22px;transition:transform .3s ease}.btn-settings-gear:hover svg{fill:#667eea}.section-title-with-icon{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-with-icon h3{margin:0;font-size:18px;font-weight:700;color:#212529}.btn-settings-icon{background:transparent;border:2px solid rgba(102,126,234,.3);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;color:#667eea}.btn-settings-icon:hover{background:rgba(102,126,234,.1);border-color:#667eea;transform:rotate(90deg);color:#764ba2}.btn-settings-icon:active{transform:rotate(90deg) scale(.95)}@media (max-width:768px){.uma-bonuses-section{padding:16px}.uma-bonuses-content{grid-template-columns:160px auto;gap:16px;justify-content:start}.uma-bonuses-inputs{grid-template-columns:24px 70px;gap:6px 8px}.uma-bonuses-inputs .attribute-icon-label{width:24px;height:24px}.uma-bonuses-inputs input[type=text]{font-size:13px;padding:5px 8px;height:32px}.rarity-section{overflow-x:auto}.rarity-section table{max-width:100%!important;min-width:280px}.limit-break-row{gap:8px}.limit-break-label{min-width:40px;font-size:.9em}}@media (max-width:480px){.uma-bonuses-content{grid-template-columns:140px auto;gap:12px}.uma-bonuses-inputs{grid-template-columns:22px 65px;gap:5px 6px}.uma-bonuses-inputs .attribute-icon-label{width:22px;height:22px}.uma-bonuses-inputs input[type=text]{font-size:12px;padding:4px 6px;height:28px}.rarity-section table{max-width:100%!important;font-size:.85em}.rarity-section tbody,.rarity-section td,.rarity-section tr{padding:3px 4px!important}.limit-break-label{font-size:.85em;min-width:36px}.limit-break-button{font-size:.75em;padding:5px 10px}.attribute-section,.rarity-section{padding:12px!important}.section-label{font-size:.9em}}