/* Selected royal passport composition. Scoped to profile: no arena/deck styles. */
#profile{background:radial-gradient(ellipse at 0 10%,#17477588,transparent 60%),linear-gradient(135deg,#091c36,#070d1c 65%);isolation:isolate}
#profile #pfBody{padding:calc(env(safe-area-inset-top) + 54px) 10px calc(env(safe-area-inset-bottom) + 24px);scroll-behavior:smooth}
#profile .pfOverview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);gap:10px;align-items:start}
#profile .pfStandard{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center}
#pfStandardArt{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 5px 8px #0007)}
#profile #pfStandardsOpen{width:100%;min-height:44px;margin-top:6px;padding:6px 3px;border:1.5px solid #f9d274;border-radius:14px;background:linear-gradient(#163452,#091a30);color:#ffe395;font:10px 'Lilita One',sans-serif;letter-spacing:.4px;cursor:pointer}
#profile .pfDetails{min-width:0}
#profile #pfHead{padding:0 0 12px;background:none}
#profile #pfHead::after,#profile #pfBanner{display:none}
#profile #pfIdent{margin:0;gap:8px;flex-wrap:wrap}
#profile #pfAvatar{width:58px;height:58px;border-radius:16px}
#profile #pfIdent .who{flex:1;min-width:90px}
#profile #pfName{font-size:clamp(19px,5.6vw,28px);color:#ffda71;max-width:100%;letter-spacing:.1px}
#profile #pfKing{font-size:8px;letter-spacing:.2px;padding:4px 6px;line-height:1.4}
#profile #pfStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#profile #pfStats .st{padding:11px 3px;border:1px solid #435374;border-radius:11px;background:linear-gradient(145deg,#253653,#132038)}
#profile #pfStats .v{font-size:22px}
#profile #pfStats .l{font-size:8px;letter-spacing:.25px;line-height:1.3}
#profile #pfGifts{margin-top:10px}
#profile #pfGifts .crBtn{padding:9px 7px;gap:5px;border-radius:13px}
#profile #pfGifts .crBtn>img{width:28px;height:28px;object-fit:contain}
#profile #pfGifts .crBtn .t{font-size:12px;letter-spacing:.2px}
#profile #pfGifts .crBtn .s{font-size:8px;line-height:1.5}
#profile #pfGifts .crBtn .go{font-size:14px}
#profile #pfSince{padding:7px;gap:4px}
#profile #pfSince .k{font-size:7px;letter-spacing:.3px}
#profile #pfSince .v{font-size:11px}
#profile .pfDetails .pfH{font-size:12px;letter-spacing:.7px;margin:13px 0 7px}
#profile #pfDeck{gap:5px;padding:7px;border:1px solid #426487;border-radius:12px;background:#10233a}
#profile #pfDeck .c{border-radius:6px}
#profile #pfDeck .lv{font-size:8px;padding:2px 4px;left:2px;bottom:2px}
#profile #pfLook{padding:7px;border:1px solid #344661;border-radius:12px;background:#101f35}
#profile #pfLook .lk{padding:4px 0;display:block;background:none;box-shadow:none}
#profile #pfLook .k{display:block;font-size:8px;margin-bottom:6px}
#profile #pfColors,#profile #pfFaces{display:flex;gap:5px;flex-wrap:wrap}
#profile #pfColors .sw{width:23px;height:23px;min-width:23px}
#profile #pfFaces .fc{width:30px;height:30px;min-width:30px;border-radius:8px}
#profile .pfShortcuts{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:6px;margin:16px 0 22px}
#profile .pfShortcuts button{min-height:46px;padding:6px 2px;border:1px solid #52617f;border-radius:13px;background:linear-gradient(#23334f,#101b31);color:#fff2ca;font:11px 'Lilita One',sans-serif;cursor:pointer}
#pfAchievementsTitle,#pfSettingsTitle,#pfLookTitle{scroll-margin-top:12px}
#pfStandardsPage[hidden]{display:none!important}
#pfStandardsPage{position:absolute;inset:0;z-index:6;overflow:auto;background:radial-gradient(ellipse at top,#193c5b,#081426 65%);padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 20px)}
#pfStandardsPage>header{display:flex;gap:12px;align-items:center;position:sticky;top:0;z-index:2;padding:8px 0;background:#0b1a2eee;color:#ffdc84;font:14px 'Lilita One',sans-serif}
#pfStandardsBack{min-height:44px;padding:8px 14px;border:1px solid #d7b768;border-radius:12px;background:#142d49;color:#fff1bd;font:12px 'Lilita One',sans-serif;cursor:pointer}
#pfStandardsPage #pennantCollection{margin:12px 0;padding:12px 4px;border:0;background:none}
#pfStandardsPage #pennantGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
#pfStandardsPage .dTitle{font-size:24px;color:#ffda7c;text-align:center;font-family:'Lilita One',sans-serif}
#pfStandardsPage .dSub,#pfStandardsPage .dCap{text-align:center;color:#c5dded;line-height:1.6;font-size:11px;margin:8px 0}
#profile button:focus-visible{outline:3px solid #85e5ff;outline-offset:2px}
@media(min-width:420px){#profile .pfOverview{gap:14px}#profile #pfAvatar{width:65px;height:65px}#profile #pfStandardsOpen{font-size:12px}}
@media(prefers-reduced-motion:reduce){#profile #pfBody{scroll-behavior:auto}#profile.on{animation:none}}
#profile #pfAch{grid-template-columns:repeat(2,minmax(0,1fr))}
#profile #pfAch .a{min-width:0}
@media(max-width:350px){#profile #pfAch{grid-template-columns:1fr}}

/* Full-width deck below the identity / LOOK overview. */
#profile #pfDeck{padding:10px;gap:9px}
#profile #pfDeck .c{border-radius:10px}
#profile #pfDeck .lv{font-size:11px;padding:3px 6px;left:3px;bottom:3px}
