:root{--bg-dark:#0f0f0f;--bg-card:#1e293b;--bg-sidebar:#020617;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--border:#334155;--success:#22c55e}*{box-sizing:border-box;margin:0;padding:0}#app{background-color:var(--bg-dark);width:100%;height:850px;color:var(--text-primary);border-radius:8px;flex-direction:column;margin-bottom:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.top-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex}.completion-toggles{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.toggle-group{border:1px solid var(--border);background-color:#0000004d;border-radius:6px;display:flex;overflow:hidden}.stage-toggle{border:none;border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:.5rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s}.stage-toggle:last-child{border-right:none}.stage-toggle:hover{color:var(--text-primary);background-color:#ffffff0d}.stage-toggle.active{background-color:var(--accent);color:#fff}.reset-btn{color:#fca5a5;cursor:pointer;background-color:#450a0a;border:1px solid #7f1d1d;border-radius:4px;margin-left:.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.reset-btn:hover{color:#fff;background-color:#7f1d1d;border-color:#ef4444}.app-container{background-color:var(--bg-sidebar);flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:120px;padding:0;display:flex}.rfd-nav-item{text-align:center;cursor:pointer;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;padding:.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.rfd-nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.rfd-nav-item.active{color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAvCAYAAAD3oXSCAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIDUuMS4xMhMBR3QAAASmSURBVHhe7dzfa5tVGMBx/51Ca4jLDMbWYiTNDESy4Duy4CutIZARFjPCKqVuoyVUN8pECS3ImDCsg+puCt4IEXXUy13qhaD4d+zi+DznfZ6T8yRH4yqe9ce5+LD75/ue530HPXlBqR+UUkOA/4KnQ/XnH/vG77/t/aNffpWePLknHP48EIbfbQvfHkh7+33h3v11YbDTE7bvtIX1Gw2hd60utK9KjWZVqMcl6bJUvZgXSmUpX8hJr4/kchmVW0hrmWxKS59PGxTDAjEe/7RrHBzcFh4+7Atf3L8p7O6sCrfvdoSNflNY+3BZ6FyLhWYrEuLlshBdKgmlCgzFkl+CQVgW89L8YlbILeDALK9K2VfSQiYrpc/jgC3npNRLs8Jces6AGI8hggVi7H0FTyUZfzK378LTaOlvtoX1NXgiLW18Gi2NK/AEWuor8MRZqpE07cnLLUhpGJBtJj0jzR1fIcYxMhlDHaq9L28ZZjfDiulvtdT6JgwZrK4ta73rsItB+2otAQNmjfcqZhfH78JaAbyLo1pRq0awe0nFsYNLb+ZVcWnRwACjFYMBkh2chX2MdISXYSUgGH4qNaNmX5zONRzfxt4Z7hgcgmNghC7sc8QRGs0ogQFA/R0YPMAANRg6wwCVamEEApRh6KxYgqGTwoV5HaDwxryGL0GOkIRIYnAIHYNDnJs9iTGmnwxzKuDrRIS4gl8jSYR6jF8igCLwmuEI/PWBAewnnyPgCUAYAPEaskNMi5HJZs9WDDsExzAhgL3vNYrA7BAaRbBjcAiNIjAZIidOxamMsf/1ljHYSV7a/a3kG753vaE63Vi12jVteaWi4hjWEdDf4egSnIS3Cwk8DfCJicpvUQCCqwgDFC/AWgKFJSsEngbA7wcDP0Ffy2jJqRjRn5fwOclSafh8PCsx8MXMMcx/ijAEopPgCmG/F+wQJgaFGI+BJyLE+J9jcIgQI8TQXMPxDWL8CAFsh+rRNx8bzxyDX9zw1YSOFmMkxAgxnosQg7iG41uIQVzD8S3EIK7h+BZiENdwfAsxiGs4voUYxDUc30IM4hqObyEGcQ3HtxCDuIbjW4hBXMPxLcQgruH4FmIQ13B8CzGIazi+hRjENRzfQgziGo5vIQZxDce3EIO4huNbiEFcw/EtxCCu4fgWYhDXcHwLMYhrOL6FGMQ1HN+cMf7TH7GFGEcWYhDXcHwLMYhrOL4dixh2kDMeY/IPn4ffD0YXKj/rqa07HbWx2dIXJlc/iFW3O7q7hzEQ39WrXS5rHKVyEYJYyuURfTeDovCNJROEQQQDby5NiXHqLsuI263/IgaH4BjmdIQYz+TIMThIsxmJ0xHHFXE6oqiojYIUZZDx1TW+tqyVxVfJOAjGsIOcghiTt13/LoYOAu8NGSS524dRUGOlqmEUxO8ShFHkqSmaGAbd7eMo5oRYQTCGHcQ+HafrZDwdihgDiGHDF7mNL9+zaZfwORazYyG+ZMPGY4kVBviiJbN/iwOd7Ev5IcZzM7amAMQYDj81Hu33hQcPbgqf764K2590hf5HLWHjVlPAlWfrvF8TJn7IhX5pgU38kMt4vBPzQy5z6i/XDgVEmvhaOQAAAABJRU5ErkJggg==);background-position:50%;background-size:cover}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex}.header-title{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.app-icon{width:24px;height:24px}.header-actions{align-items:center;gap:1.5rem;display:flex}.rfd-dropdown-container{position:relative}.rfd-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:200px;max-height:400px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.rfd-dropdown-item{cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.rfd-dropdown-item:hover{color:var(--text-primary);background-color:#ffffff0d}.rfd-dropdown-item.active{background-color:var(--accent);color:#fff}.lang-btn,.filter-btn{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:.5rem 1.5rem;transition:background .2s}.lang-btn:hover,.filter-btn:hover{background-color:var(--border)}.completion-stats{color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border);padding:1.5rem;font-size:1.1rem}.stats-count{color:var(--text-primary);font-weight:600}.collection-list{background-color:#232b2e;flex-direction:column;flex:1;gap:0;padding:0;display:flex;overflow-y:auto}.collection-card{background-color:var(--bg-card);border:none;border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:130px;cursor:pointer;grid-template-columns:1fr 200px;gap:1rem;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s;display:grid}.collection-card.completed{border-color:var(--success);filter:brightness(.8);background-color:#020617}.collection-card.completed:hover{filter:brightness(.9)}.collection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.collection-info{flex-direction:column;gap:.75rem;display:flex}.collection-title{color:#fff;align-items:center;font-size:1rem;font-weight:600;display:flex}.check-icon{color:var(--text-secondary);margin-right:.8rem;font-size:1.2rem}.item-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;display:grid}.item-slot{aspect-ratio:1;border:1px solid var(--border);background-color:#0003;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.item-slot img{object-fit:contain;max-width:90%;max-height:90%}.completed-seal{filter:brightness(.7);object-fit:cover!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.upgrade-badge{color:#fff;z-index:3;pointer-events:none;background-color:#0000;border-radius:2px;padding:0 2px;font-size:.7rem;font-weight:700;line-height:1.2;position:absolute;top:2px;right:2px}.item-stars{pointer-events:none;z-index:2;justify-content:flex-start;gap:0;height:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.item-star{object-fit:fill;width:16.67%!important;height:100%!important}.collection-effect-section{border-left:1px solid var(--border);flex-direction:column;gap:.5rem;padding-left:1rem;display:flex}.effect-label{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.effect-value{color:var(--text-primary);font-size:.9rem}.stats-sidebar{border-left:1px solid var(--border);background-color:#1e293b;flex-direction:column;width:360px;display:flex}.stats-header{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;text-align:center;border-bottom:1px solid var(--border);padding:1.5rem;font-size:.85rem;font-weight:700}.stats-scroll{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}.stat-row{color:#fff;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.stat-name{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:600}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#1e293b linear-gradient(90deg,#1e293b 0,#334155 40px,#1e293b 80px) 0 0/1000px 100%;border-radius:4px;animation:2s linear infinite shimmer}.skeleton-card{background-color:var(--bg-card);border-bottom:1px solid var(--border);grid-template-columns:1fr 200px;gap:1rem;height:130px;padding:1rem 1.5rem;display:grid}.skeleton-title{width:250px;height:20px;margin-bottom:1rem}.skeleton-slots{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;display:grid}.skeleton-slot{aspect-ratio:1}.skeleton-effect{border-left:1px solid var(--border);flex-direction:column;gap:.5rem;height:100%;padding-left:1rem;display:flex}.skeleton-effect-line{width:100%;height:14px}@media (width<=768px){.app-container{flex-direction:column;overflow-y:auto}.top-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem}.toggle-group{border-radius:4px;width:100%;overflow-x:auto}.stage-toggle{padding:.4rem .6rem;font-size:.7rem}.reset-btn{padding:.4rem 1rem;font-size:.8rem}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:100;background-color:var(--bg-sidebar);flex-direction:row;flex-shrink:0;width:100%;height:auto;padding:0;position:sticky;top:0;overflow-x:auto}.rfd-nav-item{white-space:nowrap;flex:1;min-width:100px;padding:1rem 1.25rem}.collection-card{grid-template-columns:1fr;padding:1rem}.collection-effect-section{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.75rem;border-left:none!important;padding-left:0!important}.collection-list{overflow-y:visible}.main-content{overflow:visible}.stats-sidebar{border-left:none;border-top:1px solid var(--border);background-color:#1e293b;width:100%;height:auto}.stats-header{padding:1rem}.stats-scroll{max-height:none;padding:1rem;overflow:visible}}.virtual-scroll-spacer[data-v-b85f264a]{width:100%;position:relative}.virtual-scroll-content[data-v-b85f264a]{position:absolute;top:0;left:0;right:0}