/* Match the supplied 1284 × 336 menu header without changing the play area.
   WEBP remains intact; these display windows select its original icon artwork.
   The full header scales uniformly with the fixed 470-unit menu shell. */
#menu .lobby-top{
  top:calc(var(--lobby-header-shift,0px) - 16px);left:0;right:auto;width:1284px;height:336px;display:block;
  transform:scale(.3660436137);transform-origin:top left;
}
#menu .lobby-top button{position:absolute;margin:0;filter:none;}
#menu .lobby-top button::before,#menu .lobby-top button::after{content:none!important;}
#menu .menu-profile-art,#menu .menu-lives-art,#menu .menu-coins-art,#menu .menu-settings-art{
  position:absolute;display:block;pointer-events:none;
  background-image:url('./assets/menu-header-reference.webp');
  background-repeat:no-repeat;background-size:1284px 336px;
}
#menu #lobby-profile{
  left:18px;top:117px;width:216px;height:216px;padding:0;
  border:0;border-radius:58px;background:none;box-shadow:none;
}
#menu .menu-profile-art{
  inset:0;background-position:-18px -117px;
  clip-path:inset(0 0 2px 0 round 58px);
}
#menu .lobby-top .lobby-counter{
  top:170px;height:108px;display:flex;align-items:center;justify-content:center;
  border:3px solid #a2a4c0;border-radius:44px;
  background:linear-gradient(#fff 0%,#fbfaff 16%,#f4f2fb 44%,#ddd9ee 75%,#c0bcd7 100%);
  box-shadow:inset 0 3px 3px #fff,inset 0 -4px 4px #9c96b677,3px 4px 4px #36688799;
  color:#873c20;text-shadow:none;gap:0;
}
#menu .lobby-top .lobby-counter strong{
  position:relative;display:block;min-width:0;max-width:100%;
  font-family:Fredoka,sans-serif;font-size:58px;font-weight:700;
  line-height:1;letter-spacing:0;white-space:nowrap;text-align:center;
}
#menu #lobby-lives{left:320px;width:354px;padding:0 28px 0 100px;}
#menu .menu-lives-art{
  left:-35px;top:-8px;width:151px;height:137px;background-position:-288px -165px;
  clip-path:path('M 65 18 C 43 -3 9 7 4 34 C -2 61 26 84 53 102 C 65 111 74 113 86 101 C 105 84 126 62 126 36 C 127 8 99 -7 79 5 C 72 9 68 13 65 18 Z M 149 96 A 35 35 0 1 1 79 96 A 35 35 0 1 1 149 96 Z');
}
#menu #lobby-coins-button{left:747px;width:348px;padding:0 27px 0 110px;}
#menu .menu-coins-art{
  left:-32px;top:-7px;width:160px;height:137px;background-position:-718px -166px;
  clip-path:path('M 120 58 A 60 58 0 1 1 0 58 A 60 58 0 1 1 120 58 Z M 155 95 A 35 35 0 1 1 85 95 A 35 35 0 1 1 155 95 Z');
}
#menu #lobby-coins{font-size:var(--menu-coins-size,58px);}
#menu #lobby-settings{
  left:1134px;top:165px;width:120px;height:123px;padding:0;
  border:0;border-radius:40px;background:none;box-shadow:none;
}
#menu .menu-settings-art{
  inset:0;background-position:-1134px -165px;
  clip-path:inset(0 0 2px 0 round 40px);
}
#menu .lobby-top button:active:not(:disabled){transform:translateY(3px);box-shadow:none!important;}
#menu .lobby-top button:focus-visible{outline:5px solid #fff;outline-offset:6px;}

/* Two separated shortcuts above Play, using the same portrait shell scale. */
.lobby-shortcuts{position:absolute;top:596px;left:49px;width:372px;display:flex;gap:32px}
.lobby-shortcut{position:relative;width:170px;height:88px;flex:none;border:2px solid #2874a8;border-radius:25px;background:linear-gradient(#8bf6ff,#39caed 48%,#239acf);box-shadow:inset 3px 4px 4px #efffffbb,inset -3px -5px 5px #12629a88,0 4px 3px #336b9166;color:white;font-size:34px;line-height:1;-webkit-text-stroke:2px #285d85;paint-order:stroke fill;text-shadow:0 3px 0 #285d85}
.lobby-shortcut.theme-shortcut{border-color:#6834b2;background:linear-gradient(#dca0ff,#b664ee 48%,#8741d1);box-shadow:inset 3px 4px 4px #ffe5ffbb,inset -3px -5px 5px #60229488,0 4px 3px #5e468866;-webkit-text-stroke-color:#603486;text-shadow:0 3px 0 #603486}