.account-overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px;background:#02070dcc;backdrop-filter:blur(8px);color:#eef4fb}.account-overlay[hidden]{display:none}.account-surface{position:relative;width:min(1120px,96vw);max-height:92dvh;overflow:auto;border:1px solid #40596c;border-radius:16px;background:linear-gradient(145deg,#07141f,#081a27);box-shadow:0 30px 90px #000c}.account-close{position:absolute;z-index:5;right:18px;top:14px;width:40px;height:40px;border:0;background:transparent;color:#d8e3ed;font-size:30px;cursor:pointer}.account-surface h1,.account-surface h2,.account-surface h3,.account-surface p{margin-top:0}.account-surface button,.account-surface select{font:inherit}.account-primary{border:0!important;background:#ffdc00!important;color:#181300!important;font-weight:800}.support-layout,.settings-layout{display:grid;grid-template-columns:265px 1fr;min-height:690px}.support-layout>aside,.settings-layout>aside{padding:32px 18px;border-right:1px solid #213747;background:linear-gradient(#0b2131,#071823)}.support-layout aside header{display:flex;gap:13px;align-items:center}.support-layout aside header>svg{width:40px;height:40px;padding:8px;border-radius:50%;background:#ffdc00;color:#151100}.support-layout aside h2,.settings-layout aside h1{margin:0;font-size:24px}.support-layout aside p,.settings-layout aside p{color:#9cacba}.support-layout nav,.settings-layout nav{display:grid;gap:5px;margin-top:28px}.support-layout nav button,.settings-layout nav button{display:flex;align-items:center;gap:14px;min-height:51px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#dce7ef;text-align:left}.support-layout nav button svg,.settings-layout nav button svg{width:22px}.support-layout nav button.active,.settings-layout nav button.active{background:#ffdc00;color:#171300;font-weight:800}.support-motto{margin:95px 18px 0;font-size:19px;line-height:1.4}.support-motto b{color:#ffdc00}.support-layout>main,.settings-layout>main{padding:42px 30px 24px}.support-copy h1{font-size:32px}.account-lead{color:#b9c6d0}.support-banner{height:200px;display:flex;justify-content:flex-end;align-items:flex-start;margin:20px 0;padding:30px;border:1px solid #344d60;border-radius:11px;background:linear-gradient(90deg,#05111a33,#05111a66),url('../images/ludo-bg.jpg') center/cover}.support-banner span{text-align:right;font-size:21px}.support-copy section,.support-copy details,.support-grid article{margin-top:18px;padding:18px;border:1px solid #213747;border-radius:10px;background:#0c1d29}.support-copy h3{display:flex;align-items:center;gap:10px}.support-copy h3 svg{color:#ffdc00}.support-copy li{margin:12px 0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-layout>main{display:grid;align-content:start;gap:12px}.settings-layout main>section{padding:17px;border:1px solid #253d4e;border-radius:10px;background:#0c1d29}.settings-layout h3{display:flex;align-items:center;gap:10px;margin-bottom:12px}.settings-layout h3 svg{width:23px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-row button{min-height:77px;display:grid;place-items:center;border:1px solid #344d60;border-radius:8px;background:#0d1d29;color:white}.choice-row button.active{border-color:#ffdc00;color:#ffdc00}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:18px}.setting-line select,.setting-line button{min-width:220px;height:42px;padding:0 14px;border:1px solid #40586a;border-radius:7px;background:#0b1924;color:white}.settings-layout label:not(.toggle-line){display:grid;grid-template-columns:170px 1fr 45px;align-items:center;gap:12px;margin:12px}.settings-layout input[type=range]{accent-color:#ffdc00}.toggle-line{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #ffffff0b}.toggle-line input{width:42px;accent-color:#ffdc00}.settings-layout footer{display:flex;justify-content:space-between}.settings-layout footer button{min-width:190px;height:45px;border:1px solid #607383;border-radius:7px;background:transparent;color:white}.profile-page{padding-bottom:20px}.profile-hero{min-height:175px;padding:28px 38px;background:linear-gradient(90deg,#06111acc,#06111a55),url('../images/ludo-bg.jpg') center/cover}.profile-hero button{border:0;background:none;color:white}.profile-hero h1{margin:16px 0 4px;font-size:36px}.profile-identity{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:24px;margin:-14px 24px 14px;padding:18px 24px;border:1px solid #31526a;border-radius:12px;background:#071723}.profile-avatar{width:125px;height:125px;display:grid;place-items:center;border:4px solid #ffdc00;border-radius:50%;background:#112b3d center/cover;font-size:46px}.profile-identity h2{margin-bottom:5px;font-size:29px}.profile-identity h2 small{color:#16e38e;font-size:15px}.profile-identity blockquote{margin:10px 0;color:#bdcad6}.profile-identity dl{display:grid;gap:14px}.profile-identity dl div{padding-left:16px;border-left:1px solid #31526a}.profile-identity dt{color:#9eafbd}.profile-identity dd{margin:4px 0;font-weight:800}.profile-identity>button{padding:16px;border:1px solid #9eb3c3;border-radius:8px;background:transparent;color:white}.profile-tabs{display:flex;gap:10px;margin:0 25px 10px}.profile-tabs button{min-width:230px;padding:12px;border:1px solid #31526a;border-radius:8px;background:#0b1c28;color:#cfdae4}.profile-tabs button.active{border-color:#ffdc00;color:#ffdc00}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 25px}.profile-grid>section{padding:16px;border:1px solid #31526a;border-radius:10px;background:#091a26}.profile-grid h2{display:flex;gap:10px;font-size:18px}.profile-grid h2 svg{color:#ffdc00}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stats article{display:grid;place-items:center;gap:7px;padding:18px 7px;border-radius:8px;background:#092950}.profile-stats article:nth-child(2){background:#063f35}.profile-stats article:nth-child(3){background:#45162a}.profile-stats article:nth-child(4){background:#31175b}.profile-stats svg{width:32px;height:32px}.profile-stats strong{font-size:25px}.earnings-total{display:grid;padding:10px;background:#102a3c}.earnings-total strong{font-size:28px}.earning-parts{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px}.achievements>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.achievements article{display:grid;place-items:center;gap:8px;padding:13px;background:#102330}.achievements svg{width:34px;height:34px;color:#ffdc00}.profile-callout{display:grid;place-content:center;background:radial-gradient(circle at 80%,#5c461c88,transparent 40%),#0b1822!important}.system-state{min-height:430px;display:grid;place-content:center;justify-items:center;gap:12px;padding:45px;text-align:center}.system-state>svg{width:82px;height:82px;padding:13px;border-radius:50%;background:#172d41;color:#ff334f}.system-state h1{margin:0;font-size:30px}.system-state p{max-width:430px;color:#bdcad5;font-size:18px}.system-state>div{display:flex;gap:12px}.system-state button{min-width:160px;padding:13px;border:1px solid #61798b;border-radius:8px;background:transparent;color:white}.system-state.reconnecting>svg,.system-state.loading>svg,.system-state.update>svg{color:#1687ff}.system-state.loading:after{content:'';width:280px;height:12px;border-radius:10px;background:linear-gradient(90deg,#ffdc00 65%,#28435c 65%)}
@media(max-width:800px){.account-overlay{padding:0}.account-surface{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.support-layout,.settings-layout{display:block}.support-layout>aside,.settings-layout>aside{padding:18px;border:0}.support-layout aside header{padding-right:45px}.support-layout nav,.settings-layout nav{display:flex;overflow:auto;margin-top:15px}.support-layout nav button,.settings-layout nav button{flex:0 0 auto;min-height:42px}.support-motto{display:none}.support-layout>main,.settings-layout>main{padding:20px 14px}.support-banner{height:150px}.support-grid{grid-template-columns:1fr}.choice-row{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-line{align-items:stretch;flex-direction:column}.setting-line select,.setting-line button{width:100%;min-width:0}.settings-layout label:not(.toggle-line){grid-template-columns:115px 1fr 38px;margin:12px 0}.profile-hero{min-height:135px;padding:22px 16px}.profile-identity{grid-template-columns:auto 1fr;margin:-10px 10px 10px;padding:14px}.profile-avatar{width:82px;height:82px}.profile-identity h2{font-size:20px}.profile-identity dl,.profile-identity>button{grid-column:1/-1}.profile-tabs{margin:0 10px 10px;overflow:auto}.profile-tabs button{min-width:175px}.profile-grid{grid-template-columns:1fr;margin:0 10px}.profile-stats{grid-template-columns:repeat(2,1fr)}.achievements>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.support-copy h1{font-size:26px}.choice-row button{font-size:12px}.settings-layout footer{gap:8px}.settings-layout footer button{min-width:0;flex:1}.profile-identity{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-identity dl,.profile-identity>button{grid-column:auto}.earning-parts{grid-template-columns:1fr;gap:10px}.system-state{padding:24px}.system-state>div{width:100%;flex-direction:column}.system-state button{width:100%}}
.system-overlay .account-surface{height:auto}
.public-profile-grid{grid-template-columns:1fr}.public-player-profile .profile-identity{grid-template-columns:auto 1fr 1fr}.public-player-profile .profile-identity dl{min-width:220px}.public-player-profile .profile-stats article:last-child{background:#3b2d0e}.lb-podium [data-lb-profile]{cursor:pointer}
.public-profile-grid .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.public-profile-grid .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.public-player-profile .profile-identity{grid-template-columns:auto 1fr}.public-player-profile .profile-identity dl{grid-column:1/-1;min-width:0}}
@media(max-width:430px){.public-player-profile .profile-identity{grid-template-columns:1fr}.public-player-profile .profile-identity dl{grid-column:auto}}

/* Full-width read-only account profile */
.my-profile-overlay{padding:12px}.my-profile-overlay .account-surface{width:min(1480px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-height:none;overflow:hidden}.my-profile-page{height:100%;display:grid;grid-template-rows:160px 176px 54px minmax(0,1fr);gap:12px;padding:0 20px 18px}.my-profile-hero{margin:0 -20px;display:flex;align-items:flex-start;justify-content:space-between;padding:24px 34px;background:linear-gradient(90deg,#06111acc,#06111a44),url('../images/ludo-bg.jpg') center/cover}.my-profile-hero>button{border:0;background:none;color:#e9f2f8;font-size:17px}.my-profile-hero>div{align-self:center;margin-right:auto}.my-profile-hero h1{margin:0;font-size:36px}.my-profile-hero p{color:#d0dae2}.my-profile-hero>strong{align-self:center;margin-right:35px;color:#ffdc00;font-size:20px;font-style:italic;text-align:right}.my-profile-identity{display:grid;grid-template-columns:auto minmax(280px,1.2fr) minmax(260px,.8fr) auto;align-items:center;gap:22px;padding:14px 24px;border:1px solid #31526a;border-radius:12px;background:#071723}.my-profile-identity .profile-avatar{width:125px;height:125px}.my-profile-name h2{margin:0;font-size:28px}.my-profile-name h2 small{color:#16e38e;font-size:14px}.my-profile-name p,.my-profile-name blockquote{margin:7px 0;color:#bdcad6}.my-profile-name>b{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:20px;background:#112b45;color:#bcd0e5}.my-profile-name>b svg{width:18px;color:#ffb31a}.my-profile-identity dl{display:grid;gap:12px;margin:0;padding-left:22px;border-left:1px solid #31526a}.my-profile-identity dl>div{display:flex;align-items:center;gap:12px}.my-profile-identity dl svg{width:30px;height:30px;color:#b9d5ff}.my-profile-identity dt{color:#9eafbd}.my-profile-identity dd{margin:3px 0 0;font-size:17px;font-weight:800}.my-profile-identity>button{display:flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid #9eb3c3;border-radius:8px;background:transparent;color:white}.my-profile-tabs{display:flex;gap:10px}.my-profile-tabs button{min-width:230px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #31526a;border-radius:8px;background:#0b1c28;color:#cfdae4}.my-profile-tabs button.active{border-color:#ffdc00;color:#ffdc00}.my-profile-grid{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr;gap:12px}.my-profile-card{min-height:0;padding:14px 18px;border:1px solid #31526a;border-radius:10px;background:#091a26;overflow:hidden}.my-profile-card h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:18px}.my-profile-card h2 svg{color:#ffdc00}.my-profile-card .profile-stats article{padding:12px 6px}.my-profile-card .profile-stats svg{width:27px;height:27px}.my-profile-card .profile-stats strong{font-size:23px}.my-profile-card.achievements>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.my-profile-card.achievements article{display:grid;place-items:center;gap:5px;padding:10px;text-align:center;background:#102330}.my-profile-card.achievements article svg{width:30px;color:#ffdc00}.my-profile-card.achievements article span{color:#b9c5cf;font-size:12px}.my-profile-card.achievements article.locked{filter:saturate(.25);opacity:.55}.my-earnings-total{display:flex;align-items:end;justify-content:space-between;padding:10px 14px;background:#102a3c}.my-earnings-total strong{font-size:27px}.my-earning-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;text-align:center}.my-earning-parts span{display:grid;color:#afbdc9;font-size:12px}.my-earning-parts b{color:#f3f7fa;font-size:15px}.my-profile-callout{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80%,#5c461c88,transparent 42%),#0b1822}.my-profile-callout>div>svg{width:34px;color:#ffdc00}.my-profile-callout>strong{color:#ffdc00;font-size:23px;font-style:italic;text-align:right}
@media(max-width:900px){.my-profile-overlay{padding:0}.my-profile-overlay .account-surface{width:100%;height:100dvh;overflow:auto;border:0;border-radius:0}.my-profile-page{height:auto;display:block;padding:0 12px 24px}.my-profile-hero{min-height:135px;margin:0 -12px 12px;padding:20px}.my-profile-hero>strong{display:none}.my-profile-identity{grid-template-columns:auto 1fr;margin-bottom:12px}.my-profile-identity dl,.my-profile-identity>button{grid-column:1/-1}.my-profile-tabs{overflow:auto;margin-bottom:12px}.my-profile-tabs button{flex:0 0 175px;min-height:48px}.my-profile-grid{display:grid;grid-template-columns:1fr}.my-profile-card{margin-bottom:0;overflow:visible}}
@media(max-width:480px){.my-profile-hero h1{font-size:29px}.my-profile-identity{grid-template-columns:1fr;text-align:center;padding:16px}.my-profile-identity .profile-avatar{margin:auto}.my-profile-identity dl{grid-column:auto;padding:12px 0 0;border-left:0;border-top:1px solid #31526a;text-align:left}.my-profile-identity>button{grid-column:auto;justify-content:center}.my-profile-card .profile-stats{grid-template-columns:repeat(2,1fr)}.my-profile-card.achievements>div{grid-template-columns:repeat(2,1fr)}.my-earning-parts{grid-template-columns:1fr}.my-profile-callout>strong{font-size:18px}}

/* My Profile is a real application page, not a bordered modal. */
#my-profile-page{display:none}
#desktop-design.profile-open>.dp-body,#desktop-design.profile-open>#history-page,#desktop-design.profile-open>#leaderboard-page{display:none!important}
#desktop-design.profile-open>#my-profile-page{display:grid;flex:1 0 auto;min-height:calc(100dvh - 128px);grid-template-rows:auto auto 48px auto;align-content:start;gap:10px;padding:10px 34px 12px;overflow:visible;background:radial-gradient(circle at 48% 24%,#142330,#050b11 72%);color:#f4f7fb}
#dashboard.desktop-preview-enabled{scrollbar-width:thin;scrollbar-color:#b89b38 #101720}
#dashboard.desktop-preview-enabled::-webkit-scrollbar{width:9px}
#dashboard.desktop-preview-enabled::-webkit-scrollbar-track{background:#101720}
#dashboard.desktop-preview-enabled::-webkit-scrollbar-thumb{background:#b89b38;border:2px solid #101720;border-radius:9px}
#dashboard.desktop-preview-enabled::-webkit-scrollbar-thumb:hover{background:#ffdc00}
#desktop-design.profile-open .dp-preview-label,#desktop-design.profile-open .dp-live-switch{display:none}
#desktop-design.profile-open .dp-footer>small{margin-left:auto}
#my-profile-page .my-profile-hero{min-height:0;margin:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:15px 26px;border:0;border-radius:12px;background:linear-gradient(90deg,#06111ae8,#06111a55,#06111ae8),url('../images/ludo-bg.jpg') center 48%/cover}
#my-profile-page .my-profile-hero>button{align-self:start;display:flex;align-items:center;gap:8px;padding:4px 0;border:0;background:none;color:#e9f2f8;font-size:15px}
#my-profile-page .my-profile-hero>button svg{width:18px;height:18px}
#my-profile-page .my-profile-hero>div{align-self:center;margin:0}
#my-profile-page .my-profile-hero h1{margin:0 0 5px;font-size:34px;line-height:1}
#my-profile-page .my-profile-hero p{margin:0;color:#d0dae2;font-size:14px}
#my-profile-page .my-profile-hero>strong{align-self:center;margin:0;color:#ffdc00;font:italic 19px/1.35 Georgia,serif;text-align:right}
#my-profile-page .my-profile-identity{min-height:0;grid-template-columns:auto minmax(270px,1.25fr) minmax(240px,.8fr) auto;gap:20px;padding:12px 24px}
#my-profile-page .my-profile-identity .profile-avatar{width:112px;height:112px;font-size:40px}
#my-profile-page .my-profile-name h2{font-size:26px}
#my-profile-page .my-profile-name h2 small{display:inline-flex;align-items:center;gap:6px}
#my-profile-page .my-profile-name h2 small i{width:9px;height:9px;border-radius:50%;background:#16e38e}
#my-profile-page .my-profile-name p,#my-profile-page .my-profile-name blockquote{margin:5px 0}
#my-profile-page .my-profile-identity dl{gap:9px}
#my-profile-page .my-profile-identity dl svg{width:28px;height:28px}
#my-profile-page .my-profile-tabs{min-height:0}
#my-profile-page .my-profile-tabs button{min-width:220px}
#my-profile-page .my-profile-grid{grid-template-rows:auto auto}
#my-profile-page .my-profile-card{padding:12px 16px}
#my-profile-page .my-profile-card.lifetime{padding:11px 14px 13px}
#my-profile-page .my-profile-card.lifetime h2{margin-bottom:8px;font-size:17px}
#my-profile-page .my-profile-card.lifetime h2 svg{width:22px;height:22px;stroke-width:3}
#my-profile-page .my-profile-card .profile-stats{gap:10px}
#my-profile-page .my-profile-card .profile-stats article{min-height:112px;align-content:center;gap:6px;padding:10px 6px;border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff0a}
#my-profile-page .my-profile-card .profile-stats article:nth-child(1){border-color:#0c4e8c;background:linear-gradient(145deg,#0a376a,#082852)}
#my-profile-page .my-profile-card .profile-stats article:nth-child(2){border-color:#076851;background:linear-gradient(145deg,#075341,#063a31)}
#my-profile-page .my-profile-card .profile-stats article:nth-child(3){border-color:#77223c;background:linear-gradient(145deg,#631a34,#431323)}
#my-profile-page .my-profile-card .profile-stats article:nth-child(4){border-color:#50268e;background:linear-gradient(145deg,#431c7d,#2e1558)}
#my-profile-page .my-profile-card .profile-stats svg{width:27px;height:27px;stroke-width:3}
#my-profile-page .my-profile-card .profile-stats article:nth-child(1) svg{color:#168cff}
#my-profile-page .my-profile-card .profile-stats article:nth-child(2) svg{color:#00e99a}
#my-profile-page .my-profile-card .profile-stats article:nth-child(3) svg{color:#ff174d}
#my-profile-page .my-profile-card .profile-stats article:nth-child(4) svg{color:#a445f5}
#my-profile-page .my-profile-card .profile-stats strong{font-size:23px;line-height:1}
#my-profile-page .my-profile-card .profile-stats span{color:#c7d2e0;font-size:12px;line-height:1.2}
#my-profile-page .my-profile-card.achievements article{padding:8px}

@media(max-width:1100px){#desktop-design.profile-open>#my-profile-page{grid-template-rows:auto auto auto auto;padding:10px 16px 14px;overflow:visible}#my-profile-page .my-profile-identity{grid-template-columns:auto 1fr 1fr}#my-profile-page .my-profile-identity>button{grid-column:3}#my-profile-page .my-profile-grid{grid-template-columns:1fr}#my-profile-page .my-profile-card{min-height:190px;overflow:visible}}
@media(max-width:700px){#desktop-design.profile-open>.dp-footer{display:none}#desktop-design.profile-open>#my-profile-page{display:block;padding:8px 8px calc(78px + env(safe-area-inset-bottom));overflow:visible}#my-profile-page .my-profile-hero{min-height:120px;grid-template-columns:1fr;padding:14px;margin-bottom:8px}#my-profile-page .my-profile-hero>button{width:max-content}#my-profile-page .my-profile-hero>strong{display:none}#my-profile-page .my-profile-identity{grid-template-columns:auto 1fr;margin-bottom:8px;padding:14px}#my-profile-page .my-profile-identity dl,#my-profile-page .my-profile-identity>button{grid-column:1/-1}#my-profile-page .my-profile-tabs{margin-bottom:8px;overflow-x:auto;scrollbar-width:none}#my-profile-page .my-profile-tabs::-webkit-scrollbar{display:none}#my-profile-page .my-profile-tabs button{flex:0 0 175px;min-height:46px}#my-profile-page .my-profile-grid{display:grid;grid-template-columns:1fr}#my-profile-page .my-profile-card{min-height:0;margin:0;overflow:visible}}
@media(max-width:480px){#my-profile-page .my-profile-identity{grid-template-columns:1fr;text-align:center}#my-profile-page .my-profile-identity .profile-avatar{margin:auto}#my-profile-page .my-profile-identity dl{grid-column:auto;text-align:left}#my-profile-page .my-profile-identity>button{grid-column:auto;justify-content:center}#my-profile-page .my-profile-card .profile-stats{grid-template-columns:repeat(2,1fr)}#my-profile-page .my-profile-card.achievements>div{grid-template-columns:repeat(2,1fr)}}
.reduce-motion *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.system-overlay .account-surface{width:min(620px,94vw);max-height:94dvh;background:linear-gradient(145deg,#071521f5,#06111cf5)}.system-state>svg{box-sizing:content-box}.system-state.signout>svg,.system-state.cancelled>svg,.system-state.error>svg{background:#46152a;color:#ff3755}.system-state.timeout>svg{background:#3b2d0e;color:#ffb000}.system-state.room>svg,.system-state.empty>svg{background:#172d41;color:#aac7f5}.system-state.reconnecting>svg{animation:system-pulse 1s ease-in-out infinite}.system-logo{width:122px;height:122px;object-fit:contain}.system-progress{width:min(310px,75vw)!important;height:12px;overflow:hidden;border-radius:10px;background:#28435c}.system-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:#ffdc00;animation:system-loading 1.3s ease-in-out infinite}.system-state.loading:after{display:none}.system-state.loading>div:last-child:empty{display:none}@keyframes system-loading{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}@keyframes system-pulse{50%{transform:scale(1.08);opacity:.72}}

/* Dashboard settings use the same audio preferences and controls as a match. */
.dashboard-audio-style,.dashboard-audio-tests{display:flex;align-items:center;gap:8px;margin:12px}.dashboard-audio-style>span{margin-right:auto;color:#d8e3ed}.dashboard-audio-style button,.dashboard-audio-tests button{min-height:36px;padding:0 12px;border:1px solid #40586a;border-radius:7px;background:#0b1924;color:#eaf1f7;font-weight:700;cursor:pointer}.dashboard-audio-style button.active{border-color:#ffdc00;background:#3e3510;color:#ffdc00}.dashboard-audio-tests button{flex:1}.dashboard-audio-note{margin:12px!important;color:#9cacba;font-size:12px;line-height:1.4}

@media (max-width:0px) {
/* Superseded compact personal-profile experiment; retained inert to preserve the original account page. */
#desktop-design.profile-open{position:relative}#desktop-design.profile-open>.dp-body,#desktop-design.profile-open>.dp-footer{display:flex!important}
#desktop-design.profile-open>#my-profile-page{position:absolute;z-index:120;inset:0;min-height:0;display:grid;place-items:center;padding:12px;overflow:hidden;background:#02070dcc;backdrop-filter:blur(7px)}
#my-profile-page .my-profile-dialog{width:760px;max-width:100%;padding:14px;overflow:hidden;border:1px solid #168cff;border-radius:18px;background:linear-gradient(145deg,rgba(7,25,39,.99),rgba(3,14,24,.99));box-shadow:0 24px 70px #000d,0 0 34px #168cff18}
#my-profile-page .my-profile-hero{height:105px;min-height:0;margin:0 0 9px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border:0;border-radius:11px;background:linear-gradient(90deg,#06111adb,#06111a55),url('../images/ludo-bg.jpg') center/cover}
#my-profile-page .my-profile-hero h1{display:flex;align-items:center;gap:10px;margin:0;color:#f6f8fb;font-size:31px}#my-profile-page .my-profile-hero h1 svg{width:34px;height:34px;color:#ffdc00}#my-profile-page .my-profile-hero h1 em{color:#ffdc00;font-style:normal}
#my-profile-page .my-profile-hero>button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:2px solid #168cff;border-radius:50%;background:#071927;color:#fff;font-size:28px;line-height:1}
#my-profile-page .my-profile-identity{display:grid;grid-template-columns:112px 1fr .85fr;align-items:center;gap:18px;min-height:150px;margin:0 0 9px;padding:13px 18px;border:1px solid #168cff;border-radius:11px;background:linear-gradient(135deg,#071d30,#061522)}
#my-profile-page .my-profile-identity .profile-avatar{width:100px;height:100px;margin:0;border-color:#ffdc00;font-size:35px;box-shadow:0 0 16px #ffdc0044}
#my-profile-page .my-profile-name h2{margin:0 0 7px;font-size:27px}#my-profile-page .my-profile-name p{margin:0 0 12px;color:#d6e1eb;font-size:14px}#my-profile-page .my-profile-name>b{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #168cff;border-radius:8px;background:#09243b;color:#e8f3ff;font-size:12px}#my-profile-page .my-profile-name>b svg{width:17px;height:17px;color:#19a4ff}
#my-profile-page .my-profile-rank{height:112px;display:grid;place-items:center;align-content:center;gap:4px;border-left:1px solid #168cff;color:#c7d7e7;text-align:center}#my-profile-page .my-profile-rank svg{width:31px;height:31px;color:#ffdc00}#my-profile-page .my-profile-rank span{font-size:14px}#my-profile-page .my-profile-rank strong{color:#ffdc00;font-size:43px;line-height:1}
#my-profile-page .my-profile-performance{padding:11px;border:1px solid #168cff;border-radius:11px;background:#071724}#my-profile-page .my-profile-performance h2{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:20px}#my-profile-page .my-profile-performance h2 svg{width:24px;height:24px;color:#20bdff}
#my-profile-page .my-profile-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#my-profile-page .my-profile-stats article{min-height:76px;display:grid;grid-template-columns:37px 1fr;align-items:center;column-gap:8px;padding:9px;border:1px solid #168cff;border-radius:8px;background:linear-gradient(145deg,#0a376a,#082852)}
#my-profile-page .my-profile-stats article:nth-child(2){border-color:#00bf82;background:linear-gradient(145deg,#075341,#063a31)}#my-profile-page .my-profile-stats article:nth-child(3){border-color:#ff245f;background:linear-gradient(145deg,#631a34,#431323)}#my-profile-page .my-profile-stats article:nth-child(4){grid-column:span 3;border-color:#9b4dff;background:linear-gradient(145deg,#431c7d,#2e1558)}#my-profile-page .my-profile-stats article:nth-child(5){grid-column:span 3;border-color:#ffd400;background:linear-gradient(145deg,#5f4807,#342805)}
#my-profile-page .my-profile-stats svg{grid-row:1/3;width:31px;height:31px;color:#43b6ff}#my-profile-page .my-profile-stats article:nth-child(2) svg{color:#00e99a}#my-profile-page .my-profile-stats article:nth-child(3) svg{color:#ff6b91}#my-profile-page .my-profile-stats article:nth-child(4) svg{color:#c77cff}#my-profile-page .my-profile-stats article:nth-child(5) svg{color:#ffdc00}#my-profile-page .my-profile-stats strong{font-size:22px;line-height:1;white-space:nowrap}#my-profile-page .my-profile-stats span{color:#d2ddea;font-size:11px}
}

/* Compact public-player popup opened from another player's card or badge. */
.public-profile-overlay{overflow:hidden}.public-profile-overlay .account-surface{width:700px;max-width:none;max-height:none;overflow:hidden;border-color:#168cff;border-radius:18px;background:linear-gradient(145deg,#071927,#03101b);transform:scale(var(--public-profile-scale,1));transform-origin:center}.public-profile-overlay>.account-surface>.account-close{display:none}
.public-profile-card{padding:13px}.public-profile-card>header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:11px;background:linear-gradient(90deg,#06111ad8,#06111a55),url('../images/ludo-bg.jpg') center/cover}.public-profile-card>header h1{display:flex;align-items:center;gap:10px;margin:0;font-size:30px}.public-profile-card>header h1 svg{width:34px;height:34px;color:#ffdc00}.public-profile-card>header h1 em{color:#ffdc00;font-style:normal}.public-profile-card>header button{width:38px;height:38px;padding:0;border:2px solid #168cff;border-radius:50%;background:#071927;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.public-profile-identity{display:grid;grid-template-columns:105px 1fr 210px;align-items:center;gap:17px;margin-top:9px;padding:13px 17px;border:1px solid #168cff;border-radius:11px;background:linear-gradient(135deg,#071d30,#061522)}.public-profile-identity .profile-avatar{width:94px;height:94px;border-color:#ffdc00;font-size:34px;box-shadow:0 0 16px #ffdc0044}.public-profile-identity h2{margin:0 0 7px;font-size:26px}.public-profile-identity p{margin:0 0 11px;color:#d6e1eb}.public-profile-identity b{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #168cff;border-radius:8px;background:#09243b;color:#e8f3ff;font-size:12px}.public-profile-identity b svg{width:17px;height:17px;color:#19a4ff}.public-profile-identity aside{height:105px;display:grid;place-items:center;align-content:center;gap:3px;border-left:1px solid #168cff;color:#c7d7e7;text-align:center}.public-profile-identity aside svg{width:29px;height:29px;color:#ffdc00}.public-profile-identity aside span{font-size:13px}.public-profile-identity aside strong{color:#ffdc00;font-size:40px;line-height:1}
.public-profile-performance{margin-top:9px;padding:10px;border:1px solid #168cff;border-radius:11px;background:#071724}.public-profile-performance h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:19px}.public-profile-performance h2 svg{width:23px;height:23px;color:#20bdff}.public-profile-performance>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.public-profile-performance article{min-height:70px;display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:7px;padding:8px;border:1px solid #168cff;border-radius:8px;background:linear-gradient(145deg,#0a376a,#082852)}.public-profile-performance article:nth-child(2){border-color:#00bf82;background:linear-gradient(145deg,#075341,#063a31)}.public-profile-performance article:nth-child(3){border-color:#ff245f;background:linear-gradient(145deg,#631a34,#431323)}.public-profile-performance article:nth-child(4){grid-column:span 3;border-color:#9b4dff;background:linear-gradient(145deg,#431c7d,#2e1558)}.public-profile-performance article:nth-child(5){grid-column:span 3;border-color:#ffd400;background:linear-gradient(145deg,#5f4807,#342805)}.public-profile-performance article svg{grid-row:1/3;width:28px;height:28px;color:#43b6ff}.public-profile-performance article:nth-child(2) svg{color:#00e99a}.public-profile-performance article:nth-child(3) svg{color:#ff6b91}.public-profile-performance article:nth-child(4) svg{color:#c77cff}.public-profile-performance article:nth-child(5) svg{color:#ffdc00}.public-profile-performance strong{font-size:20px;line-height:1;white-space:nowrap}.public-profile-performance span{color:#d2ddea;font-size:10px}
@media(max-width:843px){.public-profile-overlay{padding:0}.public-profile-overlay .account-surface{width:700px;max-width:none;height:auto;border:1px solid #168cff;border-radius:18px;transform:scale(var(--public-profile-scale,1))}}
