.pprof,.pprof-backdrop{--pprof-page: var(--theme-bg-primary, #ffffff);--pprof-glass: rgba(255, 255, 255, .94);--pprof-glass-border: rgba(0, 0, 0, .08);--pprof-glass-inset: rgba(255, 255, 255, .7);--pprof-glow: rgba(0, 166, 156, .28);--pprof-tile: rgba(15, 23, 42, .04);--pprof-tile-border: rgba(15, 23, 42, .1);--pprof-chip: rgba(15, 23, 42, .05);--pprof-ink: #1f2937;--pprof-ink-2: #4a5568;--pprof-ink-3: #5b6778;--pprof-teal: #007d72;--pprof-gold: #946c06;--pprof-win: #0d7a63;--pprof-loss: #b8332c;--pprof-tie: #6d4fd6;--pprof-brand: var(--gradient-brand, linear-gradient(135deg, #00a69c 0%, #0068ba 100%));--pprof-font-brand: var(--font-brand, "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--pprof-sticky-top: calc(var(--nav-height, 68px) + 16px);--pprof-backdrop-height: 420px}[data-bs-theme=dark] .pprof,[data-bs-theme=dark] .pprof-backdrop{--pprof-glass: rgba(15, 15, 20, .92);--pprof-glass-border: rgba(255, 255, 255, .08);--pprof-glass-inset: rgba(255, 255, 255, .05);--pprof-glow: #00a69c;--pprof-tile: rgba(255, 255, 255, .04);--pprof-tile-border: rgba(255, 255, 255, .1);--pprof-chip: rgba(255, 255, 255, .07);--pprof-ink: #f1f5f9;--pprof-ink-2: #cbd5e1;--pprof-ink-3: #94a3b8;--pprof-teal: #2dd4c4;--pprof-gold: #f3c547;--pprof-win: #34d399;--pprof-loss: #f87171;--pprof-tie: #a78bfa}.pprof-backdrop{position:relative;z-index:0;height:var(--pprof-backdrop-height);margin-bottom:calc(-1 * var(--pprof-backdrop-height));overflow:hidden;pointer-events:none}.pprof-backdrop__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.04);filter:blur(2px)}.pprof-backdrop.is-fallback:before{content:"";position:absolute;inset:0;background:var(--pprof-brand);opacity:.5}.pprof-backdrop__fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,20,.35) 0%,rgba(10,12,20,.6) 30%,var(--pprof-page) 58%)}.pprof{position:relative;z-index:1;padding:24px 0 40px;color:var(--pprof-ink)}.pprof-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:start}.pprof-side{min-width:0;height:100%}.pprof-side__sticky{position:sticky;top:var(--pprof-sticky-top);display:flex;flex-direction:column;gap:12px}.pprof-main{display:flex;flex-direction:column;gap:24px;min-width:0}.pprof-slot{min-width:0;scroll-margin-top:calc(var(--nav-height, 68px) + 16px)}.pprof-slot:empty{display:none}.pprof-slot>*>.trophy-section,.pprof-slot .feed-section{margin-bottom:0}.pprof .player-popup-card--redesign.ppr-card--profile{position:relative;width:100%;border:1px solid var(--ppr-glass-border);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.pprof .ppr-card--profile .ppr__head{position:relative}.pprof .ppr-card--profile .ppr__art{height:96px}.pprof .ppr-card--profile .ppr__identity{padding:0 20px}.pprof .ppr-card--profile .pprof-avatar.ppr__avatar.is-lg{width:88px;height:88px;font-size:30px}.pprof .ppr-card--profile .pprof-avatar img,.pprof .ppr-card--profile .pprof-avatar .ppr__avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.pprof .ppr-card--profile .ppr__body{display:flex;flex-direction:column;gap:14px;padding:12px 20px 20px;overflow:visible;-webkit-mask-image:none;mask-image:none}.pprof .ppr-card--profile .ppr__who{flex:none;padding-bottom:0}.pprof .ppr-card--profile .ppr__name{font-size:30px;line-height:1.05}.pprof .ppr-card--profile .ppr__meta{margin-top:10px;gap:8px 12px}.pprof .ppr-card--profile .pprof-meta{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--ppr-ink-3)}.pprof .ppr-card--profile .pprof-meta i{font-size:12px}.pprof .ppr-card--profile .pprof-meta__emblem{width:14px;height:14px;object-fit:contain}.pprof .ppr-card--profile .ppr__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pprof .ppr-card--profile .ppr__tile{padding:14px 12px 12px}.pprof .ppr-card--profile .ppr__tile-lbl{font-size:10.5px}.pprof .ppr-card--profile .ppr__tile-v{font-size:32px}.pprof .ppr-card--profile .ppr__tile-scope{font-size:11px}.pprof-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pprof-actions .friend-action-container{display:inline-flex;gap:6px}.pprof-actions .friend-action-container.d-none{display:none}.pprof-actions .friend-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(0,166,156,.4);background:#00a69c24;color:var(--ppr-teal);font-family:var(--ppr-font-brand);font-size:13px;font-weight:700;line-height:1.15;box-shadow:none;transform:none}.pprof-actions .friend-action-btn:hover{background:#00a69c38;color:var(--ppr-teal)}.pprof-actions .friend-action-btn--pending,.pprof-actions .friend-action-btn--decline{background:transparent;color:var(--ppr-ink-2);border-color:var(--ppr-tile-border)}.pprof-actions .friend-action-btn--accept{background:var(--ppr-brand);color:#fff;border-color:transparent}.pprof .ppr-card--profile .ppr-btn:focus-visible{outline:2px solid var(--ppr-teal);outline-offset:2px}.pprof-tagcard{position:absolute;top:14px;right:16px;z-index:2;width:56px;aspect-ratio:9 / 16;border-radius:6px;transform:rotate(5deg);box-shadow:0 6px 16px #00000073,0 0 0 1px #ffffff26}.pprof-tagcard img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.pprof-tagcard__num{position:absolute;top:-8px;right:-8px;padding:2px 7px;border-radius:999px;background:#f3c547;color:#1a1a1a;font-family:var(--pprof-font-brand);font-size:12px;font-weight:800;box-shadow:0 2px 6px #0006}.pprof .ppr-card--profile .ppr__art{overflow:visible}.pprof .ppr-card--profile .ppr__art-img,.pprof .ppr-card--profile .ppr__art .profile-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}.pprof .pprof-art-controls{top:12px;left:12px;z-index:3}.pprof-own-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--ppr-ink-3)}.pprof-jump{display:flex;flex-direction:column;gap:2px;padding:6px 4px}.pprof-jump a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--pprof-ink-2);text-decoration:none}.pprof-jump a i{width:16px;text-align:center;font-size:12px;color:var(--pprof-ink-3)}.pprof-jump a:hover,.pprof-jump a.is-on{background:var(--pprof-tile);color:var(--pprof-ink)}.pprof-jump a.is-on i{color:var(--pprof-teal)}.pprof-jump a:focus-visible{outline:2px solid var(--pprof-teal);outline-offset:1px}.pprof-panel,.pprof-rivalry{position:relative;border-radius:16px;background:var(--pprof-glass);border:1px solid var(--pprof-glass-border);box-shadow:0 0 0 1px var(--pprof-glass-inset) inset,0 25px 50px -12px #0f172a40,0 0 60px -16px var(--pprof-glow);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}[data-bs-theme=dark] .pprof-panel,[data-bs-theme=dark] .pprof-rivalry{box-shadow:0 0 0 1px var(--pprof-glass-inset) inset,0 25px 50px -12px #00000080,0 0 80px -20px var(--pprof-glow)}.pprof-panel{padding:16px 18px 18px}.pprof-lbl{display:block;font-family:var(--pprof-font-brand);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pprof-ink-3)}.pprof-hint{font-size:12px;color:var(--pprof-ink-3)}.pprof-hint b{color:var(--pprof-ink)}.pprof-rivalry{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:14px 20px}.pprof-rivalry__lead{display:flex;align-items:center;gap:12px}.pprof-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;flex-shrink:0}.pprof-ring svg{transform:rotate(-90deg)}.pprof-ring__track{stroke:var(--pprof-tile-border)}.pprof-ring__n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--pprof-font-brand);font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--pprof-ink)}.pprof-record{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-family:var(--pprof-font-brand);font-size:26px;font-weight:800;line-height:1.1}.pprof-record .is-w{color:var(--pprof-win)}.pprof-record .is-l{color:var(--pprof-loss)}.pprof-record .is-t{color:var(--pprof-tie);font-size:20px}.pprof-record .is-sep{color:var(--pprof-ink-3);font-size:20px;font-weight:400}.pprof-rivalry__line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:8px;font-size:13px;color:var(--pprof-ink-2)}.pprof-rbar{position:relative;height:8px;border-radius:4px;background:var(--pprof-tile);border:1px solid var(--pprof-tile-border)}.pprof-rbar__fill{position:absolute;inset:0;width:var(--pprof-rivalry, 0%);border-radius:4px;background:linear-gradient(90deg,#00a69c,#16c79a 55%,#f59e0b)}.pprof-rbar__dot{position:absolute;top:50%;left:var(--pprof-rivalry, 0%);width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #f59e0b;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.pprof-strip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pprof-strip__title{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--pprof-font-brand);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pprof-ink)}.pprof-strip__title i{color:#f3c547}.pprof-strip__counts{font-size:12.5px;font-weight:700;color:var(--pprof-teal);text-align:right}.pprof-strip__viewport{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.pprof-strip__track{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 56px 6px 2px;scrollbar-width:thin}.pprof-strip__item.showcase-item{flex:0 0 64px;width:64px;height:64px;border-radius:14px;scroll-snap-align:start}.pprof-strip__item.showcase-item:hover{transform:none}.pprof-strip__item.showcase-item:focus-visible{outline:2px solid var(--pprof-teal);outline-offset:2px}.pprof-strip__item--tag.showcase-item{flex-basis:40px;width:40px;border-radius:6px;overflow:hidden}.pprof-strip__item--tag .showcase-item__image{width:100%;height:100%;object-fit:cover}.pprof-strip__divider{flex:0 0 1px;margin:8px 2px;background:var(--pprof-tile-border)}.pprof-strip--skeleton .pprof-strip__track{overflow:hidden}.pprof-first-badge{display:flex;align-items:center;gap:6px;margin:0;padding:2px 4px;font-size:13px;color:var(--pprof-ink-3)}.pprof-first-badge i{color:var(--pprof-teal)}@media (max-width: 991.98px){.pprof-grid{grid-template-columns:minmax(0,1fr);gap:20px}.pprof-main{gap:20px}.pprof-side{height:auto}.pprof-side__sticky{position:static}.pprof-jump{display:none}.pprof .player-popup-card--redesign.ppr-card--profile{max-width:560px;margin:0 auto}}@media (max-width: 767.98px){.pprof,.pprof-backdrop{--pprof-backdrop-height: 300px}.pprof{padding-top:64px}.pprof .player-popup-card--redesign.ppr-card--profile{max-width:none}.pprof-panel{padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pprof-rivalry{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px}}@media (prefers-reduced-motion: reduce){.pprof-strip__track{scroll-behavior:auto}}

/*# sourceMappingURL=profile-redesign.css.map */