.page-shell{min-height:calc(100vh - 200px);padding:48px 0 60px}.page-head{text-align:center;margin-bottom:28px}.page-head h1{font:900 30px/1.3 var(--font-sans);color:var(--ink);margin:0 0 8px}.page-head p{font:500 14px/1.6 var(--font-sans);color:var(--fg-muted);margin:0}.profile-stack{display:flex;flex-direction:column;gap:24px}.profile-row{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;align-items:start;grid-gap:24px;gap:24px}@media (max-width:860px){.profile-row{grid-template-columns:1fr}}.profile-card{width:100%;padding:32px 32px 28px;border-radius:28px;display:flex;flex-direction:column;gap:24px}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.profile-identity{display:flex;align-items:center;gap:16px;min-width:0}.profile-avatar-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.avatar-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:700 11.5px/1 var(--font-sans);border-radius:999px;color:#ffd0d7;background:rgba(255,80,100,.12);border:1px solid rgba(255,80,100,.3);cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.avatar-edit-btn:hover{background:rgba(255,80,100,.22);border-color:rgba(255,80,100,.5);color:#fff}.avatar-edit-btn svg{opacity:.9}.profile-points{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:18px;background:radial-gradient(120% 140% at 100% 0,rgba(255,179,71,.16),transparent 60%),linear-gradient(180deg,rgba(46,14,22,.9),rgba(18,6,10,.95));border:1px solid rgba(255,80,100,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.28)}.profile-points-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#ffc056;background:linear-gradient(180deg,rgba(255,192,86,.16),rgba(255,140,60,.08));border:1px solid rgba(255,192,86,.28)}.profile-points-text{display:flex;flex-direction:column;gap:2px;line-height:1}.profile-points-num{font:900 26px/1 var(--font-sans);color:#fff;letter-spacing:.01em}.profile-points-lbl{font:600 11px/1 var(--font-sans);color:var(--fg-muted);white-space:nowrap}.profile-ig-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:14px;background:linear-gradient(100deg,rgba(221,42,123,.16),rgba(245,133,41,.1));border:1px solid rgba(221,42,123,.34)}.profile-ig-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(100deg,#8134af,#dd2a7b 55%,#f58529);flex:none}.profile-ig-label{flex:1 1;font:700 13px/1.4 var(--font-sans);color:#fff}.profile-ig-val{font:900 18px/1 var(--font-sans);color:#feda77}.avatar-wrap{position:relative;width:112px;height:112px;border:0;padding:0;background:transparent;cursor:pointer;display:inline-block;flex-shrink:0;overflow:visible}.avatar-circle{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden;background:radial-gradient(circle at 40% 35%,rgba(255,80,100,.3),transparent 65%),linear-gradient(180deg,rgba(60,15,24,.9),rgba(20,5,10,.95));box-shadow:0 12px 30px rgba(227,0,27,.3),inset 0 0 0 2px rgba(255,80,100,.4)}.avatar-circle .avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font:900 44px/1 var(--font-sans);color:#fff;text-shadow:0 2px 10px rgba(227,0,27,.6)}.avatar-edit{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 11px/1 var(--font-sans);padding:6px 12px;border-radius:9999px;background:linear-gradient(180deg,#ff3a52,var(--panda-red));color:#fff;box-shadow:0 6px 14px rgba(227,0,27,.55),0 0 0 2px rgba(15,6,10,.85)}.avatar-wrap:hover .avatar-edit{background:linear-gradient(180deg,#ff5468,#ff2240)}.avatar-circle--static{cursor:default}.avatar-circle--sm{width:72px;height:72px;flex-shrink:0;cursor:default}.avatar-circle--sm .avatar-fallback{font-size:30px}.avatar-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,2,8,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:avatarFade .16s ease}@keyframes avatarFade{0%{opacity:0}to{opacity:1}}.avatar-modal{width:min(560px,100%);max-height:84vh;overflow-y:auto;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(36,12,18,.96),rgba(16,6,10,.98));border:1px solid rgba(255,80,100,.22);box-shadow:0 30px 80px rgba(0,0,0,.6);animation:avatarPop .18s ease}@keyframes avatarPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.avatar-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.avatar-modal-title{font:800 16px/1 var(--font-sans);color:#fff}.avatar-modal-close{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:background .16s}.avatar-modal-close:hover{background:rgba(255,80,100,.18)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));grid-gap:10px;gap:10px}.avatar-option{position:relative;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:9999px;background:rgba(255,255,255,.04);overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.avatar-option img{width:100%;height:100%;object-fit:cover;border-radius:9999px;display:block}.avatar-option:hover{transform:translateY(-2px) scale(1.04);border-color:rgba(255,80,100,.45)}.avatar-option.is-active{border-color:var(--panda-red);box-shadow:0 0 0 2px rgba(227,0,27,.35),0 8px 20px rgba(227,0,27,.4);transform:translateY(-2px) scale(1.04)}.avatar-option.is-active:after{content:"";position:absolute;inset:0;border-radius:9999px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85);pointer-events:none}.profile-id{min-width:0}.profile-name{font:900 22px/1.2 var(--font-sans);color:#fff;margin-bottom:4px;word-break:break-word}.profile-email{font:500 13px/1 var(--font-sans);color:var(--fg-dim);word-break:break-all}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.profile-flag-field{grid-column:1/-1}.profile-flag-row{display:flex;align-items:center;gap:12px}.profile-flag-row select{flex:1 1;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,80,100,.25);background:rgba(0,0,0,.35);color:#fff;font:500 14px/1.4 var(--font-sans)}.profile-flag-row select:focus{outline:none;border-color:rgba(255,80,100,.55);box-shadow:0 0 0 3px rgba(227,0,27,.2)}.profile-flag-preview{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.35)}.profile-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.profile-actions .profile-logout,.profile-actions .profile-save{flex:1 1;min-width:0;justify-content:center}.nav-profile-link{gap:10px}.nav-avatar,.nav-profile-link{display:inline-flex;align-items:center}.nav-avatar{width:28px;height:28px;border-radius:9999px;overflow:hidden;background:linear-gradient(180deg,#ff3a52,var(--panda-red));justify-content:center;box-shadow:0 4px 10px rgba(227,0,27,.45);flex-shrink:0}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-avatar svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}.referral-card{padding:28px 28px 24px;border-radius:28px;display:flex;flex-direction:column;gap:16px;width:100%}.referral-title{font:900 22px/1.2 var(--font-sans);color:#fff;margin:0}.referral-desc{font:500 13px/1.7 var(--font-sans);color:var(--fg-muted);margin:0}.referral-desc strong{color:#ff9aaa}.referral-code-box{padding:16px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(255,80,100,.22)}.referral-code-label{font:600 11px/1 var(--font-sans);color:var(--fg-dim);display:block;margin-bottom:8px}.referral-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.referral-code{font:900 28px/1 var(--font-sans);color:#fff;letter-spacing:.12em}.referral-link-row{display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap}.referral-link-input{flex:1 1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,80,100,.25);background:rgba(0,0,0,.35);color:var(--fg-muted);font:500 12px/1.4 var(--font-sans);text-overflow:ellipsis}.referral-copy-btn{flex-shrink:0}.referral-link-copy{flex-shrink:0;white-space:nowrap;padding:0 14px;border-radius:12px;border:1px solid rgba(255,80,100,.4);background:linear-gradient(180deg,#ff4f64,#e0263c);color:#fff;font:800 12px/1 var(--font-sans);cursor:pointer;transition:filter .15s ease,transform .1s ease}.referral-link-copy:hover{filter:brightness(1.08)}.referral-link-copy:active{transform:scale(.97)}.referral-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.referral-stat{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border-radius:14px;background:rgba(255,80,100,.06);border:1px solid rgba(255,80,100,.12)}.referral-stat-num{font:900 22px/1 var(--font-sans);color:#fff}.referral-stat-num.highlight{color:#7dffb0}.referral-stat-lbl{font:500 11px/1.3 var(--font-sans);color:var(--fg-muted);margin-top:6px;text-align:center}.referral-note{font:600 13px/1.5 var(--font-sans);margin:0;padding-top:8px;border-top:1px solid rgba(255,80,100,.1)}.referral-note.ok{color:#7dffb0}.referral-stat--btn{cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .1s ease}.referral-stat--btn:hover{border-color:rgba(255,80,100,.4);background:rgba(255,80,100,.12)}.referral-stat--btn:active{transform:scale(.98)}.referral-modal-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:referral-fade .15s ease}@keyframes referral-fade{0%{opacity:0}to{opacity:1}}.referral-modal{width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;padding:22px;border-radius:24px}.referral-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.referral-modal-head h3{font:900 18px/1.2 var(--font-sans);color:#fff;margin:0}.referral-modal-close{flex-shrink:0;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--fg-muted);font-size:14px;cursor:pointer}.referral-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.referral-modal-empty{font:500 13px/1.6 var(--font-sans);color:var(--fg-muted);text-align:center;padding:28px 8px;margin:0}.referral-invitee-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.referral-invitee{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,80,100,.12)}.referral-invitee-main{display:flex;flex-direction:column;gap:3px;min-width:0}.referral-invitee-name{font:700 14px/1.2 var(--font-sans);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-invitee-date{font:500 11px/1 var(--font-sans);color:var(--fg-dim)}.referral-invitee-status{flex-shrink:0;font:700 11px/1 var(--font-sans);padding:6px 10px;border-radius:999px;white-space:nowrap}.referral-invitee-status.is-done{color:#7dffb0;background:rgba(125,255,176,.12);border:1px solid rgba(125,255,176,.25)}.referral-invitee-status.is-pending{color:#ffcf8a;background:rgba(255,207,138,.1);border:1px solid rgba(255,207,138,.22)}.history-card{width:100%;padding:26px 28px 22px;border-radius:28px;display:flex;flex-direction:column;gap:18px}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-head h2{margin:0;font:900 20px/1.2 var(--font-sans);color:#fff}.history-count{font:700 12px/1 var(--font-sans);color:var(--fg-muted);background:rgba(255,80,100,.08);border:1px solid rgba(255,80,100,.16);padding:7px 12px;border-radius:999px;white-space:nowrap}.history-empty{font:500 14px/1.7 var(--font-sans);color:var(--fg-muted);margin:0;padding:18px 0;text-align:center}.history-empty a{color:#ff9aa6;font-weight:700}.history-list{display:flex;flex-direction:column;gap:10px}.hist-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 118px 66px 132px;align-items:center;grid-gap:16px;gap:16px;padding:13px 18px 13px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:background .16s,border-color .16s,transform .16s}.hist-row:hover{background:rgba(255,80,100,.06);border-color:rgba(255,80,100,.16);transform:translateY(-1px)}.hist-edge{position:absolute;inset-block:0;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0;background:rgba(255,255,255,.18)}.hist-row[data-tone=win] .hist-edge{background:linear-gradient(180deg,#2fe39a,#18c98a)}.hist-row[data-tone=lose] .hist-edge{background:linear-gradient(180deg,#ff6b7d,var(--panda-red))}.hist-row[data-tone=wait] .hist-edge{background:linear-gradient(180deg,#ffd28a,#f5a623)}.hist-row[data-tone=live] .hist-edge{background:linear-gradient(180deg,#ff8a96,var(--panda-red))}.hist-team{display:inline-flex;align-items:center;gap:8px;min-width:0}.hist-team--home{justify-content:flex-end}.hist-team--away{justify-content:flex-start}.hist-team-name{font:700 14px/1.3 var(--font-sans);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-flag{width:30px;height:21px;border-radius:5px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 6px rgba(0,0,0,.4)}.hist-flag--none{width:30px;height:21px;display:inline-block;border-radius:5px;background:rgba(255,255,255,.1)}.hist-score{font:800 17px/1 var(--font-sans);color:#fff;direction:ltr;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hist-pred{display:inline-flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.hist-pred-label{font:500 10.5px/1 var(--font-sans);color:var(--fg-dim)}.hist-pred b{color:#fff;font:800 14px/1 var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hist-date{font:600 12px/1 var(--font-sans);color:var(--fg-dim);text-align:center;direction:ltr}.hist-badge{font:800 11.5px/1 var(--font-sans);padding:7px 12px;border-radius:999px;white-space:nowrap;text-align:center;justify-self:stretch}.hist-badge--win{color:#7dffb0;background:rgba(45,220,120,.12);border:1px solid rgba(45,220,120,.28)}.hist-badge--lose{color:#ff9aa6;background:rgba(227,0,27,.12);border:1px solid rgba(255,80,100,.26)}.hist-badge--wait{color:#ffd28a;background:rgba(255,180,80,.1);border:1px solid rgba(255,180,80,.24)}.hist-badge--live{color:#fff;background:rgba(227,0,27,.9);border:1px solid rgba(255,120,130,.5)}@media (max-width:640px){.profile-grid{grid-template-columns:1fr}.profile-head{flex-direction:column;align-items:stretch;text-align:center}.profile-identity,.profile-points{justify-content:center}.profile-points{width:100%}.profile-actions{align-items:stretch}.referral-stats-grid{grid-template-columns:1fr}.hist-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:10px 12px;row-gap:12px}.hist-pred{grid-column:1/3;flex-direction:row;gap:6px;justify-self:start}.hist-date{grid-column:3/4;justify-self:end}.hist-badge{grid-column:1/-1;justify-self:stretch}}.pchamp{display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:22px;background:radial-gradient(130% 150% at 100% 0,rgba(255,206,90,.14),transparent 58%),linear-gradient(150deg,rgba(58,40,8,.5),rgba(20,12,6,.8) 65%);border:1px solid rgba(255,206,90,.3)}.pchamp--win{border-color:rgba(110,231,183,.45)}.pchamp-head{display:flex;align-items:flex-start;gap:13px}.pchamp-crown{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#ffce5a;background:radial-gradient(120% 120% at 30% 20%,rgba(255,206,90,.28),rgba(245,166,35,.1));border:1px solid rgba(255,206,90,.32)}.pchamp-crown svg{stroke:currentColor}.pchamp-title{margin:2px 0 0;font:900 16px/1.3 var(--font-sans);color:#fff}.pchamp-sub{margin:5px 0 0;font:500 12.5px/1.6 var(--font-sans);color:var(--fg-muted)}.pchamp-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.08)}.pchamp-team{display:flex;flex-direction:column;gap:7px}.pchamp-team-lbl{font:600 11px/1 var(--font-sans);color:var(--fg-dim)}.pchamp-team-chip{display:inline-flex;align-items:center;gap:9px;font:800 14px/1 var(--font-sans);color:#fff}.pchamp-team-chip img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.5)}.pchamp-pts{text-align:center}.pchamp-pts b{display:block;font:900 24px/1 var(--font-sans);color:#ffce5a}.pchamp--win .pchamp-pts b{color:#6ee7b7}.pchamp--miss .pchamp-pts b{color:var(--fg-muted)}.pchamp-pts i{font:600 11px/1 var(--font-sans);font-style:normal;color:var(--fg-dim)}.pchamp-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;text-decoration:none;font:800 14px/1 var(--font-sans);color:#2a1c02;background:linear-gradient(180deg,#ffce5a,#f5a623);box-shadow:0 12px 28px -10px rgba(245,166,35,.5);transition:filter .2s}.pchamp-cta:hover{filter:brightness(1.07)}.pchamp-winner{margin:0;font:500 12.5px/1.5 var(--font-sans);color:var(--fg-muted)}.pchamp-winner b{color:#ffce5a}