#profilePreviewDialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #4a677d;border-radius:20px;background:#111f31;color:#f3f8fc;overflow:auto;scrollbar-gutter:stable;container-type:inline-size;box-shadow:0 16px 48px #0006}
#profilePreviewDialog::backdrop{background:#020812c9;backdrop-filter:blur(5px)}
#profilePreviewDialog *{box-sizing:border-box;min-width:0}
#profilePreviewDialog button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
#profilePreviewDialog button:focus-visible,#profilePreviewDialog summary:focus-visible{outline:3px solid #65edcf;outline-offset:3px}
.profile-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:#111f31;border-bottom:1px solid #354c62}
#profilePreviewTitle{font-size:24px;margin:0;line-height:1.35}.profile-kicker{font-family:Outfit,Heebo,sans-serif;color:#9ccfc9;font-size:11px;letter-spacing:1px}
#profilePreviewContent{padding:16px 20px 12px;line-height:1.5}
.profile-identity{display:flex;gap:12px;align-items:center;margin-bottom:16px}.profile-identity img{flex:none;border:1px solid #315c61;border-radius:13px;padding:5px;background:#102c34}.profile-identity h3{font-size:18px;margin:0;overflow-wrap:anywhere}.profile-identity p{font-size:14px;color:#b9c8d8;margin:2px 0 0}
.profile-progression{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-progression>section{border:1px solid #3c586d;border-radius:16px;padding:16px;background:linear-gradient(145deg,#132c3c,#122237)}.profile-progression .profile-rank{border-color:#4c9b91;background:linear-gradient(145deg,#173d40,#132438)}
.profile-section-label{font-size:14px;color:#b9c8d8}.profile-rating-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}.profile-rating-value b{font-size:30px;line-height:1.25;color:#8bf5da;font-variant-numeric:tabular-nums}.profile-rating-value span{font-size:14px;color:#b8ffea}
.profile-level-value{font-size:24px;line-height:1.3;margin:6px 0 12px}.profile-level-value b{color:#94c3ff}.profile-progression h3{font-size:23px;line-height:1.35;margin:6px 0 14px}
.profile-placement{display:flex;gap:5px;direction:rtl}.profile-placement i{height:9px;flex:1;border:1px solid #496678;border-radius:3px;background:#0a1828}.profile-placement i.complete{background:#65edcf;border-color:#65edcf;box-shadow:0 0 10px #65edcf28}
.profile-xp{height:9px;background:#0a1828;border-radius:5px;border:1px solid #496678;overflow:hidden}.profile-xp i{display:block;height:100%;background:#94c3ff;border-radius:5px}
.profile-rank-position{font-size:15px;margin:10px 0 4px}.profile-caption{font-size:14px;color:#b9c8d8;margin:6px 0 0;line-height:1.5}
.profile-next{margin-block:14px;padding-inline-start:12px;border-inline-start:3px solid #65edcf}.profile-next span{display:block;color:#9ccfc9;font-size:13px}.profile-next strong{font-size:15px;font-weight:600}
.profile-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.profile-actions button{font-size:16px;padding:10px 14px}
#profilePreviewDialog .profile-explanation{margin-block:12px 0}#profilePreviewDialog summary{min-height:44px;padding-block:10px;font-size:14px}.profile-explanation p{font-size:15px;line-height:1.6}
.profile-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:5px}.profile-links button{font-size:14px;padding:7px!important;margin:0!important;width:auto!important;color:#b9c8d8}
.profile-demo-note{border:1px solid #927d50;color:#f4ce7a;background:#302c23;border-radius:10px;padding:7px 10px;margin:0 0 12px;font-size:13px}
body.in-duel #profilePreviewOpen,body.watching #profilePreviewOpen{display:none!important}
@container(max-width:430px){.profile-progression{grid-template-columns:1fr;gap:10px}.profile-progression>section{padding:12px 14px}.profile-identity{margin-bottom:12px}.profile-progression h3{font-size:22px;margin-bottom:10px}.profile-header{padding:12px 14px}#profilePreviewContent{padding:12px 14px 8px}.profile-caption{font-size:14px}.profile-next{margin-block:10px}.profile-links{gap:4px}}
@container(max-width:310px){.profile-actions{grid-template-columns:1fr}.profile-header{align-items:flex-start;gap:8px}#profilePreviewTitle{font-size:22px}.profile-kicker{letter-spacing:0;font-size:10px}}
@media(pointer:coarse){#profilePreviewDialog button,#profilePreviewDialog summary{min-height:48px}}
@media(max-height:600px){.profile-header{padding-block:8px}.profile-kicker{display:none}.profile-identity{margin-bottom:10px}}

/* Visible progress belongs to the existing entry card; never fixed above gameplay. */
#homeProgress{display:none;box-sizing:border-box;min-width:0;text-align:right;border:1px solid #3e716f;border-radius:15px;background:radial-gradient(ellipse at 100% 0%,#1b514a55,transparent 70%),linear-gradient(135deg,#142b3b,#102337);padding:0 14px 10px;margin-block:0 18px;box-shadow:inset 0 1px 0 #8bf5da12}
html[data-layout-preview="compact"] #homeProgress{display:block;min-height:162px}
body.invited-entry #homeProgress,body.in-duel #homeProgress,body.watching #homeProgress{display:none!important}
#homeProgress *{box-sizing:border-box;min-width:0}
.home-progress-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;color:#aec8d2;font-size:12px}
#homeProgress button{width:auto;min-height:44px;margin:0;padding:6px 2px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:#8bf5da;font-size:13px;font-weight:600;white-space:normal}
.home-progress-metrics{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}
.home-rating{padding-inline-start:16px;border-inline-start:1px solid #4a6b774f}
.home-metric-label{display:block;font-size:12px;color:#b7c8d5;line-height:1.4}
.home-progress-metrics strong{display:block;color:#eefaff;font-family:Heebo,sans-serif;font-weight:800;font-size:23px;line-height:1.45;font-variant-numeric:tabular-nums}
.home-rating strong{color:#8bf5da}.home-rating strong small{font-size:12px;font-weight:600;white-space:nowrap}
.home-rating-note{display:block;font-size:12px;line-height:1.5;color:#b7c8d5}
.home-xp{height:5px;border-radius:4px;margin-top:7px;background:#071826;box-shadow:inset 0 0 0 1px #3c5b6c;overflow:hidden}
.home-xp i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#5aabcf,#91e7e4)}
#homeProgress .home-next-goal{padding-block-start:9px;margin:9px 0 0;border-top:1px solid #4a6b774f;font-size:12px;line-height:1.6;color:#e0eaf3;overflow-wrap:anywhere}
.home-next-goal>span{color:#a7c4d3;margin-inline-end:6px}.home-next-goal b{color:#a8f3e0;font-weight:600}
#homeProgress.is-demo{border-color:#8a7445}#homeProgress.is-demo #homeProgressContext{color:#f2ce83}
#homeProgress .home-progress-status{min-height:70px;display:flex;align-items:center;color:#b7c8d5;font-size:14px;margin:0}
.home-progress-unavailable{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;font-size:14px}.home-progress-unavailable p{margin:0}
@media(max-width:380px){#homeProgress{padding-inline:10px}.home-progress-metrics{gap:10px;grid-template-columns:1fr 1.12fr}.home-rating{padding-inline-start:10px}.home-progress-metrics strong{font-size:21px}.home-progress-top{font-size:11px}}