.tierlist-page,.tierlist-admin{width:min(100%,1200px);margin:0 auto;padding:clamp(16px,3vw,32px);color:var(--text);box-sizing:border-box}
.tierlist-heading{margin:0 0 24px}.tierlist-heading h1{margin:4px 0 8px;font-size:clamp(28px,5vw,42px);line-height:1.15}.tierlist-kicker{margin:0;color:var(--muted);font-size:16px}.tierlist-updated{margin:0;font-size:14px}
.tierlist-rows{display:grid;gap:14px}.tierlist-row{--tier-color:#ef6d78;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--tier-color) 48%,var(--line));border-radius:16px;background:var(--surface);min-width:0}.tierlist-row-s{--tier-color:#ed6871}.tierlist-row-a{--tier-color:#ef984d}.tierlist-row-b{--tier-color:#e5bd55}.tierlist-row-c{--tier-color:#e7d34f}.tierlist-row-evangelion{--tier-color:#70b678}
.tierlist-rank{display:grid;place-items:center;margin:0;padding:12px;background:color-mix(in srgb,var(--tier-color) 24%,var(--surface));border-inline-end:1px solid color-mix(in srgb,var(--tier-color) 42%,var(--line));font-size:clamp(20px,3vw,30px);line-height:1.2;text-align:center;overflow-wrap:anywhere}.tierlist-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;padding:16px;min-width:0}.tierlist-card{width:clamp(104px,14vw,152px);min-width:0;margin:0}.tierlist-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:10px;background:var(--raised);border:1px solid var(--line)}.tierlist-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tierlist-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:8px;box-sizing:border-box;text-align:center;color:var(--muted);font-size:13px}.tierlist-cover-missing img{display:none}.tierlist-title{margin:8px 0 0;font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.tierlist-empty{align-self:center;margin:16px}
.tierlist-admin{padding:16px 0}.tierlist-admin-heading h2{margin:0 0 4px}.tierlist-admin-heading p{margin:0}.tierlist-admin-status{margin:16px 0;padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--muted)}.tierlist-admin-status .btn{margin:8px 4px 0 0}.tierlist-admin-rows{display:grid;gap:16px}.tierlist-admin .tierlist-row{display:block;padding:14px}.tierlist-admin .tierlist-rank{display:block;width:max-content;max-width:100%;padding:7px 12px;margin:0 0 12px;border:0;border-radius:8px}.tierlist-admin-items{display:grid;gap:10px}.tierlist-admin-item{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.2fr) minmax(130px,.6fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.tierlist-admin-field{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:13px}.tierlist-admin-field input,.tierlist-admin-field select{width:100%;min-width:0;min-height:44px;padding:9px 10px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font:inherit;font-size:14px}.tierlist-admin-controls{display:flex;flex-wrap:wrap;gap:6px}.tierlist-admin button{min-height:44px}.tierlist-small-action{padding:8px 10px}.tierlist-add{margin-top:10px}.tierlist-admin .danger{color:#d54b56}.tierlist-admin-actions{position:sticky;bottom:8px;display:flex;justify-content:flex-end;padding:10px 0;margin-top:12px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px)}.tierlist-save{min-width:160px}
@media(max-width:700px){.tierlist-row{grid-template-columns:76px minmax(0,1fr);border-radius:12px}.tierlist-items{gap:12px;padding:12px}.tierlist-card{width:clamp(92px,27vw,132px)}.tierlist-admin-item{grid-template-columns:1fr 1fr}.tierlist-admin-field:nth-child(2){grid-column:1/-1}.tierlist-admin-controls{grid-column:1/-1}.tierlist-admin-controls .btn{flex:1}.tierlist-page{padding:18px 12px}}
@media(max-width:360px){.tierlist-row{grid-template-columns:64px minmax(0,1fr)}.tierlist-items{gap:10px;padding:10px}.tierlist-card{width:calc((100% - 10px)/2)}.tierlist-rank{font-size:18px}.tierlist-admin-item{grid-template-columns:minmax(0,1fr)}}
.tierlist-admin-item{grid-template-columns:72px minmax(130px,1fr) minmax(180px,1.2fr) minmax(100px,.6fr) auto}.tierlist-admin-preview{grid-row:1/3;align-self:start;width:72px}.tierlist-admin-preview .tierlist-poster{width:100%}.tierlist-admin-preview .tierlist-cover-placeholder{font-size:11px}.tierlist-upload-field{grid-column:2/-1}.tierlist-upload-field input[type=file]{padding:7px;font-size:13px}.tierlist-upload-field input[type=file]::file-selector-button{margin-inline-end:10px;padding:6px 10px;border:0;border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}
@media(max-width:700px){.tierlist-admin-item{grid-template-columns:64px repeat(2,minmax(0,1fr))}.tierlist-admin-preview{grid-row:1/5;width:64px}.tierlist-admin-field:nth-child(2){grid-column:auto}.tierlist-admin-controls,.tierlist-upload-field{grid-column:2/-1}}
@media(max-width:360px){.tierlist-admin-item{grid-template-columns:minmax(0,1fr)}.tierlist-admin-preview{grid-row:auto;width:72px}.tierlist-admin-controls,.tierlist-upload-field{grid-column:auto}}

/* Owner's visual sorting board: the editing forms stay below it. */
.tierlist-board-heading h3,.tierlist-details-heading{margin:24px 0 6px;font-size:18px}.tierlist-board-heading p{margin:0 0 14px;line-height:1.5;font-size:14px}.tierlist-details-heading{margin-top:32px}
.tierlist-board{display:grid;gap:10px}.tierlist-board-row{--tier-color:#ef6d78;display:grid;grid-template-columns:88px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--tier-color) 48%,var(--line));border-radius:14px;background:var(--surface);transition:border-color .15s,background-color .15s}.tierlist-board-row.tierlist-row-s{--tier-color:#ed6871}.tierlist-board-row.tierlist-row-a{--tier-color:#ef984d}.tierlist-board-row.tierlist-row-b{--tier-color:#e5bd55}.tierlist-board-row.tierlist-row-c{--tier-color:#e7d34f}.tierlist-board-row.tierlist-row-evangelion{--tier-color:#70b678}.tierlist-board-row.is-drop-target{border-color:var(--tier-color);background:color-mix(in srgb,var(--tier-color) 12%,var(--surface))}
.tierlist-board-rank{display:grid;place-items:center;margin:0;padding:8px;background:color-mix(in srgb,var(--tier-color) 24%,var(--surface));border-inline-end:1px solid color-mix(in srgb,var(--tier-color) 42%,var(--line));font-size:20px;text-align:center;overflow-wrap:anywhere}.tierlist-board-zone{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;min-width:0;min-height:110px;padding:10px;box-sizing:border-box}.tierlist-board-empty{align-self:center;color:var(--muted);font-size:13px;pointer-events:none}
.tierlist-admin .tierlist-board-tile{position:relative;display:grid;gap:5px;align-content:start;width:94px;min-height:0;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);text-align:left;font:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.tierlist-board-tile:focus-visible{outline:3px solid var(--tier-color);outline-offset:2px}.tierlist-board-tile .tierlist-poster{width:100%;aspect-ratio:3/4}.tierlist-board-tile .tierlist-cover-placeholder{font-size:11px}.tierlist-board-tile img{pointer-events:none}.tierlist-board-title{font-size:12px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.tierlist-board-tile.is-drag-source{opacity:.35;cursor:grabbing}.tierlist-board-tile.drop-before::before,.tierlist-board-tile.drop-after::after{content:'';position:absolute;top:0;bottom:0;width:4px;border-radius:4px;background:var(--tier-color)}.tierlist-board-tile.drop-before::before{left:-8px}.tierlist-board-tile.drop-after::after{right:-8px}
.tierlist-drag-ghost{position:fixed!important;z-index:99999;width:94px;min-height:0;padding:5px;display:grid;gap:5px;align-content:start;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);text-align:left;font:inherit;pointer-events:none;opacity:.94;box-shadow:0 8px 24px #0007;transform:rotate(2deg)}.tierlist-drag-ghost .tierlist-poster{width:100%;aspect-ratio:3/4}.tierlist-drag-ghost .tierlist-cover-placeholder{font-size:11px}
@media(max-width:700px){.tierlist-board-row{grid-template-columns:64px minmax(0,1fr)}.tierlist-board-rank{font-size:16px}.tierlist-admin .tierlist-board-tile,.tierlist-drag-ghost{width:78px}.tierlist-board-zone{gap:8px;min-height:100px;padding:8px}}
@media(prefers-reduced-motion:reduce){.tierlist-board-row{transition:none}.tierlist-drag-ghost{transform:none}}

.tierlist-edit-link{display:inline-flex;margin-top:14px}

.tierlist-sort-only{padding:clamp(16px,3vw,32px)}.tierlist-sort-only .tierlist-admin-heading h1{font-size:clamp(28px,5vw,42px);margin:0 0 10px}.tierlist-sort-only .tierlist-admin-heading p{line-height:1.5}.tierlist-sort-only .tierlist-board-row{grid-template-columns:110px minmax(0,1fr)}.tierlist-sort-only .tierlist-board-tile{width:clamp(104px,14vw,152px);padding:6px}.tierlist-sort-only .tierlist-board-tile .tierlist-poster{aspect-ratio:2/3}.tierlist-sort-only .tierlist-board-title{font-size:14px;line-height:1.35}.tierlist-sort-only .tierlist-board-rank{font-size:clamp(20px,3vw,30px)}.tierlist-sort-only .tierlist-admin-status{font-size:14px;padding:8px 12px}.tierlist-sort-only .tierlist-board-zone{min-height:130px}
@media(max-width:700px){.tierlist-sort-only{padding:18px 12px}.tierlist-sort-only .tierlist-board-row{grid-template-columns:64px minmax(0,1fr)}.tierlist-sort-only .tierlist-board-tile{width:104px}.tierlist-sort-only .tierlist-board-rank{font-size:17px}}