:root{--pitch-50: #ecfdf5;--pitch-100: #d1fae5;--pitch-200: #a7f3d0;--pitch-300: #6ee7b7;--pitch-400: #34d399;--pitch-500: #10b981;--pitch-600: #059669;--pitch-700: #047857;--pitch-800: #065f46;--pitch-900: #064e3b;--pitch-950: #022c22;--accent-magenta: #ec4899;--accent-amber: #f59e0b;--accent-cobalt: #2563eb;--ink-950: #0a1410;--ink-900: #111c17;--ink-800: #1a2820;--ink-700: #2a3a31;--ink-600: #4b5d52;--ink-500: #6b7c70;--ink-400: #9aa89e;--ink-300: #c4cec7;--ink-200: #e1e7e3;--ink-100: #eff3f0;--ink-50: #f7f9f7;--ink-0: #ffffff;--bg: var(--ink-50);--bg-elev: var(--ink-0);--bg-card: var(--ink-0);--bg-subtle: var(--ink-100);--fg: var(--ink-950);--fg-muted: var(--ink-600);--fg-faint: var(--ink-500);--border: var(--ink-200);--border-strong: var(--ink-300);--primary: var(--pitch-600);--primary-fg: #ffffff;--primary-soft: var(--pitch-100);--font-display: "Bricolage Grotesque", "Archivo", system-ui, sans-serif;--font-body: "Inter Tight", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--d-pad-1: 8px;--d-pad-2: 12px;--d-pad-3: 16px;--d-pad-4: 24px;--d-pad-5: 32px;--d-radius: 14px;--d-radius-sm: 8px;--d-radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(8, 28, 18, .06);--shadow-md: 0 4px 14px rgba(8, 28, 18, .08), 0 1px 3px rgba(8, 28, 18, .06);--shadow-lg: 0 18px 40px rgba(8, 28, 18, .14), 0 4px 10px rgba(8, 28, 18, .08);--shadow-glow: 0 8px 30px rgba(16, 185, 129, .35)}[data-theme=dark]{--bg: #07120d;--bg-elev: #0e1c15;--bg-card: #122319;--bg-subtle: #182c21;--fg: #ecf6f0;--fg-muted: #a7b8ad;--fg-faint: #7a8a80;--border: #1e3328;--border-strong: #2a4434;--primary: var(--pitch-400);--primary-fg: #06160e;--primary-soft: #0f3a26;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px rgba(0,0,0,.5);--shadow-lg: 0 24px 60px rgba(0,0,0,.6);--shadow-glow: 0 8px 30px rgba(52, 211, 153, .4)}[data-density=compact]{--d-pad-1: 6px;--d-pad-2: 8px;--d-pad-3: 12px;--d-pad-4: 18px;--d-pad-5: 24px;--d-radius: 10px;--d-radius-sm: 6px;--d-radius-lg: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.app-root{min-height:100vh;background:var(--bg);color:var(--fg);display:grid;grid-template-columns:240px 1fr}.app-root.no-rail{grid-template-columns:1fr}@media(max-width:880px){.app-root{grid-template-columns:1fr}.side-rail{display:none!important}}.side-rail{position:sticky;top:0;height:100vh;background:var(--bg-elev);border-right:1px solid var(--border);padding:var(--d-pad-4) var(--d-pad-3);display:flex;flex-direction:column;gap:var(--d-pad-3);z-index:20}.side-rail .brand{display:flex;align-items:center;gap:10px;padding:0 8px 8px}.side-rail .brand-mark{width:36px;height:36px;border-radius:10px;background:var(--primary);color:var(--primary-fg);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:18px;position:relative;overflow:hidden}.side-rail .brand-mark:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(255,255,255,.08) 6px 12px)}.side-rail .brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em}.side-rail .brand-name span{color:var(--primary)}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);padding:8px 12px 4px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--d-radius-sm);color:var(--fg-muted);text-decoration:none;border:0;background:transparent;width:100%;font-size:14px;font-weight:500;cursor:pointer;text-align:left;position:relative}.nav-item:hover{background:var(--bg-subtle);color:var(--fg)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item .icon{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center}.nav-item .badge-count{margin-left:auto;background:var(--accent-magenta);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.app-main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:15;background:color-mix(in oklab,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--d-pad-3) var(--d-pad-5);display:flex;align-items:center;gap:var(--d-pad-3)}.topbar .page-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.topbar .spacer{flex:1}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid transparent;border-radius:999px;padding:8px 14px;width:280px;transition:border .15s}.search-box:focus-within{border-color:var(--primary);background:var(--bg-elev)}.search-box input{border:0;background:transparent;outline:none;flex:1;color:var(--fg);font-size:14px}.search-box input::placeholder{color:var(--fg-faint)}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);display:grid;place-items:center;color:var(--fg-muted);position:relative}.icon-btn:hover{background:var(--bg-subtle);color:var(--fg)}.icon-btn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent-magenta);box-shadow:0 0 0 2px var(--bg-elev)}.page{padding:var(--d-pad-5);max-width:1400px;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;transition:transform .08s,box-shadow .15s,background .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--fg-muted)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--fg)}.btn-danger{background:var(--accent-magenta);color:#fff}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}.btn-lg{padding:14px 24px;font-size:15px;border-radius:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius);padding:var(--d-pad-4);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--d-pad-3)}.card-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-subtle);color:var(--fg-muted);border:1px solid var(--border)}.chip.primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.chip.magenta{background:color-mix(in oklab,var(--accent-magenta) 18%,transparent);color:var(--accent-magenta);border-color:transparent}.chip.amber{background:color-mix(in oklab,var(--accent-amber) 22%,transparent);color:#b45309;border-color:transparent}.chip.cobalt{background:color-mix(in oklab,var(--accent-cobalt) 18%,transparent);color:var(--accent-cobalt);border-color:transparent}[data-theme=dark] .chip.amber{color:var(--accent-amber)}.stat{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sticker{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s,box-shadow .15s;user-select:none}.sticker:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sticker.empty{background:repeating-linear-gradient(-45deg,var(--bg-subtle) 0 6px,var(--bg-card) 6px 12px);border:1px dashed var(--border-strong)}.sticker.owned{box-shadow:var(--shadow-sm)}.sticker.duplicate{box-shadow:0 0 0 2px var(--accent-amber),var(--shadow-sm)}.sticker.legendary{box-shadow:0 0 0 2px var(--accent-magenta),var(--shadow-md)}.sticker .sticker-body{flex:1;background:linear-gradient(160deg,var(--team-color, var(--pitch-500)),color-mix(in oklab,var(--team-color, var(--pitch-500)) 60%,black));position:relative;overflow:hidden}.sticker .sticker-body:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%)}.sticker .sticker-body:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,255,255,.04) 14px 28px)}.sticker .number{position:absolute;top:6px;left:8px;font-family:var(--font-display);font-size:11px;font-weight:700;color:#ffffffd9;background:#00000040;padding:2px 6px;border-radius:4px;z-index:2}.sticker .empty-number{font-family:var(--font-mono);font-size:13px;color:var(--fg-faint);font-weight:600}.sticker.empty{display:grid;place-items:center}.sticker .player-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-family:var(--font-display);font-size:38px;font-weight:800;color:#fffffff2;letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.3);z-index:1}.sticker .player-name{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fffffff2;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:0 4px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.4)}.sticker .sticker-foot{background:#fff;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;border-top:2px solid var(--team-color, var(--pitch-500))}.sticker .sticker-foot .flag{width:14px;height:10px;border-radius:1px;background:var(--team-color, var(--pitch-500))}.sticker .dup-pill{position:absolute;top:6px;right:6px;background:var(--accent-amber);color:#4a2900;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;z-index:3;box-shadow:0 2px 6px #0003}.sticker .leg-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(236,72,153,.25) 50%,transparent 70%);background-size:200% 200%;animation:shine 3.5s ease-in-out infinite;z-index:2;pointer-events:none}@keyframes shine{0%,to{background-position:200% 200%}50%{background-position:0% 0%}}.sticker.variant-flat .sticker-body{background:var(--team-color, var(--pitch-500))}.sticker.variant-flat .sticker-body:before,.sticker.variant-flat .sticker-body:after{display:none}.sticker.variant-flat .sticker-foot{background:var(--bg-elev);color:var(--fg);border-top:0}.sticker.variant-photo .sticker-body{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4)),repeating-linear-gradient(0deg,var(--team-color, var(--pitch-500)) 0 8px,color-mix(in oklab,var(--team-color, var(--pitch-500)) 70%,black) 8px 16px)}.sticker.variant-photo .player-glyph{font-size:42px;background:#ffffff26;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}[data-density=compact] .sticker-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:var(--fg);flex-shrink:0;position:relative;overflow:hidden}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.xl{width:96px;height:96px;font-size:32px}.avatar .verify-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--accent-cobalt);border:2px solid var(--bg-card);display:grid;place-items:center;color:#fff;font-size:8px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--fg)}.field .hint{font-size:12px;color:var(--fg-muted)}.field input,.field textarea,.field select{padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elev);color:var(--fg);font-size:14px;outline:none;transition:border .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field .err{font-size:12px;color:var(--accent-magenta);font-weight:600}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--d-pad-4)}.tab{padding:10px 16px;background:transparent;border:0;color:var(--fg-muted);font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.tabs{flex-wrap:wrap}.tab:hover{color:var(--fg)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab .count{background:var(--bg-subtle);color:var(--fg-muted);font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px}.tab.active .count{background:var(--primary-soft);color:var(--primary)}.divider{height:1px;background:var(--border);margin:var(--d-pad-3) 0}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--fg-muted)}.tiny{font-size:12px}.bold{font-weight:700}.mono{font-family:var(--font-mono)}.match-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--d-pad-3);align-items:center;padding:var(--d-pad-3);border:1px solid var(--border);border-radius:var(--d-radius);background:var(--bg-card);transition:border-color .15s,box-shadow .15s}.match-row:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.match-side{display:flex;flex-direction:column;gap:8px}.match-side h4{margin:0;font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.match-stickers{display:flex;gap:6px;flex-wrap:wrap}.match-stickers .sticker{width:56px;aspect-ratio:3/4}.match-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--primary);font-family:var(--font-display)}.match-score{font-size:32px;font-weight:800;line-height:1;background:var(--primary-soft);color:var(--primary);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;position:relative}.match-score:after{content:"";position:absolute;inset:-4px;border:2px dashed var(--primary);border-radius:50%;opacity:.4;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.match-row.variant-stack{grid-template-columns:1fr;gap:var(--d-pad-2)}.match-row.variant-stack .match-arrow{flex-direction:row;justify-content:center}.match-row.variant-card{display:block;position:relative;padding:var(--d-pad-4);background:linear-gradient(135deg,var(--primary-soft),var(--bg-card));border:0;box-shadow:var(--shadow-md)}.chat-wrap{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 80px);border:1px solid var(--border);border-radius:var(--d-radius);overflow:hidden;background:var(--bg-card)}.chat-list{border-right:1px solid var(--border);overflow-y:auto}.chat-list-item{padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;cursor:pointer;border-bottom:1px solid var(--border)}.chat-list-item:hover{background:var(--bg-subtle)}.chat-list-item.active{background:var(--primary-soft)}.chat-list-item .who{font-size:14px;font-weight:600}.chat-list-item .preview{font-size:12px;color:var(--fg-muted);margin-top:2px}.chat-list-item .time{font-size:11px;color:var(--fg-faint)}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 20% 10%,color-mix(in oklab,var(--primary) 8%,transparent),transparent 50%),var(--bg)}.bubble{max-width:70%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4}.bubble.them{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble.me{align-self:flex-end;background:var(--primary);color:var(--primary-fg);border-bottom-right-radius:4px}.bubble .time{font-size:10px;opacity:.7;margin-top:4px;text-align:right}.bubble.system{align-self:center;background:var(--bg-subtle);color:var(--fg-muted);font-size:12px;padding:6px 12px;border-radius:999px}.chat-input{border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px;background:var(--bg-card)}.chat-input input{flex:1;padding:10px 16px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-subtle);color:var(--fg);outline:none;font-size:14px}.chat-input input:focus{border-color:var(--primary)}.trade-panel{align-self:stretch;background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--d-radius);padding:var(--d-pad-3);box-shadow:var(--shadow-md);position:relative}.trade-panel:before{content:"PROPUESTA DE INTERCAMBIO";position:absolute;top:-10px;left:16px;background:var(--primary);color:var(--primary-fg);font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:4px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--d-pad-3)}.listing{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius);overflow:hidden;transition:border-color .15s,transform .15s;display:flex;flex-direction:column}.listing:hover{border-color:var(--primary);transform:translateY(-2px)}.listing-thumb{aspect-ratio:3 / 4;padding:16px;display:grid;place-items:center;background:var(--bg-subtle)}.listing-thumb .sticker{width:80%}.listing-info{padding:14px;display:flex;flex-direction:column;gap:6px}.listing-name{font-weight:700;font-size:14px}.listing-meta{font-size:12px;color:var(--fg-muted);display:flex;gap:6px;align-items:center}.listing-price{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--primary)}.listing-actions{display:flex;gap:6px;padding:0 14px 14px}.onb-stage{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 90% 10%,color-mix(in oklab,var(--primary) 18%,transparent),transparent 50%),radial-gradient(circle at 10% 90%,color-mix(in oklab,var(--accent-magenta) 12%,transparent),transparent 50%),var(--bg)}.onb-card{width:100%;max-width:540px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius-lg);padding:40px;box-shadow:var(--shadow-lg)}.onb-step-track{display:flex;gap:6px;margin-bottom:24px}.onb-step-track .pip{flex:1;height:4px;border-radius:2px;background:var(--border)}.onb-step-track .pip.active{background:var(--primary)}.onb-step-track .pip.done{background:var(--primary);opacity:.5}.hero{background:linear-gradient(135deg,var(--pitch-700),var(--pitch-900));color:#fff;border-radius:var(--d-radius-lg);padding:var(--d-pad-5);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 24px,rgba(255,255,255,.04) 24px 25px)}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent-amber),transparent 70%);opacity:.4}.hero-content{position:relative;z-index:1}.hero h1{font-family:var(--font-display);font-size:36px;font-weight:800;margin:0 0 8px;letter-spacing:-.03em;line-height:1.05}.hero p{margin:0 0 18px;opacity:.9;max-width:440px}.progress-ring{--p: 0;--size: 100px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(#fff calc(var(--p) * 1%),#fff3 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--pitch-800)}.progress-ring .pct{position:relative;font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff}.auth-stage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}@media(max-width:880px){.auth-stage{grid-template-columns:1fr}.auth-art{display:none}}.auth-art{background:linear-gradient(135deg,var(--pitch-700),var(--pitch-950));position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.auth-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,color-mix(in oklab,var(--accent-amber) 50%,transparent),transparent 40%),radial-gradient(circle at 20% 80%,color-mix(in oklab,var(--accent-magenta) 40%,transparent),transparent 40%)}.auth-art-content{position:relative;z-index:1;padding:60px;max-width:520px}.floating-stickers{position:absolute;inset:0;z-index:0}.floating-stickers .fs{position:absolute;width:90px;aspect-ratio:3/4;border-radius:8px;background:var(--team-color);box-shadow:0 20px 50px #0006;transform:rotate(var(--rot)) translate(var(--x),var(--y));opacity:.92;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:22px;border:3px solid white;animation:bob 6s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes bob{0%,to{transform:rotate(var(--rot)) translate(var(--x),var(--y))}50%{transform:rotate(calc(var(--rot) + 2deg)) translate(var(--x),calc(var(--y) - 8px))}}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:100%;max-width:380px}.auth-form h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.auth-form .sub{color:var(--fg-muted);margin:0 0 24px}.swipe-stack-wrap{display:grid;grid-template-columns:1fr;gap:24px;max-width:480px;margin:0 auto}.swipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius-lg);padding:24px;box-shadow:var(--shadow-lg);position:relative}.team-section{margin-bottom:var(--d-pad-5)}.team-section-header{display:flex;align-items:center;gap:12px;margin-bottom:var(--d-pad-3);padding-bottom:var(--d-pad-2);border-bottom:1px solid var(--border)}.team-flag-bar{width:6px;height:28px;border-radius:3px;background:var(--team-color)}.team-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em}.team-progress{margin-left:auto;font-size:12px;color:var(--fg-muted);font-family:var(--font-mono)}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:var(--ink-950);color:#fff;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .3s ease;max-width:320px}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-banner{height:160px;background:linear-gradient(135deg,var(--pitch-600),var(--accent-cobalt));border-radius:var(--d-radius-lg) var(--d-radius-lg) 0 0;position:relative;overflow:hidden}.profile-banner:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 18px,rgba(255,255,255,.06) 18px 19px)}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius-lg);overflow:hidden;margin-bottom:var(--d-pad-4)}.profile-body{padding:0 var(--d-pad-4) var(--d-pad-4);margin-top:-48px;position:relative}.profile-stars{display:inline-flex;gap:2px;align-items:center;color:var(--accent-amber)}.empty-state{text-align:center;padding:60px 20px;color:var(--fg-muted)}.empty-state h3{margin:12px 0 6px;font-family:var(--font-display);color:var(--fg);font-size:18px}.auction-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--d-radius);padding:var(--d-pad-3)}.auction-timer{font-family:var(--font-mono);font-weight:700;color:var(--accent-magenta);font-size:13px}.seg-control{display:inline-flex;background:var(--bg-subtle);border-radius:10px;padding:3px;gap:2px}.seg-control button{padding:8px 14px;border:0;background:transparent;color:var(--fg-muted);border-radius:7px;font-size:13px;font-weight:600}.seg-control button.active{background:var(--bg-card);color:var(--fg);box-shadow:var(--shadow-sm)}.team-nav-bar{position:sticky;top:56px;z-index:12;margin:16px -8px 0;padding:0 8px;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.team-nav-bar-inner{display:flex;gap:6px;overflow-x:auto;padding:10px 4px;scrollbar-width:thin}.team-nav-bar-inner::-webkit-scrollbar{height:4px}.team-nav-bar-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.team-nav-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);cursor:pointer;font-size:12px;font-weight:600;color:var(--fg);white-space:nowrap;flex-shrink:0;transition:border-color .15s,background .15s}.team-nav-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.team-nav-bar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.team-nav-chip-code{font-family:var(--font-mono, monospace);letter-spacing:.5px}.team-nav-chip-pct{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:11px}@media(max-width:880px){.team-nav-bar{top:0;margin:12px -12px 0;padding:0 12px}}.donate-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent-amber) 18%,var(--bg-card)),color-mix(in oklab,var(--primary) 12%,var(--bg-card)));border:1px solid color-mix(in oklab,var(--accent-amber) 35%,transparent)}.donate-banner-icon{font-size:28px;flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm)}.donate-banner-text{flex:1;font-size:14px;line-height:1.5;color:var(--fg)}.donate-banner-text b{color:var(--fg);font-weight:700}.donate-banner-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}@media(max-width:720px){.donate-banner{flex-direction:column;align-items:flex-start;gap:10px}.donate-banner-actions{width:100%;justify-content:space-between}}.hide-mobile{display:initial}.show-mobile{display:none}@media(max-width:880px){.hide-mobile{display:none}.show-mobile{display:initial}.page{padding:var(--d-pad-3);padding-bottom:calc(var(--d-pad-3) + 72px)}.hero h1{font-size:24px}.stat-value{font-size:28px}}.bottom-nav{display:none}@media(max-width:880px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg-elev);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 12px #00000014}.bottom-nav-item{flex:1;max-width:80px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;border:0;background:transparent;cursor:pointer;color:var(--fg-muted);font-size:10px;font-weight:600;transition:color .15s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item .icon-wrap{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;transition:background .15s}.bottom-nav-item.active .icon-wrap{background:var(--primary-soft)}.bottom-nav-item .badge-dot{position:absolute;top:4px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--accent-magenta)}}.chat-back-btn{display:none}@media(max-width:880px){.topbar{padding:12px var(--d-pad-3)}.topbar .page-title{font-size:16px}.match-row{grid-template-columns:1fr;gap:var(--d-pad-2)}.match-row .match-arrow{flex-direction:row;justify-content:center;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.match-row .match-side:last-child{align-items:stretch!important}.match-row .match-side:last-child .match-stickers{justify-content:flex-start!important}.chat-wrap{grid-template-columns:1fr;height:calc(100vh - 200px)}.chat-wrap[data-active=true] .chat-list{display:none}.chat-wrap:not([data-active=true]) .chat-main{display:none}.chat-back-btn{display:grid}.tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap}.tabs::-webkit-scrollbar{display:none}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.listing-actions{flex-wrap:wrap}.listing-actions .btn{flex:1 0 100%!important}.search-box{width:100%!important}.hero{padding:var(--d-pad-3)}.hero-content{grid-template-columns:1fr!important;gap:16px!important}.progress-ring{margin:0 auto}.auth-form-wrap{padding:24px 20px!important}.user-menu-mobile{position:absolute;top:56px;right:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:var(--shadow-md);z-index:30;min-width:200px}}