.tierlist-root{--gutter:14px;--radius-lg:12px;--radius:10px;--radius-sm:8px;--shadow-1:0 4px 14px rgba(0,0,0,.18);--shadow-2:0 10px 28px rgba(0,0,0,.28);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";--fs-xxl:clamp(20px,1.6vw,28px);--fs-xl:clamp(15px,1.2vw,18px);--fs-lg:14px;--fs-md:13px;--fs-sm:12px;--bg:#0d0f12;--bg-2:#101318;--card:#13171e;--card-2:#11151b;--border:#1a2029;--border-2:#242c38;--text:#e8eaee;--muted:#a8b0ba;--subtle:#cfd5dd;--accent:#a3a3a3;--focus:#d8d8d8}.tierlist-root *,.tierlist-root *::before,.tierlist-root *::after{box-sizing:border-box}.tierlist-root{min-height:100%;scroll-behavior:smooth}.tierlist-root{margin:0;position:relative;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;background:transparent!important;background-color:transparent!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tierlist-root img{display:block;max-width:100%}.tierlist-root button{font:inherit;color:inherit;background:#fff0;border:1px solid var(--border);border-radius:9px;padding:6px 10px;cursor:pointer;transition:transform .06s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,filter .18s ease}.tierlist-root button:hover{transform:translateY(-1px)}.tierlist-root button:active{transform:translateY(0)}.tierlist-root button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tierlist-root{--tier-ss:#b91c1c;--tier-s:#ea580c;--tier-a:#f59e0b;--tier-b:#facc15;--tier-c:#84cc16;--tier-n1:#22c55e;--tier-n2:#14b8a6;--tier-n3:#06b6d4;--tier-n4:#3b82f6;--tier-n5:#334155}.tierlist-root .tier{display:grid;grid-template-columns:100px 1fr 40px;align-items:stretch;position:relative;border-radius:var(--radius);background:var(--card);margin-bottom:12px;box-shadow:var(--shadow-1);overflow:hidden}.tierlist-root .tier::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background:var(--border)}.tierlist-root .tier-name-col{width:100px;min-width:100px;display:flex;align-items:center;justify-content:center;padding:10px;background:rgb(0 0 0 / .1)}.tierlist-root .tier-name{width:100%;text-align:center;padding:8px;border-radius:var(--radius-sm);background:rgb(255 255 255 / .1);font-weight:700;font-size:var(--fs-lg);color:#fff}.tierlist-root .tier-header{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgb(255 255 255 / .02),#fff0)}.tierlist-root .tier-header::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,rgb(255 255 255 / .28),#fff0);mix-blend-mode:soft-light;pointer-events:none}.tierlist-root .tier-actions{display:flex;flex-direction:column;gap:5px;padding:10px 5px;background:rgb(0 0 0 / .05);border-left:1px solid var(--border)}.tierlist-root .tier-actions button{width:30px;height:30px;display:grid;place-items:center;background:rgb(255 255 255 / .03);border:1px solid var(--border);border-radius:8px}.tierlist-root .tier-actions button:hover{background:rgb(255 255 255 / .06);border-color:var(--border-2)}.tierlist-root .tier-dropzone{flex:1;min-height:100px;padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;margin-left:0;padding-left:10px}.tierlist-root .tier-dropzone .char{flex:0 0 92px;width:92px;max-width:100%}.tierlist-root .bench{position:static;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:clip}.tierlist-root .bench-title{margin:0;padding:10px 12px;font-size:var(--fs-lg);font-weight:700;letter-spacing:.15px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgb(255 255 255 / .02),transparent);color:var(--subtle)}.tierlist-root .bench-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px;min-height:110px}.tierlist-root .char{display:block;width:100%;aspect-ratio:1 / 1;padding:0;margin:0;background:linear-gradient(180deg,rgb(255 255 255 / .035),rgb(255 255 255 / .018));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden;transition:transform .10s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease;user-select:none}.tierlist-root .char-img{display:block;width:100%;height:100%;object-fit:cover;background:#0b0f16}@media (max-width:620px){.tierlist-root .tier-dropzone .char,.tierlist-root .bench-grid .char{aspect-ratio:1 / 1}}.tierlist-root .drag-source{opacity:.22}.tierlist-root .drag-avatar{position:fixed;z-index:1000;pointer-events:none;transform:translate(0,0);will-change:transform;filter:drop-shadow(0 8px 24px rgb(0 0 0 / .55));transition:none!important}.tierlist-root .drag-avatar .char{transform:none!important;box-shadow:var(--shadow-2);border-color:var(--border-2)}.tierlist-root .drop-target{outline:2px dashed color-mix(in oklab,var(--accent),white 18%);outline-offset:-6px;background:linear-gradient(180deg,rgb(163 163 163 / .10),transparent)}.tierlist-root .drop-placeholder{border:2px dashed color-mix(in oklab,var(--accent),white 12%);border-radius:var(--radius);background:repeating-linear-gradient(45deg,rgb(163 163 163 / .14),rgb(163 163 163 / .14) 8px,rgb(163 163 163 / .22) 8px,rgb(163 163 163 / .22) 16px);min-height:76px}.tierlist-root .tier--ss::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-ss),black 6%),var(--tier-ss))}.tierlist-root .tier--s::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-s),black 6%),var(--tier-s))}.tierlist-root .tier--a::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-a),black 6%),var(--tier-a))}.tierlist-root .tier--b::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-b),black 6%),var(--tier-b))}.tierlist-root .tier--c::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-c),black 6%),var(--tier-c))}.tierlist-root .tier--new-1::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-n1),black 6%),var(--tier-n1))}.tierlist-root .tier--new-2::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-n2),black 6%),var(--tier-n2))}.tierlist-root .tier--new-3::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-n3),black 6%),var(--tier-n3))}.tierlist-root .tier--new-4::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-n4),black 6%),var(--tier-n4))}.tierlist-root .tier--new-5::before{background:linear-gradient(180deg,color-mix(in oklab,var(--tier-n5),black 6%),var(--tier-n5))}.tierlist-root .tier--ss .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-ss),white 12%),color-mix(in oklab,var(--tier-ss),black 12%))}.tierlist-root .tier--s .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-s),white 12%),color-mix(in oklab,var(--tier-s),black 12%))}.tierlist-root .tier--a .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-a),white 12%),color-mix(in oklab,var(--tier-a),black 12%))}.tierlist-root .tier--b .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-b),white 12%),color-mix(in oklab,var(--tier-b),black 12%))}.tierlist-root .tier--c .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-c),white 12%),color-mix(in oklab,var(--tier-c),black 12%))}.tierlist-root .tier--new-1 .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-n1),white 12%),color-mix(in oklab,var(--tier-n1),black 12%))}.tierlist-root .tier--new-2 .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-n2),white 12%),color-mix(in oklab,var(--tier-n2),black 12%))}.tierlist-root .tier--new-3 .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-n3),white 12%),color-mix(in oklab,var(--tier-n3),black 12%))}.tierlist-root .tier--new-4 .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-n4),white 12%),color-mix(in oklab,var(--tier-n4),black 12%))}.tierlist-root .tier--new-5 .tier-name-col{background:linear-gradient(to bottom,color-mix(in oklab,var(--tier-n5),white 12%),color-mix(in oklab,var(--tier-n5),black 12%))}.tierlist-root .hidden{display:none!important}.tierlist-root .tier.tier--c::before,.tierlist-root .tier--c::before{background-image:linear-gradient(180deg,rgb(132 204 22 / .88),rgb(132 204 22 / .98));background-color:var(--tier-c)}.tierlist-root .tier.tier--c::before{background:linear-gradient(180deg,#84cc16 0%,#6bb212 100%)!important;box-shadow:1px 0 0 rgb(0 0 0 / .12)!important}.tierlist-root{scrollbar-color:#6f6f6f #fff0;scrollbar-width:thin}.tierlist-root::-webkit-scrollbar{width:10px;height:10px}.tierlist-root::-webkit-scrollbar-track{background:#fff0}.tierlist-root::-webkit-scrollbar-thumb{background:#6f6f6f;border-radius:10px;border:2px solid #fff0;background-clip:padding-box}@media (max-width:620px){.tierlist-root .tier-dropzone{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.tierlist-root .bench-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.tierlist-root .tier-actions button{width:28px;height:28px}.tierlist-root .tier-dropzone .char{width:92px}}@media (prefers-reduced-motion:reduce){.tierlist-root *{transition:none!important;animation:none!important}}.tierlist-root .btn-danger{background:linear-gradient(to bottom,#ff6b6b,#ee5a52);color:#fff}.tierlist-root .btn-danger:hover{background:linear-gradient(to bottom,#ff5252,#e53935)}.tierlist-root .tl-main{background:transparent!important}.tierlist-root .tier{background:rgb(53 61 78 / .6)!important}.tierlist-root .bench{background:rgb(53 61 78 / .6)!important}.tierlist-root .tl-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;border-bottom:1px solid rgb(26 32 41 / .5)!important;background:transparent!important;text-align:center}.tierlist-root .tl-title{font-size:var(--fs-xl);font-weight:600;line-height:1;color:var(--text)}.tierlist-root .tl-controls{display:inline-flex;gap:8px;align-items:center;justify-content:center}.tierlist-root .tl-hint{display:block;font-size:12px;color:var(--muted);margin-top:4px}.tierlist-root .char{background:rgb(255 255 255 / .08)!important}.tierlist-root .tier-header{background:transparent!important}.tierlist-root .bench-title{background:transparent!important}