@font-face{font-family:Binggrae;src:url(/fonts/Binggrae-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--tier-label-width:120px;--bg:#0e0e10;--bg2:#1f1f26;--bg3:#222228;--border:#ffffff1a;--border2:#ffffff2e;--text:#f0f0f2;--text2:#999;--radius:8px;--radius-lg:12px;--gold:#f7c948}body{background:var(--bg);color:var(--text);min-height:100dvh;min-height:calc(var(--vh,1vh) * 100);opacity:1;padding:24px 20px 10px;font-family:Binggrae,Segoe UI,Apple SD Gothic Neo,sans-serif;transition:opacity .15s ease-in-out;overflow:hidden}html.i18n-loading body{opacity:0!important}body.modal-open{height:100dvh!important;height:calc(var(--vh,1vh) * 100)!important;overflow:hidden!important}.app-container{height:calc(100dvh - 34px);height:calc(var(--vh,1vh) * 100 - 34px);gap:24px;max-width:100%;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.tier-list-container{flex:1;padding-bottom:32px;padding-right:4px;overflow-y:auto}.tier-list-container::-webkit-scrollbar{width:6px}.tier-list-container::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:380px;min-width:340px;max-width:420px;height:100%;padding-bottom:0;padding-right:4px;display:flex;overflow-y:auto}.sidebar:after{content:"";height:calc(160px + env(safe-area-inset-bottom,0px));min-height:calc(160px + env(safe-area-inset-bottom,0px));flex-shrink:0;display:block}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.action-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;gap:8px;padding:12px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}header h1{letter-spacing:-.5px;color:#fff;font-size:22px;font-weight:700}header h1 span{color:var(--gold)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar input[type=text]{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text);width:120px;padding:7px 12px;font-size:13px}.toolbar input[type=text]:focus{border-color:var(--gold);outline:none}.toolbar input[type=color]{border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;background:var(--bg2);width:34px;height:34px;padding:2px}.toolbar button{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:7px 14px;font-size:13px;transition:background .15s;display:flex}.toolbar button:hover{background:var(--bg3)}.toolbar button.quick-save{color:var(--gold);background:#f7c94814;border-color:#f7c94880;font-weight:600}.toolbar button.quick-save:hover{background:#f7c9482e}.toolbar button.danger{color:#ff6b6b;border-color:#ff6b6b59}.toolbar button.danger:hover{background:#ff6b6b14}.tier-list{flex-direction:column;gap:20px;margin-bottom:8px;display:flex}.tier-row{border:1px solid var(--border2);border-radius:var(--radius-lg);background:var(--bg2);isolation:isolate;align-items:stretch;min-height:240px;transition:border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0009}.tier-row:hover{border-color:var(--border2)}.tier-label{width:var(--tier-label-width);min-width:var(--tier-label-width);max-width:var(--tier-label-width);border-radius:calc(var(--radius-lg) - 1px);border-right:1px solid #0000004d;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:relative;overflow:hidden}.tier-width-control{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.tier-width-control input[type=range]{width:140px;accent-color:var(--gold);cursor:pointer}.tier-width-value{text-align:right;min-width:42px;color:var(--text);font-weight:600}@media (hover:none){.item-card .del-btn{opacity:.8;display:block}}.tier-label-edit{text-align:center;width:100%;color:inherit;cursor:text;word-break:break-all;white-space:pre-wrap;box-sizing:border-box;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:6px 4px 0;font-family:inherit;font-weight:700;line-height:1.25;display:flex;position:absolute;inset:0 0 28px;overflow:hidden}.tier-label-edit:focus{background:#00000026}.tier-row[draggable=true]{cursor:grab}.tier-row[draggable=true]:active{cursor:grabbing}.tier-row.tier-dragging{opacity:.35}.tier-row.tier-drag-over-top{box-shadow:0 -3px #f7c948e6}.tier-row.tier-drag-over-bottom{box-shadow:0 3px #f7c948e6}.tier-items{flex-wrap:wrap;flex:1;align-items:flex-start;gap:6px;min-width:0;min-height:240px;padding:6px;display:flex;position:relative;overflow:hidden}.tier-items.drag-over{outline-offset:-3px;background:#f7c94812;outline:2px dashed #f7c94880}.tier-controls{z-index:10;opacity:0;pointer-events:none;flex-direction:column;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.tier-row:hover .tier-controls{opacity:1;pointer-events:auto}.tier-controls button{border:1px solid var(--border2);cursor:pointer;color:var(--text2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141418d1;border-radius:6px;padding:4px 6px;font-size:14px;line-height:1;transition:background .12s,color .12s}.tier-controls button:hover{background:var(--bg3);color:var(--text)}.tier-controls button.del-tier:hover{color:#ff6b6b}.tier-label-color-trigger{cursor:pointer;border-radius:0 0 0 var(--radius-lg);opacity:0;-webkit-user-select:none;user-select:none;background:#000;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:5px;height:32px;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.tier-label:hover .tier-label-color-trigger{opacity:1}.tier-label-color-trigger i{color:#fff;filter:drop-shadow(0 1px 2px #00000080);font-size:15px}.tier-label-color-trigger span{color:#fff;letter-spacing:.03em;font-size:12px;font-weight:600}.label-color-popover{z-index:9000;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;width:220px;padding:12px;animation:.12s fadeIn;position:fixed;box-shadow:0 8px 32px #000000a6}.lcp-section{flex-direction:column;gap:7px;display:flex}.lcp-section-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.lcp-palette-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.lcp-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:5px;width:100%;padding:0;transition:transform .1s,border-color .1s}.lcp-swatch:hover{z-index:1;position:relative;transform:scale(1.18)}.lcp-swatch.active{box-shadow:0 0 0 2px var(--gold);border-color:#fff}.lcp-divider{background:var(--border);height:1px;margin:6px 0}.lcp-text-row{justify-content:space-between;align-items:center;flex-direction:row!important}.lcp-text-btns{gap:5px;display:flex}.lcp-text-btn{cursor:pointer;border:2px solid #0000;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:border-color .12s,transform .1s}.lcp-text-btn:hover{transform:scale(1.06)}.lcp-text-btn.active{border-color:var(--gold)}.item-card{cursor:pointer;background:var(--bg3);border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;flex-shrink:0;width:160px;height:240px;transition:opacity .12s;display:flex;position:relative;overflow:hidden}.item-card:hover{opacity:.82;z-index:2}.item-card.ms-selected:hover{opacity:1}.item-card:active{cursor:pointer}.item-card img{object-fit:cover;object-position:top center;pointer-events:none;flex-shrink:0;width:100%;height:240px;display:block}.item-card .item-label{color:#fff;text-align:center;white-space:nowrap;cursor:text;letter-spacing:.01em;box-sizing:border-box;background:#000;border:none;outline:none;width:100%;height:48px;padding:0 6px;font-family:inherit;font-size:18px;font-weight:700;line-height:48px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.item-card .item-label:focus{color:#fff!important;outline:2px solid var(--gold)!important;background:#000!important;font-size:18px!important}.item-card .del-btn{color:#fff;cursor:pointer;text-align:center;background:#000000a6;border:none;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;display:none;position:absolute;top:2px;right:2px}.item-card:hover .del-btn{display:block}.item-card.dragging{opacity:.3}.unranked-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg2);flex-direction:column;flex:1;min-height:200px;margin-top:0;display:flex;overflow:hidden}.unranked-section.empty{flex:none;min-height:100px}.section-header{color:var(--text2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.unranked-section .section-header{letter-spacing:.02em;padding:6px 10px;font-size:10px;font-weight:600}.unranked-select-all-btn{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:9px;line-height:1.2;transition:background .12s,color .12s,border-color .12s}.unranked-select-all-btn:hover{color:var(--text);border-color:var(--text2);background:#ffffff0d}.unranked-items .empty-hint{padding:8px;font-size:10px;line-height:1.4}.unranked-items .empty-hint kbd{padding:1px 3px;font-size:8px}.unranked-items{flex-wrap:wrap;flex:1;align-content:flex-start;gap:5px;padding:6px;display:flex;overflow-y:auto}.unranked-items .item-card{border-radius:4px;width:56px;height:84px}.unranked-items .item-card img{height:84px}.unranked-items .item-card .item-label{height:16px;padding:0 2px;line-height:16px;font-size:8px!important}.unranked-items .item-card .item-label:focus{outline:1px solid var(--gold)!important;font-size:8px!important}.unranked-items .item-card .del-btn{width:12px;height:12px;font-size:8px;line-height:12px}.unranked-items.drag-over{outline-offset:-3px;background:#f7c94812;outline:2px dashed #f7c94880}.upload-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upload-label{border-radius:var(--radius-lg);cursor:pointer;color:var(--text2);background:var(--bg2);border:1px dashed #fff3;justify-content:center;align-items:center;gap:6px;min-width:0;height:40px;padding:10px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.upload-label:hover{border-color:var(--gold);color:var(--gold)}.upload-label i{font-size:16px}kbd{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:700;line-height:1.6}#fileInput{display:none}.img-save-btn{border-radius:var(--radius-lg);cursor:pointer;color:var(--gold);white-space:nowrap;background:#f7c94814;border:1px solid #f7c94880;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.img-save-btn:hover{background:#f7c9482e}.img-save-btn i{font-size:18px}.vndb-add-btn{border-radius:var(--radius-lg);cursor:pointer;color:#0e0e10;white-space:nowrap;letter-spacing:.01em;background:#7ec8e3;border:1.5px solid #7ec8e3;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:10px 14px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:flex}.vndb-add-btn:hover{background:#9fd8ed;border-color:#9fd8ed;transform:translateY(-1px)}.vndb-add-btn:active{transform:translateY(0)}.vndb-add-btn i{font-size:18px}.vndb-selection-tray{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.vndb-tray-label{color:var(--text2);white-space:nowrap;flex-shrink:0;font-size:12px}.vndb-tray-label strong{color:var(--text)}.vndb-tray-thumbs{flex-wrap:nowrap;flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.vndb-tray-thumb{object-fit:cover;background:var(--bg3);border:2px solid #7ec8e380;border-radius:4px;flex-shrink:0;width:36px;height:48px}.vndb-tray-thumb-ph{background:var(--bg3);width:36px;height:48px;color:var(--text2);border:2px solid #7ec8e380;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.vndb-tray-more{color:var(--text2);white-space:nowrap;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px}.slots-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg2);flex-shrink:0;margin-top:0;overflow:hidden}.slots-top{color:var(--text2);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.slot-save-row{align-items:center;gap:6px;width:100%;display:flex}.slot-save-row input[type=text]{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text);flex:1;min-width:0;padding:6px 10px;font-size:12px}.slot-save-row input[type=text]:focus{border-color:var(--gold);outline:none}.slot-save-btn{border-radius:var(--radius);color:var(--gold);cursor:pointer;white-space:nowrap;background:#f7c9481a;border:1px solid #f7c94880;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.slot-save-btn:hover{background:#f7c94838}.slots-body{flex-direction:column;gap:6px;padding:8px;display:flex}.slots-empty{text-align:center;color:var(--text2);padding:16px;font-size:12px;line-height:1.6}.slot-save-notice{color:var(--text2);border-bottom:1px solid var(--border);background:#ffffff06;align-items:flex-start;gap:6px;padding:8px 12px;font-size:10px;line-height:1.5;display:flex}.slot-save-notice i{opacity:.7;flex-shrink:0;margin-top:1px;font-size:12px}.slot-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s;display:flex}.slot-item:hover{border-color:var(--border2)}.slot-info{flex:1;min-width:0}.slot-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.slot-meta{color:var(--text2);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.slot-thumbs{border:1px solid var(--border);background:#ffffff08;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:2px 5px 2px 2px;display:flex}.slot-thumbs img{object-fit:cover;border-radius:4px;width:20px;height:20px}.slot-thumbs .more{color:var(--text2);font-size:9px;font-weight:700}.slot-actions{flex-shrink:0;gap:4px;display:flex}.slot-actions button{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:3px;padding:4px 8px;font-size:11px;transition:background .12s;display:flex}.slot-actions button:hover{background:var(--bg3)}.slot-actions .load-btn{color:#7ec8e3;border-color:#7ec8e359}.slot-actions .load-btn:hover{background:#7ec8e317}.slot-actions .del-slot{color:#ff6b6b;border-color:#ff6b6b40}.slot-actions .del-slot:hover{background:#ff6b6b14}.tier-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.empty-hint{color:var(--text2);text-align:center;width:100%;padding:18px;font-size:12px}.onboard-hint{color:var(--text2);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:100%;padding:36px 20px;display:flex}.onboard-hint i{opacity:.5;font-size:38px}.onboard-hint strong{color:var(--text);font-size:15px;font-weight:600}.onboard-hint p{opacity:.75;max-width:300px;font-size:12px;line-height:1.85}.toast{color:var(--text);border:1px solid var(--border2);opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;background:#2a2a2e;border-radius:999px;padding:10px 24px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-14px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.item-card.ms-selected{outline-offset:-3px;outline:3px solid #7ec8e3;opacity:1!important}.item-card.ms-selected:after{content:"✓";color:#0e0e10;text-align:center;z-index:3;pointer-events:none;background:#7ec8e3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;display:flex;position:absolute;top:5px;left:5px;box-shadow:0 2px 6px #0006}.item-card,.item-card:active{cursor:pointer!important}#msBadge{color:#0e0e10;z-index:9990;white-space:nowrap;cursor:pointer;background:#7ec8e3;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;animation:.18s slideInBadge;display:none;position:fixed;bottom:72px;right:20px;box-shadow:0 4px 18px #00000080}#msBadge.visible{display:flex}@keyframes slideInBadge{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#msBadge button{color:#0e0e10;cursor:pointer;white-space:nowrap;background:#00000026;border:none;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}#msBadge button:hover{background:#00000047}.tier-pick-overlay{z-index:10100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.tier-pick-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.18s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #000000b3}.tier-pick-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.tier-pick-header h3{color:var(--text);align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.tier-pick-header h3 .pick-thumb{object-fit:cover;border:1px solid var(--border2);background:var(--bg3);border-radius:4px;flex-shrink:0;width:32px;height:32px}.tier-pick-header h3 .pick-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tier-pick-close{color:var(--text2);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px;line-height:1;transition:color .12s}.tier-pick-close:hover{color:var(--text)}.tier-pick-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.tier-pick-body::-webkit-scrollbar{width:4px}.tier-pick-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.tier-pick-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.tier-pick-btn:hover{border-color:var(--border2);background:#2a2a30}.tier-pick-btn.current{background:#f7c9480d;border-color:#f7c94866}.tier-pick-btn.current:hover{background:#f7c9481a}.tier-pick-swatch{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.tier-pick-info{flex:1;min-width:0}.tier-pick-name{color:var(--text);font-size:13px;font-weight:600}.tier-pick-count{color:var(--text2);margin-top:2px;font-size:11px}.tier-pick-cur-badge{color:var(--gold);background:#f7c94826;border:1px solid #f7c9484d;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.tier-pick-divider{background:var(--border);height:1px;margin:2px 0}.tier-pick-unranked-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.tier-pick-unranked-btn:hover{border-color:var(--border2);background:#2a2a30}.tier-pick-unranked-btn.current{background:#f7c9480d;border-color:#f7c94866}#msToolbar{display:none}#msFloatBar{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9985;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#14161cf7;border:1px solid #7ec8e373;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;animation:.2s cubic-bezier(.34,1.56,.64,1) floatBarIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000000a6,0 0 0 1px #7ec8e31a}@keyframes floatBarIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}#msFloatSel{flex-shrink:0;align-items:center;gap:8px;display:flex}#msFloatCount{color:#7ec8e3;font-size:13px;font-weight:700}#msFloatThumbs{align-items:center;gap:3px;max-width:160px;display:flex;overflow:hidden}.ms-float-thumb{object-fit:cover;background:var(--bg3);border:1.5px solid #7ec8e380;border-radius:4px;flex-shrink:0;width:28px;height:28px}.ms-float-thumb-more{color:var(--text2);background:var(--bg3);border:1px solid var(--border2);border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:10px}#msFloatBar .ms-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:24px}#msFloatActions{align-items:center;gap:4px;display:flex}#msFloatActions button{color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}#msFloatActions button i{font-size:14px}#msFloatActions button span{font-size:12px}#msFloatActions button:hover{color:var(--text);background:#ffffff12}#msFloatMove{color:#7ec8e3!important;background:#7ec8e324!important;border-color:#7ec8e373!important;padding:7px 16px!important}#msFloatMove:hover{background:#7ec8e342!important}#msFloatMove:disabled{opacity:.35!important;cursor:not-allowed!important}#msFloatExit{border-radius:50%!important;padding:7px 10px!important}#msFloatExit:hover{color:#ff6b6b!important;background:#ff6b6b1f!important}#msHint{color:var(--text2);z-index:9984;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#14161cf0;border:1px solid #7ec8e34d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;animation:.2s fadeIn,.4s 2.8s forwards fadeOut;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes fadeOut{to{opacity:0}}#msHint i{color:#7ec8e3;font-size:14px}.export-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg2);flex-shrink:0;margin-top:0;overflow:hidden}.export-top{color:var(--text2);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.export-actions{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.export-btn{border-radius:var(--radius);color:#7ec8e3;cursor:pointer;white-space:nowrap;background:#7ec8e314;border:1px solid #7ec8e373;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;padding:6px 8px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.export-btn:hover{background:#7ec8e32e}.import-btn{border-radius:var(--radius);color:#c39bff;cursor:pointer;white-space:nowrap;background:#b482ff14;border:1px solid #b482ff73;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;padding:6px 8px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.import-btn:hover{background:#b482ff2e}.export-body{padding:10px 12px}.export-info{color:var(--text2);font-size:11px;line-height:1.6}.export-info strong{color:var(--text)}.export-scope{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.export-scope label{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.export-scope input[type=checkbox]{accent-color:var(--gold);cursor:pointer;width:15px;height:15px}#importFileInput{display:none}.drop-placeholder{pointer-events:none;outline-offset:-3px;border-radius:4px;outline:3px solid #f7c948e6;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0006,inset 0 0 0 1px #0000004d}.drop-placeholder img{object-fit:cover;opacity:.55;filter:brightness(.85);pointer-events:none;width:100%;height:100%;display:block}.drop-placeholder:after{content:"";background:#f7c94826;position:absolute;inset:0}.tier-items.drag-over,.unranked-items.drag-over{background:#f7c9480a;outline:none}.img-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.img-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:860px;max-height:92vh;display:flex;overflow:hidden}.img-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.img-modal-header h2{color:var(--text);font-size:15px;font-weight:700}.img-modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1;transition:color .12s}.img-modal-close:hover{color:var(--text)}.img-modal-controls{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:18px;padding:12px 18px;display:flex}.img-modal-controls label{color:var(--text2);align-items:center;gap:8px;font-size:12px;display:flex}.img-modal-controls select{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text);cursor:pointer;padding:5px 10px;font-size:13px}.img-modal-controls select:focus{border-color:var(--gold);outline:none}.img-modal-controls .res-info{color:var(--text2);background:var(--bg3);border-radius:999px;padding:4px 10px;font-size:11px}.img-modal-preview{background:#111113;flex:1;justify-content:center;align-items:flex-start;min-height:200px;padding:16px;display:flex;overflow:auto}.img-modal-preview-inner{display:inline-block;position:relative;box-shadow:0 4px 32px #0009}.img-modal-preview canvas{border-radius:4px;max-width:100%;height:auto;display:block}.img-modal-preview .preview-loading{color:var(--text2);background:#0e0e10d1;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.img-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 18px;display:flex}.img-modal-cancel{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;padding:8px 18px;font-size:13px;transition:background .12s}.img-modal-cancel:hover{background:var(--bg2)}.img-modal-copy{border-radius:var(--radius);color:#7ec8e3;cursor:pointer;background:#7ec8e31f;border:1px solid #7ec8e38c;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.img-modal-copy:hover{background:#7ec8e338}.img-modal-copy:disabled{opacity:.45;cursor:not-allowed}.img-modal-dl{border-radius:var(--radius);color:var(--gold);cursor:pointer;background:#f7c9481f;border:1px solid #f7c9488c;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.img-modal-dl:hover{background:#f7c94838}.img-modal-dl:disabled{opacity:.45;cursor:not-allowed}.spin{animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.vndb-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vndb-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:780px;max-height:90%;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 80px #000000b3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vndb-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.vndb-modal-header h2{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.vndb-modal-header h2 .vndb-logo{color:#7ec8e3;letter-spacing:.04em;background:#7ec8e326;border:1px solid #7ec8e34d;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.vndb-modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:22px;line-height:1;transition:color .12s}.vndb-modal-close:hover{color:var(--text)}.vndb-search-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;padding:14px 20px}.vndb-search-wrap{align-items:center;gap:8px;display:flex}.vndb-search-input{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);min-width:0;color:var(--text);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .15s}.vndb-search-input:focus{border-color:#7ec8e3}.vndb-search-input::placeholder{color:var(--text2)}.vndb-search-btn{border-radius:var(--radius);color:#7ec8e3;cursor:pointer;white-space:nowrap;background:#7ec8e31a;border:1px solid #7ec8e373;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.vndb-search-btn:hover{background:#7ec8e333}.vndb-search-btn:disabled{opacity:.5;cursor:not-allowed}.vndb-results-area{flex:1;min-height:180px;padding:14px 20px;overflow-y:auto}.vndb-results-area::-webkit-scrollbar{width:5px}.vndb-results-area::-webkit-scrollbar-track{background:0 0}.vndb-results-area::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.vndb-status{text-align:center;color:var(--text2);padding:32px 0;font-size:13px;line-height:2}.vndb-status .spin-icon{margin:0 auto 10px;font-size:22px;display:block}.vndb-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.vndb-card{border-radius:var(--radius);cursor:pointer;background:var(--bg3);-webkit-user-select:none;user-select:none;border:2px solid #0000;flex-direction:column;height:100%;transition:border-color .15s,transform .12s;display:flex;position:relative;overflow:hidden}.vndb-card:hover{border-color:var(--border2);transform:translateY(-2px)}.vndb-card.selected{border-color:#7ec8e3}.vndb-card.selected:after{content:"✓";color:#0e0e10;text-align:center;background:#7ec8e3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;line-height:20px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0006}.vndb-card-img{aspect-ratio:3/4;object-fit:cover;background:var(--bg3);width:100%;display:block}.vndb-card-img-placeholder{aspect-ratio:3/4;background:var(--bg3);width:100%;color:var(--text2);justify-content:center;align-items:center;font-size:28px;display:flex}.vndb-card-info{flex-direction:column;flex:1;padding:8px 8px 10px;display:flex}.vndb-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.vndb-card-year{color:var(--text2);margin-top:auto;padding-top:3px;font-size:11px}.vndb-modal-footer{border-top:1px solid var(--border);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:10px 20px;display:flex}.vndb-footer-info{color:var(--text2);font-size:12px}.vndb-footer-info strong{color:var(--text)}.vndb-footer-btns{gap:8px;display:flex}.vndb-cancel-btn{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;padding:8px 18px;font-size:13px;transition:background .12s}.vndb-cancel-btn:hover{background:var(--bg2)}.vndb-add-confirm-btn{border-radius:var(--radius);color:#7ec8e3;cursor:pointer;background:#7ec8e31f;border:1px solid #7ec8e38c;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.vndb-add-confirm-btn:hover{background:#7ec8e338}.vndb-add-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.vndb-search-tabs{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:0;padding:0 20px;display:flex}.vndb-tabs-left{gap:0;display:flex}.vndb-tabs-right{align-items:center;gap:12px;display:flex}.vndb-logo-mini{color:#7ec8e3;letter-spacing:.04em;background:#7ec8e326;border:1px solid #7ec8e34d;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.vndb-tab{color:var(--text2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 18px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.vndb-tab:hover{color:var(--text)}.vndb-tab.active{color:#7ec8e3;border-bottom-color:#7ec8e3}.vndb-lang-picker{position:relative}.vndb-lang-btn{border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;white-space:nowrap;letter-spacing:.02em;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.vndb-lang-btn:hover{background:var(--bg3);color:var(--text);border-color:#7ec8e373}.vndb-lang-btn i{font-size:14px}.vndb-lang-chevron{transition:transform .18s;font-size:12px!important}.vndb-lang-chevron.rotated{transform:rotate(180deg)}.vndb-lang-dropdown{background:var(--bg2);border:1px solid var(--border2);z-index:9999;border-radius:10px;min-width:180px;animation:.12s fadeIn;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.vndb-lang-dropdown.open{display:block}.vndb-lang-dropdown-header{color:var(--text2);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px 14px 6px;font-size:10px;font-weight:700}.vndb-lang-option{text-align:left;width:100%;color:var(--text2);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .1s,color .1s;display:flex}.vndb-lang-option:hover{background:var(--bg3);color:var(--text)}.vndb-lang-option.active{color:#7ec8e3}.vndb-lang-check{opacity:0;color:#7ec8e3;flex-shrink:0;font-size:13px}.vndb-lang-option.active .vndb-lang-check{opacity:1}.vndb-card-actions{flex-direction:column;gap:5px;padding:7px 8px 8px;display:flex}.vndb-card-btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:5px;width:100%;padding:5px 0;font-size:11px;font-weight:600;transition:background .12s,border-color .12s}.vndb-card-btn.view-chars{color:#c39bff;background:#b482ff1a;border-color:#b482ff4d}.vndb-card-btn.view-chars:hover{background:#b482ff33}.vndb-card-btn:disabled{opacity:.45;cursor:not-allowed}.char-modal-overlay{z-index:10100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.char-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:820px;max-height:90%;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 80px #000000bf}.char-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.char-modal-header h2{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.char-modal-vntitle{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:12px;font-weight:400;overflow:hidden}.char-modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:22px;line-height:1;transition:color .12s}.char-modal-close:hover{color:var(--text)}.char-modal-body{flex:1;padding:14px 20px;overflow-y:auto}.char-modal-body::-webkit-scrollbar{width:5px}.char-modal-body::-webkit-scrollbar-track{background:0 0}.char-modal-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.char-modal-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.char-card{border-radius:var(--radius);background:var(--bg3);-webkit-user-select:none;user-select:none;cursor:pointer;border:2px solid #0000;flex-direction:column;height:100%;transition:border-color .15s,transform .12s;display:flex;position:relative;overflow:hidden}.char-card:hover{border-color:var(--border2);transform:translateY(-2px)}.char-card.selected{border-color:#c39bff}.char-card.selected:after{content:"✓";color:#0e0e10;text-align:center;background:#c39bff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;line-height:18px;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 6px #0006}.char-card-img{aspect-ratio:3/4;object-fit:cover;background:var(--bg3);width:100%;display:block}.char-card-img-placeholder{aspect-ratio:3/4;background:var(--bg3);width:100%;color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:22px;display:flex}.char-card-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;padding:6px 7px 8px;font-size:11px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.char-modal-footer{border-top:1px solid var(--border);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.char-footer-info{color:var(--text2);font-size:12px}.char-footer-info strong{color:var(--text)}.char-footer-btns{gap:8px;display:flex}.char-cancel-btn{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;padding:8px 18px;font-size:13px;transition:background .12s}.char-cancel-btn:hover{background:var(--bg2)}.char-add-btn{border-radius:var(--radius);color:#c39bff;cursor:pointer;background:#b482ff1f;border:1px solid #b482ff8c;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.char-add-btn:hover{background:#b482ff38}.char-add-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=1024px){body{padding:14px 10px calc(10px + env(safe-area-inset-bottom,0px));height:auto;overflow:auto}.app-container{flex-direction:column;gap:16px;height:auto;overflow:visible}.main-content{flex-direction:column;gap:16px;width:100%;height:auto;display:flex;overflow:visible}.tier-list-container{overflow:visible}.action-panel{width:100%}.unranked-section{width:100%;height:auto;min-height:150px}.unranked-section.empty{min-height:80px}.sidebar{flex-direction:column;gap:16px;width:100%;display:flex}.slots-section{width:100%}.sidebar:after{display:none}.export-section{width:100%}.vndb-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (width<=600px){header h1{font-size:18px}.tier-label{font-size:15px}.item-card{border-radius:6px;width:100px;height:150px}.item-card img{height:150px}.item-card .item-label{height:36px;font-size:11px;line-height:36px}.tier-row,.tier-items{min-height:150px}.slot-thumbs{display:none}.vndb-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.char-modal-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.vndb-overlay,.char-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:flex-end;padding:0}.vndb-modal,.char-modal{border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:88%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpBottomSheet;box-shadow:0 -8px 36px #0009}.vndb-modal-header,.char-modal-header{padding:8px 16px 12px}.vndb-search-tabs{padding:0 16px}.vndb-search-bar{padding:10px 16px}.vndb-results-area,.char-modal-body{padding:12px 16px}.vndb-results-area{min-height:60px}.vndb-tray-thumb,.vndb-tray-thumb-ph{width:27px;height:36px}.vndb-tray-thumb-ph{font-size:11px}.vndb-modal-footer,.char-modal-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:10px;min-height:auto}.vndb-selection-tray{width:100%}.vndb-footer-btns,.char-footer-btns{gap:8px;width:100%;display:flex}.vndb-cancel-btn,.char-cancel-btn{text-align:center;flex:1;padding:10px 12px}.vndb-add-confirm-btn{flex:1.5;justify-content:center;padding:10px 16px}.sort-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:flex-end;padding:0}.sort-modal{border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpBottomSheet;box-shadow:0 -8px 36px #0009}.sort-modal-header{padding:8px 16px 12px}.sort-hint{padding:0 16px 10px}.sort-modal-body{padding:10px 16px}.sort-modal-footer{gap:8px;width:100%;padding:12px 16px 24px;display:flex}.sort-cancel-btn{text-align:center;flex:1;padding:10px 12px}.sort-apply-btn{flex:1.5;justify-content:center;padding:10px 16px}}.zoom-control{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.zoom-control input[type=range]{width:90px;accent-color:var(--gold);cursor:pointer}.zoom-value{text-align:right;min-width:36px;color:var(--text);font-weight:600}#zoomWrapper{transform-origin:0 0;width:100%;transition:transform .15s}.sort-modal-overlay{z-index:11000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.sort-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:420px;max-height:90vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 80px #000000b3}.sort-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.sort-modal-header h2{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.sort-modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1;transition:color .12s}.sort-modal-close:hover{color:var(--text)}.sort-modal-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex;overflow-y:auto}.sort-modal-body::-webkit-scrollbar{width:5px}.sort-modal-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.sort-tier-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;transition:border-color .12s,background .12s;display:flex}.sort-tier-item.sort-dragging{opacity:.35}.sort-tier-item.sort-drag-over{border-color:var(--gold);box-shadow:0 -3px #f7c948b3}.sort-tier-handle{cursor:grab;color:var(--text2);flex-shrink:0;align-items:center;font-size:18px;display:flex}.sort-tier-handle:active{cursor:grabbing}.sort-tier-swatch{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.sort-tier-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.sort-tier-count{color:var(--text2);flex-shrink:0;font-size:12px}.sort-tier-btns{flex-shrink:0;gap:2px;display:flex}.sort-tier-btns button{cursor:pointer;color:var(--text2);background:0 0;border:none;border-radius:5px;padding:3px 6px;font-size:15px;transition:background .12s,color .12s}.sort-tier-btns button:hover{background:var(--bg2);color:var(--text)}.sort-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.sort-cancel-btn{border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text);cursor:pointer;padding:8px 18px;font-size:13px;transition:background .12s}.sort-cancel-btn:hover{background:var(--bg2)}.sort-apply-btn{border-radius:var(--radius);color:var(--gold);cursor:pointer;background:#f7c9481f;border:1px solid #f7c9488c;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:700;transition:background .12s;display:flex}.sort-apply-btn:hover{background:#f7c94838}.sort-hint{color:var(--text2);flex-shrink:0;align-items:flex-start;gap:5px;padding:0 16px 10px;font-size:11px;line-height:1.6;display:flex}.sort-hint i{opacity:.7;flex-shrink:0;margin-top:1px;font-size:13px}.onboard-bubble{z-index:9500;pointer-events:none;animation:.28s cubic-bezier(.34,1.4,.64,1) forwards onboardIn;position:absolute}@keyframes onboardIn{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.onboard-bubble.onboard-hide{animation:.22s forwards onboardOut}@keyframes onboardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.onboard-bubble-inner{color:#1a1200;white-space:normal;background:#f7c948f7;border-radius:10px;max-width:260px;padding:9px 13px;font-size:12px;font-weight:600;line-height:1.65;position:relative;box-shadow:0 6px 24px #00000073,inset 0 1px #ffffff2e}.onboard-bubble-inner:before{content:"";border:7px solid #0000;width:0;height:0;display:none;position:absolute}.onboard-bubble.tail-up .onboard-bubble-inner:before{border-bottom-color:#f7c948f7;bottom:100%;left:18px}.onboard-bubble.tail-down .onboard-bubble-inner:before{border-top-color:#f7c948f7;top:100%;left:18px}.onboard-bubble.tail-left .onboard-bubble-inner:before{border-right-color:#f7c948f7;top:14px;right:100%}.onboard-bubble.tail-right .onboard-bubble-inner:before{border-left-color:#f7c948f7;top:14px;left:100%}.onboard-bubble-icon{margin-right:4px;font-size:13px}.lang-selector{color:var(--text2);justify-content:flex-end;align-items:center;gap:4px;font-size:13px;display:flex}.lang-btn{cursor:pointer;font-family:inherit;font-weight:500;transition:color .12s,text-shadow .12s;color:var(--text2)!important;background:0 0!important;border:none!important;padding:4px 6px!important}.lang-btn:hover{color:var(--text)!important}.lang-btn.active{text-shadow:0 0 8px #f7c94866;font-weight:700;color:var(--gold)!important}.lang-divider{opacity:.3;-webkit-user-select:none;user-select:none}