.ranking-page[data-v-edc189db]{box-sizing:border-box;background:var(--color-background-primary);min-height:100dvh;padding:clamp(.5rem,1vw,1rem)}.ranking-shell[data-v-edc189db]{width:min(1500px,100%);margin:0 auto}.page-header[data-v-edc189db]{justify-content:space-between;align-items:end;gap:2rem;margin:0 auto 1.5rem;display:flex}.back-link[data-v-edc189db]{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none}.back-link[data-v-edc189db]:hover{color:var(--color-brand-primary)}.eyebrow[data-v-edc189db],.section-kicker[data-v-edc189db]{color:var(--color-brand-primary);letter-spacing:.14em;text-transform:uppercase;margin:1.35rem 0 .35rem;font-size:.72rem;font-weight:700}h2[data-v-edc189db],p[data-v-edc189db]{margin-top:0}.page-intro[data-v-edc189db]{max-width:650px;color:var(--color-text-secondary);margin-bottom:0;line-height:1.7}.header-stats[data-v-edc189db]{flex-wrap:wrap;justify-content:end;gap:.6rem;display:flex}.workspace[data-v-edc189db]{grid-template-columns:minmax(0,1fr) minmax(290px,340px);align-items:start;gap:1rem;display:grid}.panel-card[data-v-edc189db]{background:color-mix(in srgb, var(--color-background-content) 92%, transparent);border:1px solid var(--color-border-primary);box-shadow:0 18px 50px var(--color-shadow-primary);border-radius:18px}.board-panel[data-v-edc189db]{min-width:0;padding:clamp(.5rem,1vw,1rem)}:is(.board-capture[data-v-edc189db]:fullscreen,.board-capture.manual-fullscreen[data-v-edc189db]){box-sizing:border-box;background:var(--color-background-primary);width:100vw;height:100dvh;padding:clamp(1rem,3vw,2.5rem);overflow:auto}.board-capture[data-v-edc189db]{box-sizing:border-box;background:var(--color-background-content);width:100%;padding:clamp(.25rem,1vw,1rem);position:relative}.board-capture.manual-fullscreen[data-v-edc189db]{z-index:100;position:fixed}.board-capture.exporting .tier-row[data-v-edc189db]{grid-template-columns:clamp(82px,14%,140px) minmax(0,1fr);min-height:90px;overflow:hidden}.board-capture.exporting .tier-dropzone[data-v-edc189db]{grid-template-columns:repeat(auto-fill,minmax(60px,60px));grid-auto-rows:max-content;place-content:start;align-items:start;gap:.25rem;padding:.2rem;display:grid;overflow:visible}.board-capture.exporting .rank-card[data-v-edc189db]{width:60px}.board-capture.exporting .rank-card span[data-v-edc189db]{font-size:.61rem}.export-watermark[data-v-edc189db]{z-index:2;color:var(--color-text-tertiary);letter-spacing:.04em;pointer-events:none;white-space:nowrap;border-radius:999px;padding:.25rem .5rem;font-size:.68rem;line-height:1.2;position:absolute;top:.85rem;right:1rem}.selector-panel[data-v-edc189db]{padding:1.25rem;position:sticky;top:1rem}.panel-heading[data-v-edc189db]{justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0;display:flex}.panel-heading h2[data-v-edc189db]{color:var(--color-text-primary);margin:0;font-size:1.3rem}.board-header-actions[data-v-edc189db]{align-items:center;margin-left:auto;display:flex}.fullscreen-exit-button[data-v-edc189db]{border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-background);cursor:pointer;white-space:nowrap;border-radius:7px;padding:.45rem .75rem;font-size:.78rem}.fullscreen-exit-button[data-v-edc189db]:hover{color:var(--color-text-black);background:var(--color-brand-primary)}.board-title[data-v-edc189db]{cursor:text;border-radius:6px;transition:color .2s,background-color .2s}.board-title[data-v-edc189db]:hover{color:var(--color-brand-primary);background:var(--color-brand-primary-background)}.board-title-input[data-v-edc189db],.title-setting-input[data-v-edc189db]{box-sizing:border-box;border:1px solid var(--color-brand-primary);width:100%;min-width:0;color:var(--color-input-text);background:var(--color-input-background);font:inherit;border-radius:7px;outline:0;padding:.45rem .6rem}.board-title-input[data-v-edc189db]{min-width:min(360px,70vw);color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.subtle-button[data-v-edc189db],.select-all-button[data-v-edc189db],.text-button[data-v-edc189db]{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;font-size:.78rem}.subtle-button[data-v-edc189db]:hover,.select-all-button[data-v-edc189db]:hover,.text-button[data-v-edc189db]:hover{color:var(--color-brand-primary)}.selection-hint[data-v-edc189db]{border:1px dashed var(--color-border-primary);min-height:2.4rem;color:var(--color-text-tertiary);border-radius:10px;align-items:center;gap:.25rem;padding:.6rem .8rem;font-size:.78rem;display:flex}.selection-hint.active[data-v-edc189db]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-background)}.hint-dot[data-v-edc189db]{background:var(--color-text-tertiary);border-radius:50%;flex:none;width:7px;height:7px}.selection-hint.active .hint-dot[data-v-edc189db]{background:var(--color-brand-primary);box-shadow:0 0 0 4px var(--color-brand-primary-background)}.board-actions[data-v-edc189db]{justify-content:end;align-items:center;gap:.55rem;margin-left:auto;display:flex}.export-button[data-v-edc189db]{border:1px solid var(--color-brand-primary);color:var(--color-text-black);background:var(--color-brand-primary);cursor:pointer;white-space:nowrap;border-radius:7px;padding:.42rem .7rem;font-size:.75rem;font-weight:700}.export-button[data-v-edc189db]:hover:not(:disabled){background:var(--color-brand-hover)}.export-button[data-v-edc189db]:disabled{cursor:wait;opacity:.6}.tier-board[data-v-edc189db]{flex-direction:column;gap:.55rem;display:flex}.tier-row[data-v-edc189db]{border:1px solid var(--color-border-primary);background:var(--color-background-darker);border-radius:12px;grid-template-columns:clamp(82px,14%,140px) minmax(0,1fr);min-height:90px;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.tier-row.has-selection[data-v-edc189db]:hover{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary-background);cursor:pointer}.tier-label[data-v-edc189db]{background:var(--tier-color);color:#191919;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:relative;overflow:hidden}.tier-name[data-v-edc189db]{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.95rem,2vw,1.3rem);font-weight:850;overflow:hidden}.tier-count[data-v-edc189db]{z-index:1;opacity:.65;font-size:.7rem}.tier-dropzone[data-v-edc189db]{grid-template-columns:repeat(auto-fill,minmax(60px,60px));grid-auto-rows:max-content;place-content:flex-start start;align-items:flex-start;gap:.25rem;min-width:0;padding:.2rem;display:grid}.empty-tier[data-v-edc189db]{color:var(--color-text-tertiary);opacity:.8;align-self:center;padding:1rem;font-size:.78rem}.rank-card[data-v-edc189db],.selector-card[data-v-edc189db]{border:1px solid var(--color-border-primary);background:var(--color-background-light);position:relative;overflow:hidden}.rank-card[data-v-edc189db]{cursor:grab;border-radius:8px;width:60px;transition:transform .2s,border-color .2s;box-shadow:0 3px 8px #00000038}.rank-card[data-v-edc189db]:hover{z-index:1;border-color:var(--color-brand-primary);transform:translateY(-3px)}.rank-card[data-v-edc189db]:active{cursor:grabbing}.rank-card img[data-v-edc189db],.selector-card img[data-v-edc189db]{aspect-ratio:1;object-fit:cover;width:100%;display:block}.rank-card span[data-v-edc189db],.selector-card span[data-v-edc189db]{color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:.2rem .25rem .3rem;font-size:.61rem;display:block;overflow:hidden}.remove-card[data-v-edc189db]{color:#fff;cursor:pointer;opacity:0;background:#00000094;border:0;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;display:grid;position:absolute;top:2px;right:2px}.rank-card:hover .remove-card[data-v-edc189db],.remove-card[data-v-edc189db]:focus-visible{opacity:1}.selector-heading[data-v-edc189db]{align-items:end}.remaining-count[data-v-edc189db]{min-width:2rem;height:2rem;color:var(--color-text-black);background:var(--color-brand-primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.selector-tools[data-v-edc189db]{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.search-box[data-v-edc189db]{border:1px solid var(--color-input-border);color:var(--color-text-tertiary);background:var(--color-input-background);border-radius:9px;flex:1;align-items:center;gap:.4rem;padding:.55rem .7rem;display:flex}.search-box input[data-v-edc189db]{width:100%;min-width:0;color:var(--color-input-text);background:0 0;border:0;outline:0;padding:0;font-size:.8rem}.select-all-button[data-v-edc189db]{white-space:nowrap}.filter-group[data-v-edc189db]{margin:0 0 .85rem}.filter-label[data-v-edc189db],.setting-label[data-v-edc189db]{color:var(--color-text-tertiary);margin-bottom:.4rem;font-size:.72rem;display:block}.filter-chips[data-v-edc189db]{flex-wrap:wrap;gap:.35rem;display:flex}.filter-chip[data-v-edc189db]{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.7rem;display:inline-flex}.filter-chip[data-v-edc189db]:hover,.filter-chip.active[data-v-edc189db]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-background)}.filter-chip img[data-v-edc189db]{object-fit:contain;width:15px;height:15px}.rarity-filter.active[data-v-edc189db]{color:var(--color-text-black);background:var(--rarity-color)}.rarity-filter.sp[data-v-edc189db]{--rarity-color:var(--color-rarity-sp,#ff553d)}.rarity-filter.ssr[data-v-edc189db]{--rarity-color:var(--color-rarity-ssr,#ffa628)}.rarity-filter.sr[data-v-edc189db]{--rarity-color:var(--color-rarity-sr,#cb2dff)}.rarity-filter.r[data-v-edc189db]{--rarity-color:var(--color-rarity-r,#5692ff)}.unranked-grid[data-v-edc189db]{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;max-height:min(56vh,640px);padding:.15rem;display:grid;overflow:auto}.selector-card[data-v-edc189db]{cursor:pointer;text-align:left;border-radius:8px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s}.selector-card[data-v-edc189db]:hover{border-color:var(--color-brand-primary);transform:translateY(-2px)}.selector-card.selected[data-v-edc189db]{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary), 0 5px 15px #0000002e}.selected-mark[data-v-edc189db]{width:20px;height:20px;color:var(--color-text-black);background:var(--color-brand-primary);border-radius:50%;place-items:center;font-size:.75rem;font-style:normal;font-weight:900;display:grid;position:absolute;top:4px;right:4px}.selector-empty[data-v-edc189db]{color:var(--color-text-tertiary);text-align:center;place-items:center;padding:3rem 1rem;display:grid}.empty-icon[data-v-edc189db]{color:var(--color-brand-primary);font-size:2rem}.selector-empty p[data-v-edc189db]{margin:.5rem 0;font-size:.8rem}.settings-fab[data-v-edc189db]{z-index:10;border:1px solid var(--color-brand-primary);color:var(--color-text-black);background:var(--color-brand-primary);box-shadow:0 8px 24px var(--color-shadow-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.75rem 1rem;font-weight:750;display:flex;position:fixed;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.settings-fab[data-v-edc189db]:hover{background:var(--color-brand-hover);transform:translateY(-2px)}.settings-fab span[data-v-edc189db]:first-child{font-size:1.15rem}.settings-backdrop[data-v-edc189db]{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000094;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.settings-dialog[data-v-edc189db]{border:1px solid var(--color-border-primary);background:var(--color-background-content);border-radius:18px;width:min(560px,100%);max-height:min(90dvh,800px);padding:1.5rem;overflow:auto;box-shadow:0 24px 80px #00000059}.dialog-heading[data-v-edc189db]{justify-content:space-between;align-items:start;margin-bottom:1.2rem;display:flex}.dialog-heading h2[data-v-edc189db]{color:var(--color-text-primary);margin:0}.close-button[data-v-edc189db]{width:2rem;height:2rem;color:var(--color-text-secondary);background:var(--color-background-lighter);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem}.close-button[data-v-edc189db]:hover{color:var(--color-text-primary)}.template-section[data-v-edc189db],.settings-section[data-v-edc189db]{border-top:1px solid var(--color-border-primary);padding:1rem 0}.template-grid[data-v-edc189db]{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.template-option[data-v-edc189db]{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border-radius:10px;flex-direction:column;gap:.55rem;padding:.65rem;display:flex}.template-option.active[data-v-edc189db],.template-option[data-v-edc189db]:hover{border-color:var(--color-brand-primary);background:var(--color-brand-primary-background)}.template-preview[data-v-edc189db]{border-radius:6px;gap:2px;width:100%;height:42px;display:flex;overflow:hidden}.template-preview i[data-v-edc189db]{color:#1b1b1b;flex:1;place-items:center;min-width:0;font-size:.58rem;font-style:normal;font-weight:800;display:grid}.image-preview i[data-v-edc189db]:first-child{background:#ff3b30}.image-preview i[data-v-edc189db]:nth-child(2){background:#ffb511}.image-preview i[data-v-edc189db]:nth-child(3){background:#f4ee00}.image-preview i[data-v-edc189db]:nth-child(4){background:#f5e5b8}.image-preview i[data-v-edc189db]:nth-child(5){background:#f7f7f7}.t-preview i[data-v-edc189db]:first-child{background:#ff796d}.t-preview i[data-v-edc189db]:nth-child(2){background:#ffb86b}.t-preview i[data-v-edc189db]:nth-child(3){background:#f6de69}.t-preview i[data-v-edc189db]:nth-child(4){background:#9cdb9c}.t-preview i[data-v-edc189db]:nth-child(5){background:#8dc6e8}.t-preview i[data-v-edc189db]:nth-child(6){background:#c2a7de}.setting-row-title[data-v-edc189db]{justify-content:space-between;gap:.5rem;display:flex}.setting-tip[data-v-edc189db]{color:var(--color-text-tertiary);font-size:.7rem}.title-setting-input[data-v-edc189db]{margin-top:.15rem;font-size:.85rem}.image-mode-switch[data-v-edc189db]{gap:.35rem;display:flex}.image-mode-switch button[data-v-edc189db]{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;flex:1;padding:.55rem .8rem;font-size:.8rem}.image-mode-switch button[data-v-edc189db]:hover:not(:disabled),.image-mode-switch button.active[data-v-edc189db]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-primary-background)}.image-mode-switch button[data-v-edc189db]:disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.55}.setting-note[data-v-edc189db]{margin:.45rem 0 0}.tier-settings-list[data-v-edc189db]{flex-direction:column;gap:.45rem;display:flex}.tier-setting-row[data-v-edc189db]{align-items:center;gap:.5rem;display:flex}.drag-handle[data-v-edc189db]{color:var(--color-text-tertiary);letter-spacing:-.2em}.tier-name-input[data-v-edc189db]{border:1px solid var(--color-input-border);min-width:0;color:var(--color-input-text);background:var(--color-input-background);border-radius:7px;outline:0;flex:1;padding:.5rem .6rem}.tier-name-input[data-v-edc189db]:focus{border-color:var(--color-brand-primary)}.color-input[data-v-edc189db]{border:1px solid var(--color-input-border);cursor:pointer;background:0 0;border-radius:7px;width:2.2rem;height:2.2rem;padding:.18rem}.delete-tier-button[data-v-edc189db]{width:2rem;height:2rem;color:var(--color-status-error);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem}.delete-tier-button[data-v-edc189db]:disabled{color:var(--color-text-disabled);cursor:not-allowed}.add-tier-button[data-v-edc189db]{border:1px dashed var(--color-border-dashed);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin-top:.7rem;padding:.5rem .7rem;font-size:.8rem}.add-tier-button[data-v-edc189db]:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.dialog-footer[data-v-edc189db]{color:var(--color-text-tertiary);justify-content:flex-end;align-items:center;font-size:.72rem;display:flex}.export-width-dialog[data-v-edc189db]{width:min(420px,100%)}.export-width-tip[data-v-edc189db]{margin:.45rem 0 0}.export-width-footer[data-v-edc189db]{gap:.55rem;margin-top:1.2rem}.confirm-button[data-v-edc189db]{color:var(--color-text-black);background:var(--color-brand-primary);cursor:pointer;border:0;border-radius:8px;padding:.55rem 1.1rem;font-weight:700}@media (width<=980px){.workspace[data-v-edc189db]{grid-template-columns:1fr}.selector-panel[data-v-edc189db]{position:static}.unranked-grid[data-v-edc189db]{max-height:none}}@media (width<=640px){.ranking-page[data-v-edc189db]{padding:1rem .7rem 5.5rem}.page-header[data-v-edc189db]{display:block}.header-stats[data-v-edc189db]{justify-content:start;margin-top:1rem}.tier-row[data-v-edc189db]{grid-template-columns:70px minmax(0,1fr);min-height:104px}.tier-dropzone[data-v-edc189db]{gap:.3rem;padding:.4rem}.rank-card[data-v-edc189db]{width:62px}.rank-card span[data-v-edc189db]{font-size:.6rem}.selection-hint[data-v-edc189db]{flex-wrap:wrap;align-items:flex-start}.board-actions[data-v-edc189db]{justify-content:flex-start;width:100%;margin-left:0}.empty-tier[data-v-edc189db]{padding:.7rem;font-size:.68rem}.settings-dialog[data-v-edc189db]{padding:1.1rem}}