@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1018;--surface:#161c28;--surface2:#1e2536;--border:#252d3e;--shadow-sm:0 1px 4px #00000080, 0 0 1px #0006;--shadow-md:0 4px 20px #000000a6, 0 1px 4px #00000059;--primary:#6b8fff;--primary-dim:#6b8fff24;--yellow:#f0b800;--yellow-dim:#f0b8002e;--green:#2ecc71;--green-dim:#2ecc7126;--text:#dce5f5;--text-dim:#7b8aaa;--text-mute:#394256;--radius:12px;--radius-sm:8px;--font:"Nunito", system-ui, sans-serif}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#app{flex-direction:column;height:100%;display:flex}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}.pokeball{--size:54px;--stripe:calc(var(--size) * .096);width:var(--size);height:var(--size);border:var(--stripe) solid #111;background:linear-gradient(#e63030 50%,#fff 50%);border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.pokeball:before{content:"";height:var(--stripe);background:#111;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pokeball:after{content:"";border:calc(var(--stripe) * .8) solid #111;background:#fff;border-radius:50%;width:35%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(.92)}75%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav[data-v-d8893525]{background:var(--surface);border-bottom:1px solid var(--border);height:54px;box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.brand[data-v-d8893525]{color:var(--text);letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-ball[data-v-d8893525]{--size:22px}.links[data-v-d8893525]{gap:4px;display:flex}.link[data-v-d8893525]{color:var(--text-dim);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.link[data-v-d8893525]:hover{background:var(--surface2);color:var(--text)}.link.router-link-active[data-v-d8893525]{background:var(--primary-dim);color:var(--primary)}.help-btn[data-v-d8893525]{width:32px;height:32px;color:var(--text-dim);border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:background .12s,color .12s,border-color .12s;display:flex}.help-btn[data-v-d8893525]:hover{background:var(--surface2);color:var(--text);border-color:var(--text-mute)}.backdrop[data-v-cee2549d]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn-cee2549d;display:flex;position:fixed;inset:0}@keyframes fadeIn-cee2549d{0%{opacity:0}to{opacity:1}}.modal[data-v-cee2549d]{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:580px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) slideUp-cee2549d;overflow-y:auto;box-shadow:0 24px 64px #000000bf,0 0 0 1px #ffffff0a}@keyframes slideUp-cee2549d{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal[data-v-cee2549d]::-webkit-scrollbar{width:4px}.modal[data-v-cee2549d]::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.modal-header[data-v-cee2549d]{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:24px 24px 20px;display:flex}.header-ball[data-v-cee2549d]{border:2.5px solid var(--text);border-radius:50%;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.ball-top[data-v-cee2549d]{background:#e63030;height:50%;position:absolute;top:0;left:0;right:0}.ball-bottom[data-v-cee2549d]{background:#fff;height:50%;position:absolute;bottom:0;left:0;right:0}.ball-divider[data-v-cee2549d]{background:var(--text);height:2.5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ball-btn[data-v-cee2549d]{border:2.5px solid var(--text);background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-title[data-v-cee2549d]{color:var(--text);font-size:18px;font-weight:800}.modal-sub[data-v-cee2549d]{color:var(--text-dim);margin-top:2px;font-size:12px}.close-btn[data-v-cee2549d]{width:32px;height:32px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .12s,color .12s;display:flex}.close-btn[data-v-cee2549d]:hover{background:var(--surface2);color:var(--text)}.close-btn svg[data-v-cee2549d]{width:16px;height:16px}.sections[data-v-cee2549d]{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.section[data-v-cee2549d]{background:var(--surface);padding:18px 20px 20px}.section[data-v-cee2549d]:first-child{border-radius:0}.section-label[data-v-cee2549d]{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.section-icon[data-v-cee2549d]{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.section-icon svg[data-v-cee2549d]{width:14px;height:14px}.catch-icon[data-v-cee2549d]{color:var(--primary);background:#6b8fff2e}.search-icon[data-v-cee2549d]{color:var(--green);background:#2ecc7126}.tier-icon[data-v-cee2549d]{color:var(--yellow);background:#f0b8002e}.sprite-icon[data-v-cee2549d]{color:#c864ff;background:#c864ff26}.tips[data-v-cee2549d]{flex-direction:column;gap:8px;list-style:none;display:flex}.tips li[data-v-cee2549d]{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.tips strong[data-v-cee2549d]{color:var(--text);font-weight:700}.muted[data-v-cee2549d]{color:var(--text-mute);font-size:11px}.chip[data-v-cee2549d]{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:11px;font-weight:700;display:inline-flex}.chip svg[data-v-cee2549d]{width:10px;height:10px}.chip-blue[data-v-cee2549d]{background:var(--primary-dim);color:var(--primary)}.chip-yellow[data-v-cee2549d]{background:var(--yellow-dim);color:var(--yellow)}.tier-badge[data-v-cee2549d],.sprite-badge[data-v-cee2549d]{letter-spacing:.02em;white-space:nowrap;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.modal-footer[data-v-cee2549d]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.footer-tip[data-v-cee2549d]{color:var(--text-mute);flex:1;font-size:12px}.got-it-btn[data-v-cee2549d]{border-radius:var(--radius-sm);background:var(--primary);color:#fff;white-space:nowrap;flex-shrink:0;padding:8px 22px;font-size:13px;font-weight:800;transition:opacity .12s,transform .1s}.got-it-btn[data-v-cee2549d]:hover{opacity:.88}.got-it-btn[data-v-cee2549d]:active{transform:scale(.97)}@media (width<=540px){.sections[data-v-cee2549d]{grid-template-columns:1fr}.modal-footer[data-v-cee2549d]{text-align:center;flex-direction:column;align-items:stretch}.got-it-btn[data-v-cee2549d]{width:100%;padding:10px}}.card[data-v-59738d51]{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.25s both fadeUp;display:flex;overflow:hidden}.card[data-v-59738d51]:hover:not(.archived){box-shadow:var(--shadow-md);transform:translateY(-2px)}.archived[data-v-59738d51]{cursor:default;opacity:.75}.card-tier[data-v-59738d51]{flex-shrink:0;height:4px}.card-body[data-v-59738d51]{flex:1;padding:16px 18px 10px}.name-row[data-v-59738d51]{align-items:center;gap:6px;min-height:26px;margin-bottom:12px;display:flex}.game[data-v-59738d51]{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:800;line-height:1.2;overflow:hidden}.icon-btn[data-v-59738d51]{color:var(--text-mute);opacity:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:color .1s,background .1s;display:flex}.card:hover .icon-btn[data-v-59738d51]{opacity:1}.icon-btn[data-v-59738d51]:hover{color:var(--text);background:var(--surface2)}.rename-input[data-v-59738d51]{color:var(--text);background:var(--surface2);border:1.5px solid var(--primary);border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 8px;font-size:15px;font-weight:700}.stats[data-v-59738d51]{gap:20px;display:flex}.stat[data-v-59738d51]{flex-direction:column;gap:1px;display:flex}.stat-val[data-v-59738d51]{color:var(--text);font-size:22px;font-weight:700;line-height:1}.shiny .stat-val[data-v-59738d51]{color:#c08000}.stat-lbl[data-v-59738d51]{color:var(--text-mute);font-size:11px;font-weight:600}.card-foot[data-v-59738d51]{align-items:center;gap:6px;padding:8px 18px 14px;display:flex}.tier-badge[data-v-59738d51]{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.activity[data-v-59738d51]{color:var(--text-mute);text-align:right;white-space:nowrap;flex:1;font-size:10px}.actions[data-v-59738d51]{flex-shrink:0;gap:3px;display:flex}.action-btn[data-v-59738d51]{border-radius:var(--radius-sm);opacity:0;color:var(--text-mute);padding:3px 7px;font-size:11px;font-weight:700;transition:color .1s,background .1s}.card:hover .action-btn[data-v-59738d51]{opacity:1}.archive-btn[data-v-59738d51]:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.unarchive-btn[data-v-59738d51]:hover{color:#22c55e;background:#22c55e1a}.del-btn[data-v-59738d51]:hover{color:#e63030;background:#e6303014}.archived .action-btn[data-v-59738d51]{opacity:1}.overlay[data-v-df464eee]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000a6;justify-content:center;align-items:flex-start;padding:60px 16px 32px;animation:.15s both fadeUp;display:flex;position:fixed;inset:0;overflow-y:auto}.modal[data-v-df464eee]{background:var(--surface);border-radius:20px;flex-direction:column;flex-shrink:0;width:90vw;max-width:1400px;max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 32px 80px #0009,0 4px 16px #0000004d}.modal-head[data-v-df464eee]{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.modal-eyebrow[data-v-df464eee]{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:11px;font-weight:700}.modal-title[data-v-df464eee]{color:var(--text);font-size:20px;font-weight:800}.close-btn[data-v-df464eee]{background:var(--surface2);width:30px;height:30px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;transition:background .12s,color .12s;display:flex}.close-btn[data-v-df464eee]:hover{background:var(--border);color:var(--text)}.modal-body[data-v-df464eee]{column-width:280px;flex:1;column-gap:28px;min-height:0;padding:12px 24px 16px;overflow-y:auto}.modal-body[data-v-df464eee]::-webkit-scrollbar{width:5px}.modal-body[data-v-df464eee]::-webkit-scrollbar-track{background:0 0}.modal-body[data-v-df464eee]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gen-section[data-v-df464eee]{break-inside:avoid;padding-bottom:12px}.gen-header[data-v-df464eee]{align-items:center;gap:8px;padding:8px 0 6px;display:flex}.gen-pip[data-v-df464eee]{background:var(--gc,#888);border-radius:50%;flex-shrink:0;width:8px;height:8px}.gen-label[data-v-df464eee]{text-transform:uppercase;letter-spacing:.07em;color:var(--gc,#888);font-size:10.5px;font-weight:800}.game-grid[data-v-df464eee]{flex-wrap:wrap;gap:6px;display:flex}.game-btn[data-v-df464eee]{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:left;white-space:nowrap;padding:8px 14px;font-size:13px;font-weight:700;transition:border-color .12s,background .12s,transform .1s,color .12s;animation:.2s both fadeUp}.game-btn[data-v-df464eee]:hover{border-color:var(--gc,var(--primary));background:color-mix(in srgb, var(--gc,var(--primary)) 12%, transparent);color:var(--text);transform:translateY(-1px)}.game-btn[data-v-df464eee]:active{transform:scale(.97)}.name-step[data-v-df464eee]{flex-direction:column;gap:14px;padding:28px 28px 32px;display:flex}.name-game[data-v-df464eee]{color:var(--primary);font-size:13px;font-weight:700}.name-input[data-v-df464eee]{color:var(--text);background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;outline:none;width:100%;padding:11px 16px;font-size:16px;font-weight:600;transition:border-color .12s}.name-input[data-v-df464eee]:focus{border-color:var(--primary)}.name-hint[data-v-df464eee]{color:var(--text-mute);margin-top:-4px;font-size:12px}.name-actions[data-v-df464eee]{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-back[data-v-df464eee]{color:var(--text-dim);border:1px solid var(--border);background:var(--surface2);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .12s,background .12s}.btn-back[data-v-df464eee]:hover{color:var(--text);background:var(--border)}.btn-create[data-v-df464eee]{color:#fff;background:var(--primary);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .12s,transform .1s}.btn-create[data-v-df464eee]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-create[data-v-df464eee]:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.overlay[data-v-df464eee]{align-items:flex-start;padding:16px 12px}.modal[data-v-df464eee]{width:calc(100vw - 24px);max-width:none}.game-btn[data-v-df464eee]{padding:7px 11px;font-size:12px}}.home[data-v-0d9dda4e]{width:100%;max-width:1080px;margin:0 auto;padding:32px 20px 48px;animation:.2s both fadeUp}.page-head[data-v-0d9dda4e]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-title[data-v-0d9dda4e]{color:var(--text);font-size:28px;font-weight:800}.page-sub[data-v-0d9dda4e]{color:var(--text-dim);margin-top:2px;font-size:13px}.btn-new[data-v-0d9dda4e]{background:var(--primary);color:#fff;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s;display:flex;box-shadow:0 2px 8px #3d5af14d}.btn-new[data-v-0d9dda4e]:hover{opacity:.9;transform:translateY(-1px)}.btn-icon[data-v-0d9dda4e]{font-size:16px;line-height:1}.controls[data-v-0d9dda4e]{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sort-label[data-v-0d9dda4e]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);font-size:11px;font-weight:700}.sort-group[data-v-0d9dda4e]{gap:4px;display:flex}.sort-btn[data-v-0d9dda4e]{color:var(--text-dim);border:1px solid var(--border);background:var(--surface2);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:color .12s,background .12s,border-color .12s}.sort-btn[data-v-0d9dda4e]:hover{color:var(--text);background:var(--border)}.sort-btn.active[data-v-0d9dda4e]{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:var(--primary)}.grid[data-v-0d9dda4e]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:8px;display:grid}.empty[data-v-0d9dda4e]{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:80px 0 40px;display:flex}.empty-ball[data-v-0d9dda4e]{--size:56px;background:linear-gradient(#b8bfcc 50%,#e8eaf2 50%);border-color:#555;margin-bottom:8px}.empty-ball[data-v-0d9dda4e]:before{background:#555}.empty-ball[data-v-0d9dda4e]:after{background:#e8eaf2;border-color:#555}.empty-title[data-v-0d9dda4e]{color:var(--text-dim);font-size:18px;font-weight:700}.empty-sub[data-v-0d9dda4e]{color:var(--text-mute);margin-bottom:6px;font-size:13px}.archived-toggle[data-v-0d9dda4e]{justify-content:center;margin-top:28px;display:flex}.archived-btn[data-v-0d9dda4e]{color:var(--text-mute);border:1px solid var(--border);background:0 0;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:700;transition:color .12s,background .12s}.archived-btn[data-v-0d9dda4e]:hover{color:var(--text-dim);background:var(--surface2)}.archived-grid[data-v-0d9dda4e]{opacity:.7;margin-top:14px}.archived-empty[data-v-0d9dda4e]{color:var(--text-mute);text-align:center;grid-column:1/-1;padding:20px;font-size:13px}@media (width<=480px){.home[data-v-0d9dda4e]{padding:20px 12px 32px}.page-title[data-v-0d9dda4e]{font-size:22px}.grid[data-v-0d9dda4e]{grid-template-columns:1fr}.controls[data-v-0d9dda4e]{flex-wrap:wrap}}
