.friend-finder-container{flex-direction:column;gap:18px;width:100%;max-width:100%;display:flex}.friend-toast-alert{color:#fff;z-index:9999;-webkit-backdrop-filter:blur(8px);background:#10b981f2;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #10b98180}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.friend-header-card{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.friend-header-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#aa3bff26 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-50%;right:-20%}.friend-badge-pill{color:#c084fc;letter-spacing:.05em;background:#aa3bff2e;border:1px solid #aa3bff59;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:750;display:inline-flex}.friend-title{color:var(--text-primary,#f8fafc);margin:0 0 .5rem;font-size:1.75rem;font-weight:850;line-height:1.2}.friend-subtitle{color:var(--text-muted,#cbd5e1);max-width:800px;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.friend-actions-bar{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn-share-code{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:10px 20px;font-size:.95rem;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #aa3bff66}.btn-share-code:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #aa3bff99}.auto-expire-tag{color:var(--text-muted,#94a3b8);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.friend-controls-panel{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(12px);z-index:100;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;box-shadow:0 4px 16px #00000026}.friend-search-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.friend-search-input-wrapper{flex:1;min-width:260px;position:relative}.friend-search-input-wrapper .search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.friend-search-input{background:var(--bg-card-hover,#1e212bcc);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#f8fafc);border-radius:12px;outline:none;padding:.7rem 2.2rem .7rem 2.4rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.friend-search-input:focus{border-color:var(--accent-color,#aa3bff);box-shadow:0 0 12px #aa3bff40}.clear-search-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:.2rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.purpose-filter-tabs{gap:8px;padding-bottom:.25rem;display:flex;overflow-x:auto}.purpose-tab-btn{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);color:var(--text-muted,#cbd5e1);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:.4rem;padding:7px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.purpose-tab-btn:hover{background:var(--bg-card-hover,#1e212b);color:var(--text-primary,#f8fafc);border-color:#a855f759;transform:translateY(-1px)}.purpose-tab-btn.active{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%));color:#fff;border-color:#0000;font-weight:750;box-shadow:0 0 12px #aa3bff73}.pattern-picker-wrapper{z-index:101;align-items:center;gap:.4rem;display:flex;position:relative}.pattern-picker-trigger{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.pattern-picker-trigger:hover{color:#f8fafc;background:#334155e6;border-color:#3b82f64d}.pattern-picker-trigger.has-selection{color:#60a5fa;background:#3b82f626;border-color:#3b82f666;font-weight:600}.picker-trigger-sprite{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);width:24px;height:24px}.picker-chevron{color:#64748b;transition:transform .2s}.picker-chevron.open{transform:rotate(90deg)}.pattern-picker-clear{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:.4rem;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.pattern-picker-clear:hover{color:#fff;background:#ef44444d}.pattern-picker-backdrop{z-index:998;position:fixed;inset:0}.pattern-picker-popover{z-index:999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a;border:1px solid #3b82f666;border-radius:1rem;width:min(520px,100vw - 2rem);max-height:420px;padding:1rem;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 25px 50px -12px #000000e6,0 0 25px #3b82f633}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.picker-popover-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.picker-popover-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.4rem;display:grid}.picker-popover-tile{color:#cbd5e1;cursor:pointer;text-transform:capitalize;background:#1e293b80;border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.65rem;font-weight:600;transition:all .15s;display:flex;position:relative}.picker-popover-tile:hover{color:#fff;background:#334155e6;transform:translateY(-1px)}.picker-popover-tile.selected{color:#60a5fa;background:#3b82f633;border-color:#3b82f6}.picker-popover-tile.rare{border-color:#eab30833}.picker-popover-tile.rare.selected{color:#fde047;background:#eab30826;border-color:#eab308}.picker-all-icon{color:#64748b}.picker-tile-sprite{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);transition:transform .2s}.picker-popover-tile:hover .picker-tile-sprite,.vivillon-picker-tile:hover .picker-tile-sprite{transform:scale(1.15)}.picker-tile-label{text-transform:capitalize}.picker-tile-rare-dot{background:#eab308;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #eab308}.form-vivillon-picker-grid{scrollbar-width:thin;background:#0f172a80;border:1px solid #ffffff14;border-radius:.6rem;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.35rem;max-height:240px;padding:.5rem;display:grid;overflow-y:auto}.vivillon-picker-tile{color:#94a3b8;cursor:pointer;text-transform:capitalize;background:#1e293b80;border:2px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .2rem;font-size:.6rem;font-weight:600;transition:all .15s;display:flex;position:relative}.vivillon-picker-tile:hover{color:#f8fafc;background:#334155cc}.vivillon-picker-tile.selected{color:#60a5fa;background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.vivillon-picker-tile.rare.selected{color:#fde047;background:#eab30826;border-color:#eab308}.badge-vivillon-sprite{object-fit:contain;filter:drop-shadow(0 1px 3px #00000080);vertical-align:middle;width:20px;height:20px}.friend-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;width:100%;display:grid}.friend-card{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;gap:14px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000026}.friend-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.card-top-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.trainer-info{flex-direction:column;gap:.2rem;display:flex}.trainer-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.trainer-name{color:#f1f5f9;font-size:1.1rem;font-weight:700}.team-badge{text-transform:uppercase;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.team-badge.mystic{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.team-badge.valor{color:#f87171;background:#ef444433;border:1px solid #ef444466}.team-badge.instinct{color:#facc15;background:#eab30833;border:1px solid #eab30866}.trainer-location{color:#94a3b8;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.posted-time{color:#64748b;white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.card-tags-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pattern-badge{color:#e2e8f0;background:#1e293be6;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.pattern-badge.rare{color:#fde047;background:#eab30826;border-color:#eab30866}.purpose-pill{border-radius:.5rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.purpose-pill.vivillon{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.purpose-pill.raids{color:#fb923c;background:#f9731626;border:1px solid #f973164d}.purpose-pill.xp{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.purpose-pill.trades{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.trainer-note-box{color:#cbd5e1;background:#1e293b66;border-left:3px solid #3b82f6;border-radius:0 .5rem .5rem 0;padding:.5rem .75rem;font-size:.85rem;font-style:italic;line-height:1.4}.card-code-section{background:#0a0f1dcc;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:.85rem;display:flex}.trainer-code-display{color:#38bdf8;letter-spacing:.1em;text-align:center;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.card-buttons-row{gap:.5rem;display:flex}.btn-copy-code{color:#60a5fa;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy-code:hover{color:#fff;background:#3b82f659}.btn-copy-code.copied{color:#34d399;background:#10b98140;border-color:#10b981}.btn-qr-code{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem .8rem;transition:all .15s;display:inline-flex}.btn-qr-code:hover{color:#fff;background:#334155}.friend-empty-card{text-align:center;color:#94a3b8;background:#0f172a99;border:1px dashed #ffffff26;border-radius:1rem;flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.friend-empty-card .empty-icon{color:#475569}.friend-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.friend-modal-card{background:#111827;border:1px solid #ffffff1f;border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:520px;padding:1.75rem;display:flex;box-shadow:0 20px 40px #0009}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title-row{align-items:center;gap:.6rem;display:flex}.modal-header-icon{color:#3b82f6}.modal-header h2{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.form-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:.5rem;padding:.6rem .9rem;font-size:.85rem}.friend-submit-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#cbd5e1;font-size:.85rem;font-weight:600}.form-input,.form-select{color:#f8fafc;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:.6rem;outline:none;padding:.65rem .85rem;font-size:.9rem}.form-input:focus,.form-select:focus{background:#1e293b;border-color:#3b82f6}.code-input{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem}.form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-actions-row{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:.6rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500}.btn-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.6rem;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.qr-modal-card{text-align:center;background:#111827;border:1px solid #ffffff26;border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:1.75rem;display:flex}.qr-box-container{flex-direction:column;align-items:center;gap:.75rem;display:flex}.qr-code-canvas-wrapper{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 25px #0006}.qr-image{border-radius:.5rem;display:block}.qr-trainer-name{color:#f8fafc;font-size:1.2rem;font-weight:700}.qr-code-number{color:#38bdf8;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700}.qr-instructions{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.btn-copy-code-qr{color:#60a5fa;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:.6rem;align-items:center;gap:.4rem;margin-top:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}@media (max-width:640px){.friend-header-card{padding:1.25rem}.friend-title{font-size:1.5rem}.form-row-2,.friend-cards-grid{grid-template-columns:1fr}}body.light-mode .friend-finder-container .friend-header-card,body.light-mode .friend-finder-container .friend-controls-panel,body.light-mode .friend-finder-container .friend-card,body.light-mode .friend-modal-card{background-color:#fff!important;border-color:#0f172a1f!important;box-shadow:0 4px 16px #0000000f!important}body.light-mode .friend-finder-container .friend-search-input,body.light-mode .friend-finder-container .purpose-tab-btn,body.light-mode .friend-finder-container .pattern-picker-trigger{color:#334155!important;background-color:#fff!important;border-color:#0f172a24!important}body.light-mode .friend-finder-container .purpose-tab-btn.active{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%))!important;color:#fff!important}body.light-mode .friend-finder-container .trainer-name{color:#0f172a!important}