/* Profile activity, earned collections, wallets, and reward offers. */
.reward-pill{font-size:0.75rem;color:var(--accent);font-weight:600;background:transparent;padding:0;border-radius:20px;white-space:nowrap}
.profile-panel{position:relative;background:var(--surface)}
.profile-hero{display:flex;align-items:center;gap:20px}
.profile-hero h1{font-size:1.8125rem;overflow-wrap:anywhere}
.profile-hero .eyebrow{display:none}
.avatar{width:73px;height:73px;flex:none;display:grid;place-items:center;border-radius:20px;background:var(--blue-soft);color:var(--accent);font-size:2.0625rem;font-weight:650}
.signal-frame{outline:3px solid var(--accent);outline-offset:5px;box-shadow:0 0 25px #1264d919}
.level-pill{display:inline-flex;color:var(--accent);font-size:0.75rem;font-weight:600;margin-top:8px;background:var(--blue-soft);padding:5px 9px;border-radius:20px}
.profile-actions{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:17px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);border-bottom:1px solid var(--line);padding:25px 0;margin-top:4px}
.profile-stats b{display:block;font-size:2.125rem;font-weight:650;letter-spacing:-.04em;line-height:1.1}
.profile-stats span{font-size:0.8125rem;color:var(--muted);display:block;margin-top:7px}
.profile-counts{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px;font-size:0.75rem;color:var(--muted)}
.profile-panel>.microcopy{font-size:0.75rem;max-width:500px}
.wallet-strip{display:flex;gap:26px;align-items:center;padding:var(--space-1) 6px 27px}
.wallet-strip>div{display:grid;grid-template-columns:18px auto;align-items:center;gap:1px var(--space-2)}
.wallet-strip .icon{width:16px;color:var(--accent)}
.wallet-strip b{font-weight:600;font-size:1.1875rem}
.wallet-strip span{grid-column:2;color:var(--muted);font-size:0.75rem}
.wallet-strip>.text-btn{margin-left:auto;min-height:44px;font-size:0.8125rem}
.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.badge-card{padding:18px var(--space-3);text-align:center;border-radius:12px;background:transparent;border:1px solid var(--line);overflow-wrap:anywhere}
.badge-mark{width:48px;height:48px;margin:0 auto 14px;border-radius:12px;display:grid;place-items:center;background:transparent;color:#7e8da3}
.badge-mark .icon{width:25px;height:25px}
.badge-card h3{font-size:0.75rem;letter-spacing:-.01em}
.badge-card p{font-size:0.75rem;color:var(--muted);margin:var(--space-2) 0 11px;line-height:1.4;min-height:28px}
.badge-card>span{font-size:0.75rem;color:var(--muted)}
.badge-card.unlocked{background:#eff6ff;border-color:#b5d2fa}
.badge-card.unlocked .badge-mark{background:transparent;color:white;box-shadow:0 5px 15px #1264d92b;border-radius:12px}
.badge-card.unlocked>span{color:var(--accent)}
.special-badge{font-size:0.75rem;background:var(--blue-soft);border-radius:13px;padding:13px;color:var(--accent);margin-top:15px}
.level-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:0.75rem}
.level-list span,.level-list small{color:var(--muted);font-size:0.75rem}
.level-list b{font-weight:600}
.level-list .current{color:var(--accent)}
.early-access{margin-top:18px;font-size:0.75rem}
.early-access summary{padding:10px 0;color:var(--accent);cursor:pointer}
.report-grid{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}
.report-grid b,.report-grid span{display:block}
.report-grid span{font-size:0.75rem;color:var(--muted)}
.submission-list{display:grid;gap:18px}
.submission{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.submission-photo{background:#f1f4f9}
.submission-photo>img{width:100%;aspect-ratio:4/5;object-fit:cover}
.own-score{display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);background:white}
.own-score b{color:var(--accent);font-size:1.875rem;letter-spacing:-.04em;font-weight:650}
.own-score span{font-size:0.75rem;color:var(--muted)}
.submission-body{padding:20px}
.submission-body>p{font-size:0.75rem;color:var(--muted);margin-top:7px}
.submission-actions{display:flex;gap:var(--space-2);margin-top:17px}
.submission-actions>.btn{flex:1;border-radius:var(--radius-control);font-size:0.875rem;min-height:48px}
.submission-actions>.btn::part(base){font-size:0.875rem;padding-inline:var(--space-3);border-radius:var(--radius-control);min-height:48px}
.submission-links{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.submission-links>.text-btn{font-size:0.8125rem;min-height:44px}
.fresh-score{color:var(--accent)!important}
.spotlight-label{display:flex;align-items:center;gap:7px;color:var(--accent)!important}
.spotlight-label .icon{width:15px;height:15px}
.pinned-setup{display:flex;align-items:center;gap:var(--space-4)}
.pinned-setup img{width:85px;height:100px;object-fit:cover;border-radius:16px}
.pinned-setup p{font-size:0.75rem;color:var(--muted);margin-top:7px}
.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.saved-card{border:1px solid var(--line);border-radius:18px;padding:0;background:white;overflow:hidden;text-align:left;color:var(--text)}
.saved-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.saved-card>div{padding:15px}
.saved-card h3{font-size:0.875rem}
.saved-card span{display:block;font-size:0.75rem;color:var(--muted);margin-top:6px}
.saved-grid>.empty-state{grid-column:1/-1}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);margin:0;font-size:0.75rem}
.toggle-row input{width:21px;height:21px;accent-color:var(--accent)}
.toggle-row+.microcopy{margin:14px 0}
.toggle-row wa-switch{display:block}
.reward-hero{position:relative;padding:3px 0 25px;overflow:hidden}
.reward-hero h1{font-size:2.125rem;line-height:1.05}
.wallet-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:20px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:none}
.wallet-panel>div+div{border-left:0;padding-left:0}
.wallet-panel span{font-size:0.875rem;color:var(--muted)}
.wallet-panel b{display:block;color:var(--accent);font-size:3.1875rem;line-height:1.15;letter-spacing:-.05em;font-weight:650;margin-top:7px}
.wallet-panel small{font-size:0.75rem;color:var(--muted);display:block;margin-top:6px}
.exchange-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 var(--space-6);padding:20px;background:var(--surface);border:1px solid #e7edf5;border-radius:16px}
.exchange-panel h3{font-size:0.875rem}
.exchange-panel p{font-size:0.8125rem;color:var(--muted);margin-top:6px;max-width:450px}
.exchange-panel .btn{flex:none;border-radius:var(--radius-control);font-size:0.875rem;min-height:48px}
.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}
.reward-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:none;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start}
.reward-art{display:grid;place-items:center;height:48px;position:relative;background:var(--blue-soft);color:var(--accent);width:48px;margin:20px 0 0 var(--space-4);border-radius:12px}
.reward-art>.icon{width:26px;height:26px;stroke-width:1.7}
.reward-theme .reward-art{background:#e8f4ff;height:48px;width:48px;margin:20px 0 0 var(--space-4);border-radius:12px}
.reward-frame .reward-art>.icon{display:none;width:26px;height:26px;stroke-width:1.7}
.frame-preview{display:grid;place-items:center;width:34px;height:34px;background:white;border-radius:9px;border:2px solid var(--accent);outline:3px solid var(--accent);outline-offset:5px;font-size:1.125rem;font-weight:650;box-shadow:none}
.reward-body{padding:20px var(--space-4) 20px 0}
.reward-body .eyebrow{display:none}
.reward-body h3{font-size:1.0625rem}
.reward-body p{font-size:0.875rem;color:var(--muted);margin-top:6px;min-height:0}
.reward-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:12px;flex-direction:row}
.reward-footer b{font-size:0.75rem;font-weight:600}
.reward-footer .btn::part(base){min-height:44px;font-size:0.8125rem;padding-inline:13px;border-radius:var(--radius-control)}
.reward-footer .btn{min-height:44px;border-radius:var(--radius-control);font-size:0.875rem}
.compact-label{font-size:0.75rem;margin-top:12px}
.compact-label select{font-size:0.75rem;padding:9px;min-height:40px}
.tournament-score b{display:block;color:var(--accent);font-size:3.4375rem;font-weight:650;letter-spacing:-.05em}
.tournament-score span{font-size:0.75rem;color:var(--muted)}
.plus-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 0;padding:var(--space-5);background:#0e3980;color:#fff;border-radius:20px;box-shadow:none}
.plus-panel .eyebrow{color:#e1ecff}
.plus-panel h2{font-size:1.75rem;margin-top:0;letter-spacing:-.045em}
.plus-panel p{font-size:0.875rem;color:#e3edff;max-width:400px;margin:10px 0 var(--space-4)}
.plus-panel b{font-size:1.875rem;font-weight:600;letter-spacing:-.04em}
.plus-panel small{font-size:0.75rem;font-weight:400;letter-spacing:0}
.plus-panel .btn.primary::part(base){background:#fff;border-color:#fff;color:#0b54bc;box-shadow:none}
.credit-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:var(--space-3)}
.credit-pack{display:flex;flex-direction:column;align-items:center;padding:23px var(--space-3);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
.credit-pack .icon{color:var(--accent);width:22px;height:22px}
.credit-pack b{font-size:2rem;letter-spacing:-.04em;font-weight:650;margin-top:15px}
.credit-pack span{font-size:0.75rem;color:var(--muted);margin-top:3px}
.credit-pack strong{font-size:0.8125rem;font-weight:600;margin-top:16px;color:var(--accent)}
.economy-note{display:none}
@media(min-width:1000px){
  .profile-panel{padding:var(--space-6);background:var(--surface)}
}
@media(max-width:850px){
  .reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .submission{grid-template-columns:150px 1fr}
}
@media(max-width:650px){
  .reward-pill{font-size:0.75rem;padding:0;background:transparent;white-space:nowrap}
  .profile-hero{gap:17px}
  .profile-hero h1{font-size:1.5625rem}
  .avatar{width:63px;height:63px;border-radius:20px;font-size:1.8125rem;background:var(--blue-soft)}
  .profile-actions .text-btn{font-size:0.8125rem;min-height:44px}
  .profile-stats{gap:10px;padding:22px 0}
  .profile-stats b{font-size:1.9375rem}
  .profile-stats span{font-size:0.8125rem}
  .profile-panel>.progress-row{align-items:start;flex-direction:column;gap:5px}
  .profile-counts{gap:13px;font-size:0.75rem}
  .wallet-strip{gap:var(--space-3);padding-bottom:23px}
  .wallet-strip .text-btn{font-size:0.8125rem;min-height:44px}
  .wallet-strip b{font-size:1.125rem}
  .wallet-strip span{font-size:0.75rem}
  .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .badge-card{padding:17px 11px;background:transparent;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
  .badge-card h3{font-size:0.75rem}
  .badge-card p{font-size:0.75rem}
  .level-list b{font-size:0.75rem}
  .level-list small{font-size:0.75rem}
  .submission{grid-template-columns:1fr;border-radius:20px}
  .submission-photo>img{aspect-ratio:4/3;max-height:300px;object-fit:contain}
  .own-score{padding:11px var(--space-4)}
  .submission-body{padding:var(--space-4)}
  .submission-actions{flex-direction:column}
  .submission-links .text-btn{font-size:0.8125rem;min-height:44px}
  .saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .saved-card h3{font-size:0.8125rem}
  .saved-card>div{padding:var(--space-3)}
  .saved-card span{font-size:0.75rem}
  .pinned-setup img{width:75px;height:90px}
  .reward-hero{padding:0 0 20px}
  .reward-hero h1{font-size:1.9375rem}
  .wallet-panel{padding:20px;gap:13px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
  .wallet-panel>div+div{padding-left:0;border-left:0}
  .wallet-panel b{font-size:2.6875rem}
  .wallet-panel span{font-size:0.875rem}
  .wallet-panel small{font-size:0.75rem}
  .exchange-panel{display:block;padding:17px;border-radius:16px;margin-bottom:25px}
  .exchange-panel h3{font-size:0.8125rem}
  .exchange-panel p{font-size:0.8125rem}
  .exchange-panel .btn{width:100%;margin-top:14px;border-radius:var(--radius-control);font-size:0.875rem;min-height:48px}
  .reward-grid{gap:var(--space-3);grid-template-columns:1fr}
  .reward-card{border-radius:16px;display:grid;grid-template-columns:72px minmax(0,1fr);background:var(--surface);box-shadow:none;border:1px solid var(--line);align-items:start}
  .reward-art{height:48px;width:48px;margin:20px 0 0 var(--space-4);border-radius:12px;background:var(--blue-soft)}
  .reward-art>.icon{width:26px;height:26px;stroke-width:1.7}
  .frame-preview{width:34px;height:34px;border-radius:9px;font-size:1.125rem;border:2px solid var(--accent);box-shadow:none;background:white}
  .reward-body{padding:20px var(--space-4) 20px 0}
  .reward-body h3{font-size:1.0625rem}
  .reward-body p{font-size:0.875rem;min-height:0;margin-top:6px;line-height:1.5}
  .reward-footer{flex-direction:row;align-items:center;gap:var(--space-3);margin-top:12px}
  .reward-footer>b{font-size:0.8125rem}
  .reward-footer>.text-btn{justify-content:center;min-height:44px;font-size:0.8125rem}
  .reward-body>.text-btn{font-size:0.75rem;min-height:44px}
  .plus-panel{padding:var(--space-5);flex-direction:column;align-items:stretch;gap:20px;border-radius:20px;background:#0e3980;box-shadow:none}
  .plus-panel h2{font-size:1.75rem;margin-top:0}
  .plus-panel p{font-size:0.875rem;margin:10px 0 var(--space-4)}
  .plus-panel .btn{width:100%;border-radius:var(--radius-control);font-size:0.875rem;min-height:48px}
  .credit-packs{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}
  .credit-pack{padding:19px 9px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
  .credit-pack b{font-size:1.75rem}
  .credit-pack span{font-size:0.75rem}
  .plus-panel .eyebrow{display:none}
}

.wallet-panel>div{min-width:0;overflow-wrap:anywhere}