#tier-list-rank{flex-direction:column;gap:24px;display:flex}#tier-list-rank .rank-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=767px){#tier-list-rank .rank-header{flex-direction:column}}#tier-list-rank .rank-info{flex-direction:column;gap:8px;display:flex}#tier-list-rank .rank-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=767px){#tier-list-rank .rank-actions{width:100%}#tier-list-rank .rank-actions button{flex:1}}#tier-list-rank .rank-back{color:#f5f6f7b8;align-items:center;gap:8px;font-size:clamp(14px,1.6vw,16px);text-decoration:none;display:flex}#tier-list-rank .rank-back svg{width:16px;height:16px}#tier-list-rank .rank-title{align-items:center;gap:16px;display:flex}#tier-list-rank .rank-title h1{font-size:clamp(24px,3vw,32px)}#tier-list-rank .rank-title .badge{color:#dfdfdf;background:#303237;border-radius:4px;padding:6px 12px;font-size:clamp(14px,1.6vw,16px)}#tier-list-rank .rank-desc{color:#fffc;font-size:clamp(16px,1.8vw,18px)}#tier-list-rank .tier-list{flex-direction:column;gap:12px;display:flex}#tier-list-rank .tier-row{background:#202228;border:1px solid #40444e;border-radius:12px;align-items:center;gap:16px;min-height:138.18px;padding:8px;display:flex;position:relative}#tier-list-rank .tier-row.drop-active{background:#3fa36710;border-color:#3fa3677a}#tier-list-rank .tier-row.tier-s{border-color:#d7bf7e;box-shadow:0 0 12px #d7bf7e26}@media (width<=767px){#tier-list-rank .tier-row{flex-direction:column;align-items:stretch}}#tier-list-rank .tier-label{background:var(--tier-color,#f5f6f71a);border:none;border-radius:8px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;width:128px;min-width:128px;min-height:96px;padding:8px;display:flex}#tier-list-rank .tier-label .tier-letter{letter-spacing:-.04em;color:#1c1d21;text-align:center;word-break:break-word;font-family:Karla,sans-serif;font-size:48px;line-height:140%}#tier-list-rank .tier-label .tier-letter.longer{letter-spacing:-.02em;font-size:clamp(20px,2vw,28px);line-height:1.2}#tier-list-rank .tier-label .tier-letter.longest{letter-spacing:-.01em;font-size:clamp(14px,1.4vw,20px);line-height:1.2}#tier-list-rank .tier-label .tier-count{color:#1c1d21cc;text-align:center;font-size:clamp(16px,1.8vw,18px)}@media (width<=767px){#tier-list-rank .tier-label{flex-direction:row;gap:12px;width:100%;min-height:auto}#tier-list-rank .tier-label .tier-letter{font-size:32px}#tier-list-rank .tier-label .tier-letter.longer{font-size:22px}#tier-list-rank .tier-label .tier-letter.longest{font-size:16px}}#tier-list-rank .drop-divider{background:#3fa3677a;border-radius:2px;align-self:stretch;width:3px}#tier-list-rank .tier-items{flex-wrap:wrap;flex:1;align-content:center;align-items:flex-start;gap:8px;display:flex;overflow-y:auto}#tier-list-rank .tier-items.tier-collapsed{max-height:360px}@media (width<=767px){#tier-list-rank .tier-items{min-height:auto}}#tier-list-rank .tier-expand svg{width:16px;height:16px;transition:transform .3s}#tier-list-rank .tier-controls{flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;gap:4px;display:flex}@media (width<=767px){#tier-list-rank .tier-controls{flex-direction:row;justify-content:flex-end}}#tier-list-rank .tier-arrows{flex-direction:column;display:flex}#tier-list-rank .tier-arrows button{cursor:pointer;color:#f5f6f7b8;background:0 0;border:none;padding:2px}#tier-list-rank .tier-arrows button svg{width:20px;height:20px}#tier-list-rank .tier-arrows button:hover{color:#f5f6f7}#tier-list-rank .tier-arrows .arrow-up svg{transform:rotate(180deg)}#tier-list-rank .preview-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=767px){#tier-list-rank .preview-actions{width:100%}}#tier-list-rank .preview-grid{flex-wrap:wrap;gap:12px;display:flex}@media (width<=767px){#tier-list-rank .preview-grid{gap:8px}}#tier-list-rank .add-tier{cursor:pointer;color:#f5f6f7e0;background:#202228;border:1px dashed #40444e;border-radius:12px;justify-content:center;align-items:center;gap:12px;height:clamp(64px,8vw,88px);padding:12px;font-size:clamp(20px,2.2vw,22px);font-weight:500;transition:border-color .3s;display:flex}#tier-list-rank .add-tier:hover{border-color:#f5f6f740}#tier-list-rank .add-tier svg{width:24px;height:24px}.tu-card.tier-skin{border-right:1px solid var(--tier-color,#636363);border-bottom:1px solid var(--tier-color,#636363);border-left:1px solid var(--tier-color,#636363);cursor:grab;touch-action:none;width:clamp(120px,10vw,145px)}.tu-card.tier-skin:active{cursor:grabbing}.tu-card.tier-skin img{pointer-events:none}.tu-card.tier-skin .tu-card-img{height:110px;padding:6px 10px}.tu-card.tier-skin .tu-card-img img{object-fit:contain;width:100%;height:100%}.tu-card.tier-skin .tu-card-info{padding:0 8px 8px}.tu-card.tier-skin .tu-card-name{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:clamp(14px,1.6vw,16px);display:-webkit-box;overflow:hidden}.tu-card.tier-skin .tier-skin-action{z-index:2;color:#f5f6f7b8;opacity:0;width:24px;min-width:0;height:24px;padding:4px;transition:opacity .2s,color .2s,background .4s;position:absolute;top:6px}.tu-card.tier-skin .tier-skin-action svg{width:16px;height:16px}.tu-card.tier-skin .tier-skin-action:hover{color:#f5f6f7;background:#f5f6f70f}.tu-card.tier-skin .tier-skin-expand{right:6px}.tu-card.tier-skin .tier-skin-link{left:6px}@media (hover:hover){.tu-card.tier-skin:hover .tier-skin-action{opacity:1}}.unranked-sticky{z-index:10;background:#27292f;border-top:1px solid #40444e;transition:border-color .2s;position:sticky;bottom:0}.unranked-sticky.drop-active{border-color:#3fa3677a}.unranked-inner{flex-direction:column;gap:12px;max-width:clamp(1400px,100vw,1800px);margin:0 auto;padding:clamp(0px,2vw - 16px,10px) clamp(12px,3vw,56px);display:flex}.unranked-inner .unranked-header{justify-content:space-between;align-items:center;display:flex}.unranked-inner .unranked-header h3{color:#f5f6f7e0;font-size:clamp(18px,2vw,20px);font-weight:500}@media (width<=767px){.unranked-inner .unranked-header h3{font-size:clamp(16px,1.8vw,18px)}}.unranked-inner .unranked-header .btn-tertiary svg{transition:transform .3s}.unranked-inner .unranked-grid{flex-wrap:wrap;align-items:flex-start;gap:12px;max-height:190px;display:flex;overflow-y:auto}@media (width<=767px){.unranked-inner .unranked-grid{gap:8px}}.unranked-inner .unranked-grid.expanded{max-height:35vh}.edit-tier-modal{color:#f5f6f7;background:#27292f;border:1px solid #383c46;border-radius:12px;flex-direction:column;width:min(650px,92vw);max-height:90vh;margin:auto;padding:0;display:flex;overflow:hidden}.edit-tier-modal::backdrop{background:#0000007a}.edit-tier-modal header{justify-content:space-between;align-items:center;padding:24px 32px 0;display:flex}.edit-tier-modal header .sub{margin:0}.edit-tier-modal .form{flex-direction:column;flex:1;gap:16px;min-height:0;padding:32px;display:flex;overflow-y:auto}.edit-tier-modal .field{border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.edit-tier-modal .label{color:#f5f6f7b8;text-transform:uppercase;align-items:center;gap:4px;padding:0;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:14px;font-weight:500;line-height:145%;display:inline-flex}.edit-tier-modal .required{color:#e56969;font-size:12px;font-weight:500}.edit-tier-modal .field>input[type=text]{color:#f5f6f7;background:0 0;border:1px solid #40444e;border-radius:4px;height:44px;padding:12px;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:16px;transition:border-color .15s}.edit-tier-modal .field>input[type=text]::placeholder{color:#f5f6f77a}.edit-tier-modal .field>input[type=text]:focus{border-color:#3fa367;outline:none}.edit-tier-modal .field>input[type=text].error,.edit-tier-modal .field>input[type=text].error:focus{border-color:#e56969}.edit-tier-modal .field-error{color:#e56969;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:13px}.edit-tier-modal .color-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.edit-tier-modal .color-swatch{cursor:pointer;color:#f5f6f7;background:0 0;border:1px solid #f5f6f729;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:76px;padding:10px;transition:border-color .15s,background .15s;display:flex;position:relative}.edit-tier-modal .color-swatch:hover{border-color:#f5f6f766}.edit-tier-modal .color-swatch.selected{background:#3fa3670f;border-color:#3fa367}.edit-tier-modal .color-swatch .swatch-fill{background:var(--swatch);border-radius:4px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000002e}.edit-tier-modal .color-swatch .swatch-label{font-size:14px;line-height:1}.edit-tier-modal .color-swatch-custom .custom-fill{background:conic-gradient(#f07878,#f0c878,#c8f078,#78f0c8,#78d8f0,#a878f0,#f078c8,#f07878)}.edit-tier-modal .color-swatch-custom .swatch-label{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:12px}.edit-tier-modal .custom-picker-panel{background:#00000029;border:1px solid #383c46;border-radius:8px;margin-top:12px;padding:16px}.edit-tier-modal footer{border-top:1.5px solid #383c46;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.edit-tier-modal .footer-right{gap:8px;display:flex}.edit-tier-modal .delete-btn{color:#e56969}@media (hover:hover){.edit-tier-modal .delete-btn:hover{background:#e5696914}}@media (width<=767px){.edit-tier-modal{border-radius:0;width:100vw;max-height:100vh}.edit-tier-modal header{padding:16px 16px 0}.edit-tier-modal .form{padding:16px}.edit-tier-modal .color-grid{grid-template-columns:repeat(2,1fr)}}.color-picker{-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;display:flex}.hs-square{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--hue,0), 100%, 50%));border:1px solid #383c46;border-radius:6px;width:100%;height:160px;position:relative;overflow:hidden}.hs-square:focus-visible{outline-offset:2px;outline:2px solid #3fa367}.hs-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #0000004d}.hue-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:1px solid #383c46;border-radius:7px;outline:none;width:100%;height:14px}.hue-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #27292f;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #00000080}.hue-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #27292f;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #00000080}.hue-slider:focus-visible{outline-offset:2px;outline:2px solid #3fa367}.hex-row{align-items:center;gap:12px;display:flex}.preview{border-radius:6px;flex-shrink:0;width:36px;height:36px;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 1px #383c46}.hex-input{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f5f6f7;background:0 0;border:1px solid #40444e;border-radius:4px;flex:1;align-items:center;height:36px;padding:0 10px;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:14px;transition:border-color .15s;display:flex}.hex-input .hash{color:#f5f6f77a;margin-right:4px}.hex-input input{min-width:0;color:inherit;font:inherit;text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;padding:0}.hex-input:focus-within{border-color:#3fa367}