#menuProfile{position:absolute;z-index:12;top:calc(var(--safe-top,0px) + 22px);left:calc(var(--safe-left,0px) + 24px);width:270px;min-height:66px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border:4px solid var(--ink);border-radius:19px;background:var(--panel-fill);box-shadow:inset 0 0 0 2px #67853b,0 5px 0 #08100766;color:var(--text);text-align:left;cursor:pointer}
.menu-profile-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid #7ca345;border-radius:50%;background:#314824;color:#dcfa9e;overflow:hidden}
.menu-profile-avatar .account-provider-icon{width:27px;height:27px}.menu-profile-avatar img{width:100%;height:100%;object-fit:cover}
.menu-profile-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#menuProfileName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 15px/1.2 var(--ui)}
.menu-profile-progress{display:flex;align-items:center;gap:7px;font:800 11px var(--ui);color:#96eefa}
.menu-level{flex:none;white-space:nowrap}.menu-level strong{font:900 16px var(--ui)}
.xp-bar{height:11px;overflow:hidden;border:2px solid #0d3543;border-radius:20px;background:#0c2028;box-shadow:inset 0 1px 2px #0005;min-width:0}
.xp-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#218ef1,#44e9ee);border-radius:inherit;transition:width .25s ease}
.menu-profile-progress .xp-bar{flex:1;height:10px}#menuXpText{font:800 9px/1 var(--ui);color:#a5dce8;font-variant-numeric:tabular-nums}
.level-max{font:900 9px var(--ui);padding:2px 4px;border-radius:4px;background:#38d1eb;color:#07323e}.level-max[hidden]{display:none}
#menuSettings{left:calc(var(--safe-left,0px) + 310px);top:calc(var(--safe-top,0px) + 25px)}
.profile-progression{padding:16px;margin:20px 0 12px;border:2px solid #397f90;border-radius:17px;background:linear-gradient(145deg,#112e35,#132721);color:#b3f6fc}
.profile-level-heading{display:flex;align-items:center;gap:8px;font:800 15px var(--ui);margin-bottom:12px}.profile-level-heading strong{font:400 32px var(--display);color:#54e7f0}.profile-level-heading small{margin-left:auto;font:700 12px var(--ui);color:#a4cfd2}
.profile-progression .xp-bar{height:16px}#profileXpText{display:block;text-align:right;margin-top:7px;font:800 13px var(--ui);font-variant-numeric:tabular-nums}
.xp-result-total{display:flex;align-items:center;gap:9px;margin-top:8px;padding:7px;border:2px solid #17475b;border-radius:13px;background:linear-gradient(135deg,#89f4f7,#38bce9);color:#103e52;font:400 19px var(--display)}
.xp-result-icon{display:block;flex:none;width:38px;height:38px;object-fit:contain}
.xp-result-total strong{margin-left:auto;font:400 27px var(--display);color:#083e58}
.result-progression{margin-top:10px;color:#a8edf5}.result-level-heading{display:flex;align-items:center;gap:5px;margin-bottom:5px;font:800 12px var(--ui)}#resultXpText{margin-left:auto;font:800 11px var(--ui);font-variant-numeric:tabular-nums}
.coin-result-total strong{color:#6b3b06}
body.playing #menuProfile{display:none}
@media(max-width:900px),(max-height:600px){#menuProfile{top:calc(var(--safe-top,0px) + 12px);left:calc(var(--safe-left,0px) + 14px);width:210px;min-height:54px;padding:5px 9px 5px 5px;gap:7px;border-width:3px;border-radius:15px}.menu-profile-avatar{width:34px;height:34px}.menu-profile-avatar .account-provider-icon{width:23px;height:23px}#menuProfileName{font-size:13px}.menu-profile-progress{font-size:10px}.menu-level strong{font-size:13px}#menuXpText{font-size:8px}#menuSettings{left:calc(var(--safe-left,0px) + 237px);top:calc(var(--safe-top,0px) + 15px);width:48px;height:48px;border-width:3px;border-radius:15px}#menuSettings svg{width:23px;height:23px}.profile-progression{padding:12px;margin-top:12px}.profile-level-heading strong{font-size:26px}.xp-result-total{font-size:17px}.xp-result-total strong{font-size:24px}}
@media(max-width:700px){#menuProfile{width:175px}#menuSettings{left:calc(var(--safe-left,0px) + 203px)}}
@media(max-width:600px){#menuProfile{width:clamp(112px,calc(50vw - 76px),174px)}.menu-profile-avatar{display:none}#menuSettings{left:calc(var(--safe-left,0px) + 14px);top:calc(var(--safe-top,0px) + 79px)}.profile-level-heading{flex-wrap:wrap}.profile-level-heading small{font-size:11px}.result-level-heading{flex-wrap:wrap}}