.copa-app[data-v-bf702f81]{--clr-bg: #131313;--clr-surface: #201f1f;--clr-surface-hi: #2a2a2a;--clr-on-surface: #e5e2e1;--clr-muted: #d0c6ab;--clr-gold: #ffd700;--clr-gold-dim: #e9c400;--clr-green: #59df89;--clr-blue: #b7c4ff;--clr-outline: #4d4732;font-family:Lexend,sans-serif;background:var(--clr-bg);color:var(--clr-on-surface);min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}.flash-overlay[data-v-bf702f81]{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.7;z-index:999;pointer-events:none;animation:flashFade-bf702f81 .3s ease forwards}@keyframes flashFade-bf702f81{to{opacity:0}}.copa-header[data-v-bf702f81]{background:#131313d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-outline);position:sticky;top:0;z-index:50}.header-inner[data-v-bf702f81]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.header-logo[data-v-bf702f81]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-bf702f81]{font-size:22px}.logo-text[data-v-bf702f81]{font-family:Anybody,sans-serif;font-weight:800;font-size:18px;color:var(--clr-gold)}.logo-text em[data-v-bf702f81]{font-style:normal;color:var(--clr-on-surface)}.header-stats[data-v-bf702f81]{display:flex;gap:8px}.stat-chip[data-v-bf702f81]{background:var(--clr-surface);border:1px solid var(--clr-outline);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;line-height:1.2}.stat-chip.rank[data-v-bf702f81]{color:var(--clr-green)}.chip-label[data-v-bf702f81]{font-size:10px;font-weight:400;color:var(--clr-muted)}.copa-main[data-v-bf702f81]{flex:0 1 auto;padding:20px 20px 40px;overflow-y:auto}.hero-title[data-v-bf702f81]{font-family:Anybody,sans-serif;font-size:28px;font-weight:800;color:var(--clr-gold);letter-spacing:-.02em;margin:0 0 8px;line-height:1.1}.hero-desc[data-v-bf702f81]{font-size:14px;color:var(--clr-muted);margin:0 0 24px;line-height:1.6}.viewfinder-wrapper[data-v-bf702f81]{position:relative;margin-bottom:16px}.viewfinder[data-v-bf702f81]{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:2px solid var(--clr-outline);background:var(--clr-surface);transition:border-color .3s}.viewfinder.scanning[data-v-bf702f81]{border-color:var(--clr-blue);box-shadow:0 0 20px #b7c4ff4d}.viewfinder.success[data-v-bf702f81]{border-color:var(--clr-green);box-shadow:0 0 20px #59df894d}.viewfinder.repeated[data-v-bf702f81]{border-color:var(--clr-outline);box-shadow:0 0 20px #9990774d}.camera-feed[data-v-bf702f81]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-placeholder[data-v-bf702f81]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--clr-muted)}.placeholder-icon[data-v-bf702f81]{font-size:48px}.scan-complete-overlay[data-v-bf702f81]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0009;animation:fadeIn-bf702f81 .4s ease-out}@keyframes fadeIn-bf702f81{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon[data-v-bf702f81]{font-size:48px;margin-bottom:4px}.success-msg[data-v-bf702f81]{font-family:Anybody,sans-serif;font-size:18px;font-weight:800;color:#fff}.status-pill[data-v-bf702f81]{padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px;letter-spacing:.05em}.status-pill.new[data-v-bf702f81]{background:var(--clr-green);color:#004d20}.status-pill.repeated[data-v-bf702f81]{background:var(--clr-muted);color:#201f1f}.bracket[data-v-bf702f81]{position:absolute;width:24px;height:24px;border-color:var(--clr-gold);border-style:solid;z-index:10}.bracket.tl[data-v-bf702f81]{top:12px;left:12px;border-width:3px 0 0 3px;border-radius:4px 0 0}.bracket.tr[data-v-bf702f81]{top:12px;right:12px;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.bracket.bl[data-v-bf702f81]{bottom:12px;left:12px;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.bracket.br[data-v-bf702f81]{bottom:12px;right:12px;border-width:0 3px 3px 0;border-radius:0 0 4px}.scan-line[data-v-bf702f81]{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--clr-blue),transparent);animation:scanMove-bf702f81 1.5s ease-in-out infinite;z-index:5}@keyframes scanMove-bf702f81{0%,to{top:10%}50%{top:88%}}.status-badge[data-v-bf702f81]{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;background:#201f1fcc;border:1px solid var(--clr-outline);border-radius:20px;padding:4px 12px}.status-dot[data-v-bf702f81]{width:8px;height:8px;border-radius:50%;background:var(--clr-muted)}.status-badge.success .status-dot[data-v-bf702f81]{background:var(--clr-green);box-shadow:0 0 6px var(--clr-green)}.status-badge.error .status-dot[data-v-bf702f81]{background:#ffb4ab}.scan-result-card[data-v-bf702f81]{margin-bottom:16px;background:#201f1fe6!important;border:1px solid var(--clr-outline)!important}.scan-result[data-v-bf702f81]{display:flex;flex-direction:column;gap:4px}.result-rarity[data-v-bf702f81]{font-size:10px;font-weight:700;letter-spacing:.1em}.result-rarity.legendary[data-v-bf702f81]{color:var(--clr-gold)}.result-rarity.rare[data-v-bf702f81]{color:var(--clr-blue)}.result-rarity.common[data-v-bf702f81]{color:var(--clr-muted)}.result-name[data-v-bf702f81]{font-family:Anybody,sans-serif;font-size:20px;font-weight:700}.result-team[data-v-bf702f81]{font-size:13px;color:var(--clr-muted)}.result-status[data-v-bf702f81]{font-size:13px;font-weight:600;margin-top:4px}.result-status.new[data-v-bf702f81]{color:var(--clr-green)}.result-status.repeated[data-v-bf702f81]{color:var(--clr-muted)}.add-action-wrap[data-v-bf702f81]{margin-top:12px;display:flex;justify-content:center}.success-message[data-v-bf702f81]{margin-top:8px;color:var(--clr-green);font-weight:700;font-size:14px;text-align:center}.result-owned[data-v-bf702f81]{font-size:12px;color:var(--clr-green);font-weight:600}.camera-controls[data-v-bf702f81]{display:flex;gap:12px;justify-content:center;margin-bottom:0}.quick-stats[data-v-bf702f81]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-block[data-v-bf702f81]{background:#201f1f99;border:1px solid var(--clr-outline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value[data-v-bf702f81]{font-family:Anybody,sans-serif;font-size:18px;font-weight:700;color:var(--clr-gold)}.stat-label[data-v-bf702f81]{font-size:10px;color:var(--clr-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.placeholder-tab[data-v-bf702f81]{display:flex;align-items:center;justify-content:center;min-height:200px}.placeholder-text[data-v-bf702f81]{color:var(--clr-muted);font-size:15px}.username-card[data-v-bf702f81]{margin-bottom:24px}.username-form[data-v-bf702f81]{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0}.username-icon[data-v-bf702f81]{font-size:40px}.username-title[data-v-bf702f81]{font-family:Anybody,sans-serif;font-size:18px;font-weight:700;color:var(--clr-gold);margin:0}.username-desc[data-v-bf702f81]{font-size:13px;color:var(--clr-muted);margin:0;line-height:1.5}.username-input-wrap[data-v-bf702f81]{width:100%}.username-input[data-v-bf702f81]{width:100%;background:var(--clr-surface-hi, #2a2a2a);border:1px solid var(--clr-outline);border-radius:8px;color:var(--clr-on-surface);font-family:Lexend,sans-serif;font-size:15px;padding:12px 16px;outline:none;transition:border-color .2s;box-sizing:border-box}.username-input[data-v-bf702f81]::-moz-placeholder{color:var(--clr-muted)}.username-input[data-v-bf702f81]::placeholder{color:var(--clr-muted)}.username-input[data-v-bf702f81]:focus{border-color:var(--clr-gold);box-shadow:0 0 0 2px #ffd70026}.username-error[data-v-bf702f81]{color:#ffb4ab;font-size:12px;margin:0}.username-badge[data-v-bf702f81]{display:flex;align-items:center;justify-content:space-between;background:#59df8914;border:1px solid rgba(89,223,137,.25);border-radius:20px;padding:6px 14px;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--clr-green)}.change-user-btn[data-v-bf702f81]{background:none;border:none;color:var(--clr-muted);font-size:11px;cursor:pointer;font-family:Lexend,sans-serif;padding:2px 6px;border-radius:4px;transition:color .2s}.change-user-btn[data-v-bf702f81]:hover{color:var(--clr-gold)}