.pf-wrap{--pf-ink:#2b2338;--pf-muted:#8a7c5f;--pf-gold1:#f6d26a;--pf-gold2:#d29a34;--pf-gold-edge:#a9741a;--pf-cream:#fdf7e6;min-height:calc(100dvh - 40px);padding:100px 18px 70px;background:#e7d2a6 url(/assets/profileBG.png) top/cover no-repeat;display:flex;flex-direction:column;align-items:center}.pf-loading{width:46px;height:46px;margin:120px auto;border-radius:50%;border:5px solid rgba(255,255,255,.55);border-top:5px solid var(--pf-gold2);animation:pf-spin .9s linear infinite}@keyframes pf-spin{to{transform:rotate(1turn)}}.pf-gate{max-width:560px;margin:40px auto;padding:40px 34px;text-align:center;background:linear-gradient(180deg,#fbf1d6,#f4e4b8);border:3px solid var(--pf-gold2);border-radius:22px;box-shadow:0 24px 60px rgba(60,40,10,.3)}.pf-gate h1{margin:0 0 10px;font-size:clamp(24px,4vw,34px);color:var(--pf-ink)}.pf-gate p{margin:0 auto 22px;max-width:420px;color:#6c5f45;font-weight:600}.pf-gate-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pf-card{position:relative;width:min(1080px,100%);padding:24px 26px;background:linear-gradient(180deg,#fbf1d6,#f6e7bd);border:3px solid var(--pf-gold2);border-radius:22px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),inset 0 0 0 5px rgba(214,154,52,.35),0 26px 60px rgba(60,40,10,.35)}.pf-corner{position:absolute;width:14px;height:14px;z-index:2;background:linear-gradient(135deg,var(--pf-gold1),var(--pf-gold2));border:2px solid var(--pf-gold-edge);border-radius:3px;transform:rotate(45deg)}.pf-corner.tl{top:-8px;left:-8px}.pf-corner.tr{top:-8px;right:-8px}.pf-corner.bl{bottom:-8px;left:-8px}.pf-corner.br{bottom:-8px;right:-8px}.pf-cardgrid{display:grid;grid-template-columns:244px 196px 1fr;grid-gap:22px;gap:22px;align-items:stretch}.pf-acct{border:18px solid transparent;border-image:url(/assets/profile/panel.png) 26 fill/18px;padding:4px 8px 12px;text-align:center;filter:drop-shadow(0 8px 14px rgba(60,40,10,.18))}.pf-ava-wrap{position:relative;width:112px;margin:4px auto 20px}.pf-ava{width:112px;height:112px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 34%,#4a3f6d,#2a2145);box-shadow:0 0 0 5px #f6a01f,0 0 0 7px #c26f06,0 8px 16px rgba(0,0,0,.28)}.pf-wrap .pf-ava img{width:100%;height:100%;object-fit:cover;object-position:top center}.pf-ava-tag{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);max-width:130px;padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#f2564a,#d5382c);border:2px solid #fff;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.02em;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.25)}.pf-acct-name{font-size:23px;font-weight:900;color:var(--pf-ink);line-height:1.1;overflow-wrap:anywhere}.pf-acct-nick{margin-top:2px;font-size:14px;font-weight:600;color:var(--pf-muted);overflow-wrap:anywhere}.pf-divider{display:flex;align-items:center;gap:8px;margin:13px 4px}.pf-divider span{flex:1 1;height:2px;background:linear-gradient(90deg,transparent,#e4cf9c,transparent)}.pf-divider i{width:7px;height:7px;background:var(--pf-gold2);transform:rotate(45deg);border-radius:1px}.pf-cur{display:flex;align-items:center;gap:11px;margin-top:10px;text-align:left;border:13px solid transparent;border-image:url(/assets/profile/panel_white.png) 26 fill/13px;padding:0 6px}.pf-wrap .pf-cur-ic{width:32px;height:32px;object-fit:contain;flex:none}.pf-cur-lbl{flex:1 1;font-size:13px;font-weight:700;color:var(--pf-muted)}.pf-cur-val{font-size:19px;font-weight:900;color:var(--pf-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-center{justify-content:space-between;gap:18px;padding-top:2px}.pf-center,.pf-center-top{display:flex;flex-direction:column;align-items:center}.pf-center-top{gap:14px;width:100%}.pf-avaframe{position:relative;width:156px;height:156px;border-radius:16px;background:radial-gradient(circle at 50% 28%,#fdf7ea 0,#efe1c2 68%,#e6d5ad 100%);border:3px solid var(--pf-gold2);box-shadow:inset 0 0 0 2px rgba(255,236,170,.8),inset 0 -8px 20px rgba(150,110,40,.22),0 10px 22px rgba(0,0,0,.22);display:grid;place-items:center;overflow:hidden}.pf-wrap .pf-avaframe img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 7px rgba(0,0,0,.3))}.pf-avaframe .pf-corner{width:12px;height:12px}.pf-lvlrow{display:flex;align-items:center;gap:0;width:100%;max-width:216px}.pf-lv{position:relative;flex:none;width:52px;height:52px;margin-right:-12px;place-items:center;color:#5a3606;font-weight:900;font-size:23px;border:15px solid transparent;border-image:url(/assets/profile/level_badge.png) 16 fill/15px;text-shadow:0 1px 0 rgba(255,255,255,.5);filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.pf-lv,.pf-lv>b{z-index:2;display:grid}.pf-lv>b{position:absolute;inset:0;place-items:center;font-weight:inherit;line-height:1}.pf-lv-gloss{position:absolute;z-index:1;top:8px;left:12px;right:12px;height:9px;background:url(/assets/profile/gloss.png) 50%/100% 100% no-repeat;opacity:.4;pointer-events:none;border-radius:4px}.pf-xp{position:relative;flex:1 1;height:38px;border:7px solid transparent;border-image:url(/assets/profile/xp_track.png) 16 fill/7px}.pf-xp-fill{position:absolute;top:0;bottom:0;left:0;border:5px solid transparent;border-image:url(/assets/profile/xp_fill.png) 14 fill/5px}.pf-xp-txt{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding-left:18px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pf-league{display:flex;flex-direction:column;align-items:center;padding-top:0}.pf-keep{position:relative;display:inline-grid;place-items:center;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3))}.pf-keep svg{display:block;width:96px;height:96px}.pf-keep.bronze{color:#c67b39}.pf-keep.silver{color:#a9b4c6}.pf-keep.gold{color:#e6b32e}.pf-keep.platinum{color:#6fc4ba}.pf-keep.diamond{color:#5aa9e6}.pf-keep-roman{position:absolute;right:0;bottom:0;min-width:26px;height:26px;padding:0 6px;display:grid;place-items:center;background:#201a33;color:#ffd95e;border:2px solid #ffd95e;border-radius:999px;font-size:13px;font-weight:900}.pf-vp{margin-top:4px;min-width:70px;padding:4px 16px;text-align:center;background:linear-gradient(180deg,#4a97f5,#2166c9);border:2px solid #8ec0ff;border-radius:8px;-webkit-clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);color:#fff;font-weight:900;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 0 rgba(255,255,255,.3)}.pf-right{display:flex;flex-direction:column;gap:16px;min-width:0}.pf-namebanner{align-self:center;min-width:280px;max-width:100%;position:relative;display:grid;place-items:center;min-height:52px;border-color:transparent;border-style:solid;border-width:0 22px;border-image:url(/assets/profile/name_banner.png) 0 54/0 22px;background:linear-gradient(180deg,#fbeecb,#efdca2);box-shadow:inset 0 0 0 2px rgba(210,154,52,.55),inset 0 2px 0 rgba(255,255,255,.65);padding:4px 16px;filter:drop-shadow(0 5px 9px rgba(60,40,10,.2))}.pf-namebanner span{display:block;font-size:clamp(19px,2.2vw,25px);font-weight:900;color:var(--pf-ink);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pf-statgrid{display:grid;grid-template-columns:repeat(2,132px);grid-gap:22px;gap:22px;justify-content:center;padding-top:8px}.pf-statcell{position:relative;width:132px;height:132px;display:grid;place-items:center;text-align:center;background:rgba(255,247,225,.72);border:2px solid #ecd9a6;border-radius:14px;box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}.pf-statcell-h{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-block;padding:4px 14px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,#57a0f7,#2f7de6);border:2px solid #90c3ff;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em;box-shadow:0 3px 6px rgba(40,90,180,.25)}.pf-statcell b{display:block;font-size:34px;font-weight:900;color:var(--pf-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.pf-squads-h{text-align:center;position:relative;z-index:2;margin-bottom:-31px}.pf-squads-h span{display:inline-block;padding:5px 26px;background:linear-gradient(180deg,#ffb24a,#f6871b);border:2px solid #ffd79a;border-radius:999px;color:#fff;font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 10px rgba(230,120,10,.28)}.pf-squads{display:flex;flex-direction:column;gap:10px;background:rgba(255,247,225,.72);border:2px solid #ecd9a6;border-radius:14px;padding:26px 12px 12px;box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}.pf-nosquad{text-align:center;color:var(--pf-muted);font-weight:600;margin:4px 0}.pf-squadrow{display:flex;align-items:center;gap:12px}.pf-squad-letter{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#3a3152,#241d3a);color:#ffd95e;border:2px solid #6a5da0;font-weight:900;font-size:15px}.pf-squad-units{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;flex:1 1;min-width:0}.pf-utile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 32%,#efe3c2,#d9c79a);border:2px solid #c9a94f;box-shadow:inset 0 2px 0 rgba(255,255,255,.5)}.pf-utile.hero{border-color:var(--pf-gold2);box-shadow:inset 0 0 0 1px #ffe6a6,inset 0 2px 0 rgba(255,255,255,.5)}.pf-utile-art{position:absolute;inset:0;display:grid;place-items:end center}.pf-wrap .pf-utile-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.pf-utile-stars{position:absolute;top:2px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:-1px;color:#ffcf28;text-shadow:0 1px 1px rgba(0,0,0,.5);line-height:1}.pf-utile-lv{position:absolute;right:2px;bottom:2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;background:rgba(20,14,40,.86);border:1px solid rgba(255,210,92,.6);border-radius:5px;font-size:10px;font-weight:900;color:#ffd95e}.pf-connect{width:min(1080px,100%);margin-top:24px;background:linear-gradient(180deg,#ff9a3d,#f2711d);border-radius:18px;min-height:168px;padding:26px 24px 28px;box-shadow:0 18px 44px rgba(190,90,10,.35);overflow:visible}.pf-connect,.pf-connect-inner{position:relative;display:flex;align-items:center}.pf-connect-inner{z-index:6;width:100%;justify-content:center;gap:clamp(14px,1.6vw,26px);flex-wrap:wrap;padding:0 8px}@media (min-width:1101px){.pf-connect-inner{padding:0 104px}}.pf-connect-lead{display:flex;align-items:center;gap:14px}.pf-connect-emblem{display:inline-flex;flex-shrink:0;width:58px;height:58px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}.pf-connect-emblem svg{width:100%;height:100%;display:block}.pf-connect-copy h2{margin:0;font-size:clamp(22px,2vw,30px);font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18);line-height:1.05}.pf-connect-copy p{margin:3px 0 0;color:#fff3e8;font-size:14px;font-weight:600;max-width:210px}.pf-connect-form{display:flex;align-items:center;gap:12px}.pf-connect-input{height:52px;width:clamp(180px,16vw,230px);border:0;border-radius:12px;background:#fff;padding:0 18px;font-weight:600;font-size:15px;color:#2b2338;box-shadow:inset 0 2px 4px rgba(0,0,0,.14),0 3px 0 rgba(0,0,0,.08)}.pf-connect-input::placeholder{color:#9a97a8;font-weight:500}.pf-connect-input:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:2px}.pf-connect-or{color:#fff;font-weight:800;font-size:15px;letter-spacing:.12em;opacity:.92}.pf-connect-new{display:flex;flex-direction:column;align-items:center;gap:6px}.pf-connect-new-label{color:#ffe6cf;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pf-connect-play{background:linear-gradient(180deg,#5fd54a,#39b326);color:#fff}.pf-wrap .pf-connect-char{position:absolute;bottom:0;width:176px;max-height:200px;height:auto;object-fit:contain;object-position:bottom;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(0,0,0,.25))}.pf-connect-char.left{left:-64px}.pf-connect-char.right{right:-64px;transform:scaleX(-1)}.pf-connect-input.otp{width:170px;text-align:center;letter-spacing:.34em;font-weight:800;font-size:18px}.pf-connect-err{width:100%;max-width:560px;text-align:center;color:#fff;background:rgba(150,28,18,.38);border:1.5px solid rgba(255,255,255,.4);border-radius:10px;padding:6px 14px;font-weight:700;font-size:13.5px}.pf-connect-aux{display:flex;align-items:center;gap:14px}.pf-connect-ghost{background:none;border:2px solid rgba(255,255,255,.75);color:#fff;border-radius:10px;padding:8px 16px;font-weight:800;font-size:13.5px;cursor:pointer;transition:background .14s ease}.pf-connect-ghost:hover:not(:disabled){background:rgba(255,255,255,.14)}.pf-connect-ghost:disabled{opacity:.55;cursor:default}@media (max-width:1100px){.pf-wrap .pf-connect-char{display:none}}.pf-offers{width:min(1080px,100%);margin:48px auto 0}.pf-offers-h{display:flex;align-items:center;gap:10px;margin:0 0 26px;font-size:22px;font-weight:900;color:#3a2d1a}.pf-offers-h svg{flex:none}.pf-offers-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.pf-paynote{text-align:center;margin:-8px 0 16px;font-weight:700;color:#6a5320}.pf-paynote.ok{color:#2c7d1d}.pf-paynote a{color:#2f7de6;text-decoration:underline;font-weight:800}.pf-offer-btn:disabled{opacity:.6;cursor:default}.pf-offer{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:3px solid #e0a53a;background:#eef1f3;box-shadow:0 12px 26px rgba(60,40,10,.18)}.pf-offer-img{height:196px;flex:none;background:linear-gradient(180deg,#f2f4f6,#e6eaed);position:relative;overflow:hidden}.pf-wrap .pf-offer-img img{position:absolute;left:16px;top:14px;width:calc(100% - 32px);height:calc(100% - 28px);object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.22))}.pf-offer-ft{margin-top:auto;background:linear-gradient(180deg,#ffcf6a,#f6a828);padding:12px 14px 13px}.pf-offer-name{font-size:17px;font-weight:900;color:var(--pf-ink)}.pf-offer-desc{margin-top:2px;font-size:12.5px;font-weight:700;color:#6a4e12}.pf-offer-buy{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pf-offer-price{font-size:24px;font-weight:900;color:var(--pf-ink)}.pf-offer-btn{background:linear-gradient(180deg,#5fd54a,#39b326);color:#fff;font-weight:900;font-size:15px;padding:8px 22px;border-radius:9px;text-decoration:none;box-shadow:0 4px 0 #2b8a1c,0 6px 10px rgba(0,0,0,.2)}.pf-offer-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #2b8a1c,0 3px 6px rgba(0,0,0,.2)}@media (max-width:900px){.pf-cardgrid{grid-template-columns:1fr;justify-items:center}.pf-acct{width:min(320px,100%)}.pf-right{width:100%;max-width:460px}.pf-squad-units{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:820px){.pf-offers-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}}@media (max-width:520px){.pf-wrap{padding:92px 10px 50px}.pf-card{padding:18px 14px}.pf-squad-units{gap:5px}}