:root{--color-bg: #0f1117;--color-surface-1: #171b24;--color-surface-2: #1e2332;--color-border: #2a3040;--color-text: #e8eaf0;--color-muted: #7a8399;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-alpha: rgba(59,130,246,.15);--color-accent: #06b6d4;--color-success: #22c55e;--color-success-alpha: rgba(34,197,94,.12);--color-warning: #f59e0b;--color-error: #ef4444;--color-shadow: rgba(0,0,0,.4);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);min-width:320px}#app{min-height:100vh}h1,h2,h3,h4{margin:0;line-height:1.2}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.usage-bar-track[data-v-54371c89]{width:100%;height:6px;background:var(--color-surface-2);border-radius:3px;overflow:hidden}.usage-bar-fill[data-v-54371c89]{height:100%;border-radius:3px;transition:width .4s ease}.card[data-v-641353e6]{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--color-surface-1);border:1.5px solid transparent;border-radius:12px;padding:12px 10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;width:100%;text-align:center;font-family:inherit}.card[data-v-641353e6]:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow)}.card.selected[data-v-641353e6]{border-color:var(--color-primary);background:var(--color-surface-2);box-shadow:0 0 0 3px var(--color-primary-alpha)}.rank[data-v-641353e6]{font-size:11px;font-weight:700;color:var(--color-muted);letter-spacing:.04em}.sprite[data-v-641353e6]{width:64px;height:64px;image-rendering:pixelated}.name[data-v-641353e6]{font-size:13px;font-weight:600;color:var(--color-text)}.usage-label[data-v-641353e6]{font-size:11px;color:var(--color-muted)}.panel[data-v-cc00f4c1]{background:var(--color-surface-1);border-radius:16px;padding:20px;height:100%;overflow-y:auto}.header[data-v-cc00f4c1]{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.sprite[data-v-cc00f4c1]{width:80px;height:80px;image-rendering:pixelated;flex-shrink:0}.header-info h2[data-v-cc00f4c1]{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--color-text)}.badges[data-v-cc00f4c1]{display:flex;gap:8px;flex-wrap:wrap}.badge[data-v-cc00f4c1]{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.rank[data-v-cc00f4c1]{background:var(--color-primary-alpha);color:var(--color-primary)}.badge.usage[data-v-cc00f4c1]{background:var(--color-success-alpha);color:var(--color-success)}.sections[data-v-cc00f4c1]{display:flex;flex-direction:column;gap:20px}section h3[data-v-cc00f4c1]{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}ul[data-v-cc00f4c1]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}li[data-v-cc00f4c1]{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:3px}.item-name[data-v-cc00f4c1]{font-size:13px;color:var(--color-text);font-weight:500}.item-pct[data-v-cc00f4c1]{font-size:12px;color:var(--color-muted);text-align:right}.item-description[data-v-cc00f4c1]{grid-column:1 / -1;margin:0;font-size:12px;line-height:1.45;color:var(--color-muted)}.move-meta[data-v-cc00f4c1]{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.move-meta-chip[data-v-cc00f4c1]{padding:2px 8px;border-radius:999px;background:var(--color-surface-2);font-size:11px;font-weight:600;color:var(--color-text)}li[data-v-cc00f4c1] :last-child{grid-column:1 / -1}.teammates[data-v-cc00f4c1]{display:flex;flex-wrap:wrap;gap:8px}.teammate[data-v-cc00f4c1]{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-surface-2);border-radius:10px;padding:6px 8px}.tm-sprite[data-v-cc00f4c1]{width:40px;height:40px;image-rendering:pixelated}.tm-name[data-v-cc00f4c1]{font-size:11px;color:var(--color-text);font-weight:500;text-align:center}.tm-pct[data-v-cc00f4c1]{font-size:10px;color:var(--color-muted);font-weight:600}.search-wrapper[data-v-770cd924]{position:relative;width:100%}.icon[data-v-770cd924]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-muted);pointer-events:none}.search[data-v-770cd924]{width:100%;padding:9px 12px 9px 36px;background:var(--color-surface-1);border:1.5px solid var(--color-border);border-radius:10px;font-size:18px;color:var(--color-text);font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.search[data-v-770cd924]::placeholder{color:var(--color-muted)}.search[data-v-770cd924]:focus{border-color:var(--color-primary)}.search[data-v-770cd924]::-webkit-search-cancel-button{cursor:pointer}.app[data-v-fd0a13db]{display:flex;flex-direction:column;min-height:100vh}.topbar[data-v-fd0a13db]{background:var(--color-surface-1);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.topbar-inner[data-v-fd0a13db]{max-width:1400px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo[data-v-fd0a13db]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--color-text)}.logo-icon[data-v-fd0a13db]{font-size:18px}.meta-info[data-v-fd0a13db]{display:flex;align-items:center;gap:10px}.season-badge[data-v-fd0a13db]{background:var(--color-primary-alpha);color:var(--color-primary);padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.updated[data-v-fd0a13db]{font-size:12px;color:var(--color-muted)}.main[data-v-fd0a13db]{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:20px;box-sizing:border-box}.layout[data-v-fd0a13db]{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.sidebar[data-v-fd0a13db]{position:sticky;top:76px;max-height:calc(100vh - 96px);display:flex;flex-direction:column;gap:12px}.sidebar-header[data-v-fd0a13db]{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.count[data-v-fd0a13db]{margin:0;font-size:12px;color:var(--color-muted);padding-left:2px}.grid[data-v-fd0a13db]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;padding-right:4px;flex:1;min-height:0}.detail[data-v-fd0a13db]{position:relative;background:var(--color-surface-1);border-radius:16px;min-height:400px;overflow:hidden}.placeholder[data-v-fd0a13db]{display:flex;align-items:center;justify-content:center;height:400px;color:var(--color-muted);font-size:14px}.close-btn[data-v-fd0a13db]{display:none;position:absolute;top:12px;right:12px;z-index:10;background:var(--color-surface-2);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;color:var(--color-text);align-items:center;justify-content:center;font-family:inherit}.state-center[data-v-fd0a13db]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--color-muted)}.error-state[data-v-fd0a13db]{color:var(--color-error)}.spinner[data-v-fd0a13db]{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-fd0a13db .7s linear infinite}@keyframes spin-fd0a13db{to{transform:rotate(360deg)}}@media(max-width:900px){.layout[data-v-fd0a13db]{grid-template-columns:1fr}.sidebar[data-v-fd0a13db]{position:static;max-height:none}.grid[data-v-fd0a13db]{grid-template-columns:repeat(3,1fr);overflow-y:auto}.detail[data-v-fd0a13db]{position:fixed;top:0;left:0;right:0;bottom:0;border-radius:0;z-index:200;display:none;overflow-y:auto}.detail.open[data-v-fd0a13db]{display:block}.close-btn[data-v-fd0a13db]{display:flex}}@media(max-width:480px){.grid[data-v-fd0a13db]{grid-template-columns:repeat(2,1fr)}.topbar-inner[data-v-fd0a13db]{padding:0 12px}.main[data-v-fd0a13db]{padding:12px}}