.social{max-width:1080px;margin-inline:auto;overflow-x:hidden}.social-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.social-head-text h1{font-family:var(--f-display);text-shadow:2px 2px 0 var(--ink);font-size:clamp(26px,5vw,34px);line-height:1.1}.social-head-text p{color:var(--muted);max-width:46ch;margin:6px 0 0;font-size:14px}.social-profile{border:3px solid var(--ink);background:linear-gradient(180deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex}.social-profile-avatar{border:2px solid var(--ink);width:44px;height:44px;box-shadow:0 2px 0 var(--ink);font:700 18px var(--f-display);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.social-profile-avatar img{object-fit:cover;width:100%;height:100%}.social-profile-meta{flex-direction:column;line-height:1.2;display:flex}.social-profile-name{color:var(--fg);font-weight:700}.social-profile-rating{font:600 13px var(--f-mono);color:var(--gold)}.social-dot{background:var(--muted);border:2px solid var(--ink);border-radius:50%;flex:none;width:12px;height:12px}.social-dot.on{background:var(--leaf);box-shadow:0 0 10px var(--leaf)}.social-banner{border-color:var(--water);background:linear-gradient(180deg, color-mix(in srgb, var(--water) 16%, var(--surface-hi)), var(--surface));color:var(--fg);align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.social-banner:before{content:"";background:var(--water);width:10px;height:10px;box-shadow:0 0 10px var(--water);border-radius:50%;flex:none}.social-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.social-nav{border:3px solid var(--ink);background:linear-gradient(180deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:12px;display:flex;position:sticky;top:16px}.social-tab{text-align:left;width:100%;font:600 14px var(--f-body);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.social-tab-ico{text-align:center;flex:none;width:20px;font-size:16px;line-height:1}.social-tab:hover{color:var(--fg);background:var(--surface2)}.social-tab.active,.social-tab[aria-selected=true]{color:var(--fg);background:linear-gradient(180deg, var(--surface-hi), var(--surface2));box-shadow:0 2px 0 var(--ink)}.social-tab.active:before,.social-tab[aria-selected=true]:before{content:"";background:linear-gradient(180deg, var(--fire), var(--gold));border-radius:99px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.social-tab:focus-visible,.social-content-head h2:focus-visible,.social-friend-form .btn:focus-visible,.social-duel-card .btn:focus-visible{outline:3px solid var(--fire);outline-offset:2px}.social-content{border:3px solid var(--ink);background:linear-gradient(180deg, var(--surface-hi), var(--surface));min-width:0;box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:18px}.social-content-head{border-bottom:2px solid var(--line);margin-bottom:16px;padding-bottom:12px}.social-content-head h2{font-family:var(--f-display);text-shadow:2px 2px 0 var(--ink);font-size:clamp(20px,3.4vw,26px);line-height:1.2}.social-content-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.social-panel{min-height:120px;animation:socialIn .16s var(--ease) both}.social-panel>*{animation:socialRise .16s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms)}.social-panel>:first-child{animation-delay:0s}.social-panel>:nth-child(2){animation-delay:40ms}.social-panel>:nth-child(3){animation-delay:80ms}.social-panel>:nth-child(4){animation-delay:.12s}.social-panel>:nth-child(5){animation-delay:.16s}.social-panel>:nth-child(6){animation-delay:.2s}.social-panel>:nth-child(7){animation-delay:.24s}.social-panel>:nth-child(8){animation-delay:.28s}@keyframes socialIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes socialRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.social-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.social-row{border:2px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));transition:transform .12s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.social-row:hover{border-color:var(--fire);transform:translateY(-2px);box-shadow:0 6px 16px #00000038}.social-name{color:var(--fg);align-items:center;gap:8px;font-weight:600;display:inline-flex}.social-error{color:var(--fire);font:600 13px var(--f-body);margin:0 0 12px}.social-friend-form{border:2px solid var(--line);background:var(--surface2);border-radius:99px;gap:8px;margin-bottom:18px;padding:6px;display:flex}.social-friend-form .inp{background:0 0;border:0;flex:1;min-width:0}.social-friend-form .inp:focus{outline:none}.social-friend-form .btn{flex:none}.social-friends h3{align-items:center;gap:8px;margin:18px 0 10px;display:flex}.social-friends h3:first-of-type{margin-top:0}.social-count{border:2px solid var(--ink);background:var(--surface2);min-width:22px;height:22px;color:var(--fg);font:700 12px var(--f-mono);border-radius:99px;place-items:center;padding:0 6px;display:inline-grid}.social-friend-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.social-friend-card{border:2px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));transition:transform .12s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.social-friend-card:hover{border-color:var(--fire);transform:translateY(-2px);box-shadow:0 6px 16px #00000038}.social-friend-top{align-items:center;gap:10px;display:flex}.social-avatar{border:2px solid var(--ink);width:40px;height:40px;box-shadow:0 2px 0 var(--ink);font:700 16px var(--f-display);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.social-avatar .dot{border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.social-friend-id{flex-direction:column;min-width:0;line-height:1.25;display:flex}.social-friend-id .social-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-friend-id .stat{color:var(--gold);font:600 13px var(--f-mono)}.social-friend-live{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-friend-actions{flex-wrap:wrap;gap:6px;display:flex}.social-friend-actions .btn{flex:auto}.social-chips{flex-wrap:wrap;gap:8px;display:flex}.social-chip{border:2px solid var(--line);background:var(--surface2);color:var(--fg);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.social-toast{border:2px solid var(--leaf);background:linear-gradient(180deg, color-mix(in srgb, var(--leaf) 18%, var(--surface-hi)), var(--surface));color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--leaf) 20%, transparent);animation:pop .3s var(--spring) both;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.social-duel-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px;display:grid}.social-duel-card{border:3px solid var(--ink);background:linear-gradient(180deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.social-duel-card h3{font-family:var(--f-display);margin:0;font-size:18px;line-height:1.2}.social-duel-card .row{align-items:center;gap:8px;display:flex}.social-duel-card .row .inp{flex:1;min-width:0}.social-duel-state{border-top:2px solid var(--line);margin-top:4px;padding-top:14px}.social-duel-code{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.social-code{font:700 2rem/1 var(--f-mono);letter-spacing:4px;color:var(--gold);text-shadow:2px 2px 0 var(--ink);border:3px solid var(--ink);background:var(--surface2);box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:8px 14px}.cup-lineup{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.social-table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;margin-top:10px;overflow-x:auto}.social-table{border-collapse:separate;border-spacing:0;width:100%;min-width:520px;font-size:14px}.social-table thead th{z-index:1;text-align:left;background:var(--surface2);border-bottom:2px solid var(--line);color:var(--muted);padding:10px 12px;position:sticky;top:0}.social-table tbody td{text-align:left;border-bottom:1px solid var(--line);color:var(--fg);padding:10px 12px}.social-table tbody tr{transition:background .15s var(--ease)}.social-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface2) 45%, transparent)}.social-table tbody tr:hover{background:color-mix(in srgb, var(--fire) 12%, transparent)}.social-table tr.me td{background:color-mix(in srgb, var(--leaf) 16%, var(--surface));border-bottom-color:var(--leaf);font-weight:600}.social-table tr.me td:first-child{box-shadow:inset 3px 0 0 var(--leaf)}.rank{width:26px;height:26px;font:700 12px var(--f-mono);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;place-items:center;display:inline-grid}.rank.gold{background:linear-gradient(180deg, #ffe08a, var(--gold));color:#2a1c00}.rank.silver{color:#2a3142;background:linear-gradient(#eef1f8,#b9c2d6)}.rank.bronze{color:#2a1600;background:linear-gradient(#e6a86a,#b5722f)}.rank.plain{background:var(--surface2);color:var(--muted)}.social-hall-entry{border-bottom:2px solid var(--line);margin-bottom:16px;padding-bottom:14px}.social-hall-entry:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.social-hall-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.social-hall-team{flex-wrap:wrap;gap:8px;display:flex}.social-live-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.social-profile-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.social-profile-head h2{font-family:var(--f-display);text-shadow:2px 2px 0 var(--ink);font-size:clamp(18px,3.4vw,24px);line-height:1.25}.social-stats{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;margin:14px 0;display:grid}.stat-box{border:2px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));min-width:64px;transition:transform .12s var(--ease), border-color .15s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;display:flex}.stat-box:hover{border-color:var(--fire);transform:translateY(-2px)}.stat-box .stat{color:var(--fg);font-size:18px}.social-badges{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.social-daily-rule{color:var(--fg);margin:8px 0 14px;font-size:1.05rem}.replay-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.social-empty{text-align:center;color:var(--muted);place-items:center;gap:8px;padding:34px 16px;font-size:14px;display:grid}.social-empty .empty-ico{font-size:34px;line-height:1;animation:3s ease-in-out infinite floaty}@media (max-width:899px){.social-layout{grid-template-columns:1fr;gap:14px}.social-nav{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-flow:row;padding:8px;position:static;overflow-x:auto}.social-nav::-webkit-scrollbar{height:6px}.social-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.social-tab{scroll-snap-align:start;border-radius:99px;flex:none;width:auto;padding:9px 14px}.social-tab.active:before,.social-tab[aria-selected=true]:before{display:none}.social-content{padding:14px}}@media (max-width:375px){.social-head{flex-direction:column;align-items:stretch}.social-profile{justify-content:flex-start}.social-code{letter-spacing:3px;font-size:1.6rem}.social-friend-grid{grid-template-columns:1fr}.social-row{flex-direction:column;align-items:flex-start}.social-row .row{width:100%}}@media (prefers-reduced-motion:reduce){.social-panel,.social-panel>*,.social-toast,.social-empty .empty-ico{animation:none!important}}.social-panel .social-profile{display:block}.social-panel .social-profile .social-stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.pf-page{flex-direction:column;gap:22px;padding-block:28px;display:flex}.pf-back{border:3px solid var(--ink);background:linear-gradient(180deg, var(--surface-hi), var(--surface));color:var(--fg);font:800 14px var(--f-body);letter-spacing:.01em;cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s var(--spring);border-radius:14px;align-self:flex-start;margin-bottom:12px;padding:10px 18px}.pf-back:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.pf-back:active{box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.pf-hero{border:4px solid var(--ink);isolation:isolate;box-shadow:0 8px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 46px color-mix(in srgb, var(--violet) 45%, transparent);background:linear-gradient(150deg,#3a2290 0%,#241659 45%,#150f38 100%);border-radius:24px;flex-direction:column;gap:14px;padding:30px 30px 28px;display:flex;position:relative;overflow:hidden}.pf-hero-glow{z-index:-1;background:radial-gradient(circle at 78% 18%,#ffc83d61,#0000 38%),radial-gradient(circle at 12% 90%,#a855f766,#0000 45%);animation:7s ease-in-out infinite alternate pfHeroGlow;position:absolute;inset:-30%}@keyframes pfHeroGlow{to{transform:translate(3%,-2%)scale(1.06)}}.pf-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff12 48%,#0000 60%) 0 0/250% 100%;animation:6s linear infinite pfHeroShine;position:absolute;inset:0}@keyframes pfHeroShine{0%{background-position:200% 0}to{background-position:-100% 0}}.pf-hero-aces{opacity:.9;pointer-events:none;z-index:-1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;width:44%;display:grid;position:absolute;top:10px;bottom:10px;right:14px}.pf-hero-aces img{width:min(100%,92px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px #00000059)drop-shadow(0 0 14px #ffc83d40);animation:3.2s ease-in-out infinite pfAceBob}.pf-hero-aces img:nth-child(2){animation-delay:-.8s}.pf-hero-aces img:nth-child(3){animation-delay:-1.6s}.pf-hero-aces img:nth-child(4){animation-delay:-2.4s}@keyframes pfAceBob{50%{transform:translateY(-8px)}}.pf-hero-main{flex-wrap:wrap;align-items:center;gap:22px;display:flex;position:relative}.pf-avatar{border:4px solid var(--ink);width:104px;height:104px;box-shadow:0 6px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 22px color-mix(in srgb, var(--violet) 55%, transparent);background:radial-gradient(circle at 50% 38%,#2a1c66,#120c33 72%);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.pf-avatar-img{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 4px #00000059)}.pf-avatar-initial{width:100%;height:100%;font-family:var(--f-display);color:#fff;text-shadow:3px 3px #0006;place-items:center;font-size:44px;display:grid}.pf-hero-id{flex-direction:column;gap:12px;min-width:0;display:flex}.pf-hero-name{color:#fff;text-shadow:5px 5px 0 var(--ink), 0 0 30px #ffc83d73;word-break:break-word;margin:0;font-size:clamp(26px,4.4vw,46px);line-height:1.1}.pf-hero-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-chip{border:2px solid var(--ink);font:700 13px var(--f-mono);color:var(--fg);box-shadow:0 3px 0 var(--ink);background:#08061eb3;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.pf-chip-star{color:var(--gold)}.pf-coin{background:radial-gradient(circle at 35% 30%, #fff2b0, var(--gold) 60%, #b9790a);border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #ffc83d99}.pf-chip-protected{border-color:color-mix(in srgb, var(--leaf) 60%, var(--ink));color:var(--leaf);background:color-mix(in srgb, var(--leaf) 18%, #08061eb3)}.pf-chip-guest{border-color:color-mix(in srgb, var(--muted) 55%, var(--ink));color:var(--muted)}.pf-visitor-chip{border-color:color-mix(in srgb, var(--gold) 60%, var(--ink));color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, #08061eb3)}.pf-online{border:2px solid var(--ink);font:700 12px var(--f-mono);color:var(--muted);box-shadow:0 3px 0 var(--ink);background:#08061eb3;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.pf-online-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.pf-online.is-on{color:var(--leaf)}.pf-online.is-on .pf-online-dot{background:var(--leaf);box-shadow:0 0 10px var(--leaf)}.pf-overview{flex-direction:column;gap:16px;display:flex}.pf-skeleton{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));height:180px;box-shadow:0 6px 0 var(--ink);border-radius:18px}.pf-stats{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.pf-stat-card{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 18px 18px;display:flex;position:relative;overflow:hidden}.pf-stat-card:before{content:"";background:var(--accent,var(--violet));width:5px;position:absolute;top:0;bottom:0;left:0}.pf-stat-card:first-child{--accent:var(--gold)}.pf-stat-card:nth-child(2){--accent:var(--fire)}.pf-stat-card:nth-child(3){--accent:var(--water)}.pf-stat-card:nth-child(4){--accent:var(--leaf)}.pf-stat-card:nth-child(5){--accent:var(--violet)}.pf-stat-value{color:var(--fg);text-shadow:3px 3px 0 var(--ink);font-size:clamp(20px,2.4vw,30px);line-height:1}.pf-stat-label{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.pf-badges{flex-wrap:wrap;gap:8px;display:flex}.pf-badges .pill{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.pf-team{flex-direction:column;gap:12px;display:flex}.pf-team-title{font-family:var(--f-display);color:var(--fg);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:clamp(14px,1.8vw,18px);line-height:1.3}.pf-team-strip{scrollbar-width:thin;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.pf-team-empty{text-align:center;color:var(--muted);border:2px dashed color-mix(in srgb, var(--fg) 30%, transparent);border-radius:16px;padding:22px 18px}.pf-cta{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);box-shadow:0 6px 0 var(--ink), 0 0 26px #ffc83d80;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.pf-cta-txt{min-width:180px;font:700 14px var(--f-body);color:var(--ink);flex:1}.pf-cta .btn{background:var(--ink);color:var(--gold);border-color:var(--ink);box-shadow:0 4px #0006}.pf-cta .btn:hover{transform:translateY(-2px)}.pf-cta .btn:active{transform:translateY(2px)}.pf-tabs{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#08061eb3;border-radius:16px;gap:6px;padding:6px;display:flex;overflow-x:auto}.pf-tabs::-webkit-scrollbar{display:none}.pf-tab{color:#b9c0ee;font:800 13px var(--f-body);white-space:nowrap;cursor:pointer;transition:background .15s, color .15s, transform .15s var(--spring);background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;position:relative}.pf-tab:hover{color:#fff}.pf-tab.is-on{background:linear-gradient(180deg, #ffe27a, var(--gold));color:var(--ink);box-shadow:0 3px 0 var(--ink)}.pf-tab-ico{font-size:15px;line-height:1}.pf-tab-label{letter-spacing:.01em}.pf-panel{animation:pfFadeIn .28s var(--ease) both}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1000px){.pf-hero-aces{width:32%}.pf-hero-id{max-width:62%}}@media (max-width:999px){.pf-hero-aces{opacity:.28;width:60%}}@media (max-width:520px){.pf-page{gap:16px;padding-block:16px}.pf-hero{padding:22px 18px}.pf-hero-aces{opacity:.2}.pf-hero-main{gap:16px}.pf-avatar{width:88px;height:88px}.pf-avatar-img{width:72px;height:72px}.pf-avatar-initial{font-size:36px}.pf-stats{grid-template-columns:repeat(3,1fr)}.pf-tabs{align-items:stretch}.pf-tab{flex:1;justify-content:center}}