.whats-new-item{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}.whats-new-item>div{min-width:0}.whats-new-item b,.whats-new-item small,.release-note-row b,.release-note-row small{display:block;overflow-wrap:break-word}.whats-new-item small,.release-note-row small{font-size:1rem!important;line-height:1.55!important}.whats-new-item b{font-size:1.1rem!important;line-height:1.35}.whats-new-icon{width:44px!important;height:44px!important}.sanctuary-whats-new{display:grid;gap:12px}.sanctuary-whats-new>.release-note-row{display:block!important;padding:16px;border:1px solid var(--line);border-radius:16px}.release-note-row small{margin-top:6px;color:var(--muted)}
[data-medal-tier]{--medal-light:#ecc79f;--medal-mid:#bb7c45;--medal-dark:#72472b}[data-medal-tier=silver]{--medal-light:#f5f8ff;--medal-mid:#b7c2d3;--medal-dark:#62718a}[data-medal-tier=gold]{--medal-light:#fff4b8;--medal-mid:#e1b347;--medal-dark:#896021}.badge-icon[data-medal-tier],.achievement-medal[data-medal-tier]:not([data-medal-tier=""]){background:linear-gradient(145deg,var(--medal-light),var(--medal-mid) 48%,var(--medal-light) 52%,var(--medal-dark));border-radius:50%;color:#302416;border:3px double var(--medal-dark);box-shadow:0 4px 14px #0002,inset 0 0 0 4px #fff5}.achievement-journey-card[data-medal-tier]:not([data-medal-tier=""]){border-color:var(--medal-mid);background:linear-gradient(155deg,color-mix(in srgb,var(--medal-light) 12%,var(--surface,var(--card))),var(--surface,var(--card)))}.achievement-journey-card.locked[data-medal-tier]:not([data-medal-tier=""]){filter:none;opacity:.75}
.premium-avatar{position:relative;display:grid;width:100%;height:100%;place-items:center;isolation:isolate;color:#d9b55b}.premium-avatar-photo{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--accent-soft,#25223a);overflow:hidden}.premium-avatar-photo>img{width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit!important}.premium-avatar.shape-square .premium-avatar-photo{border-radius:25%}.premium-avatar.shape-rectangle .premium-avatar-photo{border-radius:22%/16%}.premium-frame-ring{position:absolute;inset:2%;border:3px double currentColor;border-radius:50%;box-shadow:0 0 7px currentColor,inset 0 0 3px currentColor;pointer-events:none}.shape-square .premium-frame-ring{border-radius:26%}.shape-rectangle .premium-frame-ring{border-radius:24%/18%}.laurel-ornament{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#dbb45a;filter:drop-shadow(0 1px 1px #705017)}.premium-platinum-halo{color:#e0e7f3}.premium-royal-sapphire{color:#d9b75d}.premium-royal-sapphire .premium-frame-ring{background:linear-gradient(135deg,#193f8233,#06306733);border-width:5px}.premium-rose-gold{color:#d6a292}.premium-covenant-emerald{color:#44b795}.premium-covenant-emerald .premium-frame-ring{border-color:#d7b45d;box-shadow:0 0 0 3px #146b57}
.premium-frame-picker{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:18px}.premium-frame-picker h3{font-size:1rem;margin:0 0 6px}.premium-frame-picker p{font-size:.9rem;color:var(--muted);line-height:1.5}.premium-frame-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.premium-frame-choices button{border:1px solid var(--line);border-radius:14px;background:var(--surface,var(--card));color:var(--ink);padding:12px;font-size:.9rem;min-height:44px}.premium-frame-choices button[aria-pressed=true]{border-color:var(--violet);outline:2px solid var(--violet);outline-offset:1px}.premium-frame-sample{display:block;width:64px;height:64px;margin:0 auto 8px}.premium-gift-preview{width:120px;height:120px;margin:0 auto 20px}.premium-local-frame{outline:3px double #d6b35d;outline-offset:4px}.premium-local-platinum-halo{outline-color:#c4cede;box-shadow:0 0 12px #c4cede77}.premium-local-rose-gold{outline-color:#d6a292}.premium-local-covenant-emerald{outline-color:#198765}.premium-local-royal-sapphire{box-shadow:0 0 0 7px #163771}.local-laurel{position:absolute;width:104px;height:104px;top:0;left:50%;transform:translateX(-50%);pointer-events:none}

.sanctuary-whats-new .release-note-row>div{padding:0;border:0;background:none}.premium-gift-preview,.premium-frame-sample{color:#dab85e}.premium-local-golden-laurel{outline:none}.profile-photo-row .local-laurel{left:0;transform:none;width:100px;height:100px}

#profileEditor .profile-head-row{display:flex;flex-wrap:wrap;align-items:center}#profileEditor .profile-photo-wrap{width:100%;min-width:0}#profileEditor .profile-head-copy{min-width:0;max-width:100%;overflow-wrap:anywhere}#profileEditor .profile-sheet{overflow-x:hidden}#profileEditor .premium-frame-picker{width:100%;min-width:0;box-sizing:border-box}#profileEditor .premium-frame-choices button{min-width:0;overflow-wrap:break-word;white-space:normal}#profileEditor .photo-crop-editor{box-sizing:border-box;max-width:100%}.premium-pending-gift button{padding:12px 18px;border:0;border-radius:12px;background:var(--violet);color:white;font-weight:700}

/* Frame ornaments are positioned relative to the photo itself, including cropped previews. */
.premium-avatar{overflow:visible!important;border-radius:inherit}.premium-avatar-photo{width:100%;height:100%;border-radius:inherit}.premium-avatar.shape-round .premium-avatar-photo{border-radius:50%}.premium-avatar.shape-square .premium-avatar-photo{border-radius:26%}.premium-avatar.shape-rectangle .premium-avatar-photo{border-radius:22%/16%}.premium-ornament{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:fill!important;transform:none!important;pointer-events:none;z-index:4;filter:drop-shadow(0 1px 1px #30201055)}.premium-avatar-photo>.sanctuary-symbol{width:70%;height:70%}.premium-platinum-halo{color:#d7e1f1}.premium-royal-sapphire{color:#476eae}.premium-rose-gold{color:#d99b88}.premium-covenant-emerald{color:#35ac7e}
#profilePhotoPreview.premium-local-frame,#photoCropStage.premium-local-frame,#profilePreviewCard .premium-local-frame{position:relative!important;overflow:visible!important;outline:none!important;box-shadow:0 5px 18px #0002!important}#profilePhotoPreview.premium-local-frame>img,#photoCropStage.premium-local-frame>img,#profilePreviewCard .premium-local-frame>img{border-radius:inherit!important}#photoCropStage.premium-local-frame>img{clip-path:inset(0 round 24%)}.premium-local-ornament{position:absolute!important;inset:-14%!important;pointer-events:none;z-index:5;border-radius:0!important}.profile-photo-wrap:has(.premium-local-frame){padding:18px 20px 0}.photo-crop-editor:has(.premium-local-frame){padding-bottom:24px}.photo-crop-editor .photo-zoom-row{margin-top:38px}.profile-preview-main:has(.premium-local-frame){padding-top:18px}.premium-frame-sample{width:78px;height:78px;margin:4px auto 10px}.premium-local-frame.photo-shape-round{border-radius:50%!important}.premium-local-frame.photo-shape-square{border-radius:26%!important}.premium-local-frame.photo-shape-rectangle{border-radius:22%/16%!important}.avatar:has(.premium-avatar){overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}.avatar:has(.premium-avatar.shape-rectangle){aspect-ratio:3/4}.premium-gift-preview{width:150px;height:150px}

.premium-photo-viewport{position:absolute;inset:0;border-radius:inherit;overflow:hidden}#photoCropStage .premium-photo-viewport>img{clip-path:none!important}.premium-avatar.shape-square .premium-avatar-photo{border-radius:12%}.premium-avatar.shape-rectangle .premium-avatar-photo{border-radius:12%/9%}.premium-local-frame.photo-shape-square{border-radius:12%!important}.premium-local-frame.photo-shape-rectangle{border-radius:12%/9%!important}

#photoCropStage.premium-local-frame{margin-top:54px!important;margin-bottom:0!important}

.sanctuary-profile-avatar{display:block;width:100%;height:100%;border-radius:inherit;overflow:visible}

/* Keep the photo at its original size; grow only the ornament around it. */
.premium-avatar>.premium-ornament{inset:-14%!important;width:128%!important;height:128%!important}

/* Photo controls and gifted frames occupy separate full-width rows. */
#profileEditor .profile-head-row{display:block!important}#profileEditor .profile-photo-wrap,#profileEditor .profile-head-copy,#profileEditor #photoCropEditor,#profileEditor #premiumFramePicker{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;float:none;grid-column:1/-1}#profileEditor .profile-head-copy{margin-top:16px}#profileEditor #premiumFramePicker{clear:both;margin:20px 0}#profileEditor #premiumFramePicker p,#profileEditor #premiumFramePicker button{white-space:normal;overflow-wrap:anywhere}#profileEditor .premium-frame-choices{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:360px){#profileEditor .premium-frame-choices{grid-template-columns:minmax(0,1fr)}}

/* The photo masks the inner edge, leaving a slimmer surround outside it. */


/* Photos move beneath a fixed decorative overlay in every profile surface. */
.premium-avatar{isolation:isolate}
.premium-avatar-photo{position:relative;z-index:0!important}
.premium-avatar>.premium-ornament{z-index:10!important}
.premium-local-frame{isolation:isolate}
.premium-local-frame>.premium-photo-viewport,.premium-local-frame>img{z-index:0!important}
.premium-local-frame>.premium-local-ornament{z-index:10!important;pointer-events:none!important}
.sanctuary-creator-role{display:inline-block;margin:6px 0;padding:5px 10px;border:1px solid #bf984f;border-radius:5px;background:#17251f;color:#f8df9c;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.4}

/* A single preview viewport: only its container overlaps the cover. */
#profilePreviewCard .profile-preview-main{padding:0 20px 20px!important;display:flow-root}
#profilePreviewCard .profile-preview-main>.profile-photo-crop,#profilePreviewCard .profile-preview-main>.profile-photo{display:block!important;position:relative;box-sizing:border-box;width:96px!important;height:96px!important;margin:-48px 0 16px!important;flex-shrink:0}
#profilePreviewCard .profile-preview-main>.photo-shape-rectangle{width:80px!important;height:120px!important;margin-top:-60px!important}
#profilePreviewCard .profile-photo-crop>img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;transform:none!important;border:0!important}
#profilePreviewCard .profile-preview-main>.premium-local-frame{margin-bottom:28px!important}
#profileAppearanceSettings{margin-top:14px}#profileAppearanceSettings>.profile-section:first-child{margin-top:0}#profileAppearanceSettings .profile-head-row{margin-bottom:20px}
#settings .settings-profile-links{grid-template-columns:minmax(0,1fr)}#settings .settings-profile-links #openProfile{display:flex;align-items:center;justify-content:space-between;padding:16px;text-align:left}#openProfile b,#openProfile small{display:block}#openProfile small{font-size:14px;font-weight:400;color:var(--muted);margin-top:5px}
#settings #androidUpdateCard,#settings #webUpdateCard{margin:0 0 18px!important;border:1px solid color-mix(in srgb,var(--violet) 50%,var(--line));background:color-mix(in srgb,var(--violet) 8%,var(--card));padding:18px;border-radius:18px}#settings #androidUpdateCard .profile-complete-row{font-size:16px}#settings #checkAndroidUpdate,#settings #webUpdateCard>button{min-height:48px;background:var(--violet);color:#fff;border-color:var(--violet);font-size:16px;font-weight:800}#settings #webUpdateCard>button{width:100%}

/* Badge details sit above the journey and its source screen. */
#achievementDetail{z-index:800;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
#achievementDetail .achievement-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain}
#achievementDetailClose{min-height:48px;width:100%;font:inherit;font-weight:700;background:var(--theme-header,#25253e);color:#fff}
#achievementDetailKicker{color:var(--accent-ink,var(--violet))}
#achievementDetail .achievement-medal{flex-shrink:0}
.achievement-count{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted);font-variant-numeric:tabular-nums}
[data-medal-tier^="legendary-"]{--legend-face:#153457;--legend-glow:#345f89;--legend-rim:#d5e6f6;--legend-ink:#f4e5b3}
[data-medal-tier="legendary-amethyst"]{--legend-face:#35264e;--legend-glow:#695083;--legend-rim:#e6d4f3;--legend-ink:#fff0c3}
[data-medal-tier="legendary-diamond"]{--legend-face:#1d3c41;--legend-glow:#3e7077;--legend-rim:#eefeff;--legend-ink:#fff2c9}
.achievement-journey-card[data-medal-tier^="legendary-"]{position:relative;border:1px solid color-mix(in srgb,var(--legend-rim) 45%,var(--line));background:var(--surface,var(--card));box-shadow:inset 0 3px 0 var(--legend-glow);padding-top:20px}
.achievement-journey-card.locked[data-medal-tier^="legendary-"]{opacity:1}
.badge-icon[data-medal-tier^="legendary-"],.achievement-medal[data-medal-tier^="legendary-"]{position:relative;isolation:isolate;display:grid;place-items:center;border:0;border-radius:0;background:linear-gradient(135deg,#fff7d8,var(--legend-rim) 40%,#8a774d 65%,var(--legend-rim));color:var(--legend-ink);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);box-shadow:none}
.badge-icon[data-medal-tier^="legendary-"]{width:64px;height:64px}
[data-medal-tier^="legendary-"]>.legendary-insignia{position:relative;width:82%;height:82%;z-index:1}
.badge-icon[data-medal-tier^="legendary-"]:before,.achievement-medal[data-medal-tier^="legendary-"]:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:radial-gradient(circle at 25% 15%,var(--legend-glow),var(--legend-face) 75%)}
.badge-icon[data-medal-tier^="legendary-"]:after,.achievement-medal[data-medal-tier^="legendary-"]:after{content:"";position:absolute;inset:8px;border:1px solid #f7e3a659;border-radius:50%;pointer-events:none}
.legendary-label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.5;color:var(--accent-ink,var(--violet));margin:0 0 7px}
.achievement-journey-card[data-medal-tier^="legendary-"] .achievement-progress i{background:var(--legend-glow)}
#achievementDetailIcon[data-medal-tier^="legendary-"]{width:104px;height:104px}

/* A shared viewport keeps the picture and its frame on exactly the same shape. */
:is(#circleView,#communityDialog) .avatar:has(>.sanctuary-profile-avatar){overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;flex-shrink:0}
:is(#circleView,#communityDialog) .avatar:has(.sanctuary-profile-avatar .shape-round){height:auto!important;aspect-ratio:1;border-radius:50%!important}
:is(#circleView,#communityDialog) .avatar:has(.sanctuary-profile-avatar .shape-square){height:auto!important;aspect-ratio:1;border-radius:12%!important}
:is(#circleView,#communityDialog) .avatar:has(.sanctuary-profile-avatar .shape-rectangle){height:auto!important;aspect-ratio:3/4;border-radius:12%/9%!important}
.sanctuary-profile-avatar .premium-avatar-photo{border-radius:inherit}
.premium-frame-sample:has(.shape-rectangle){width:58.5px;height:78px}

/* The slim Tide ring has a larger opening than the sculpted glass border. */
.premium-avatar.premium-tempest-silver>.premium-ornament{inset:-8%!important;width:116%!important;height:116%!important}
.premium-local-ornament.premium-tempest-silver{inset:-8%!important}
.premium-avatar.premium-tempest-silver.shape-square .premium-avatar-photo{border-radius:22%}
.premium-avatar.premium-tempest-silver.shape-rectangle .premium-avatar-photo{border-radius:22%/16.5%}
.premium-local-tempest-silver.photo-shape-square{border-radius:22%!important}
.premium-local-tempest-silver.photo-shape-rectangle{border-radius:22%/16.5%!important}