/* The approved screenshot supplies a single 1672 × 941 composition. */
.app[data-presentation=marina] .control-area{
  width:1514px;height:80px;padding:0;border:1px solid #ffffff38;border-radius:26px;
  transform:translateX(-50%) scale(var(--marina-scale));transform-origin:50% 0;
  background:linear-gradient(110deg,#151922de,#1719236e);backdrop-filter:blur(10px);
}
.app[data-presentation=marina] .hud{
  display:block;position:relative;width:1514px;max-width:none;height:80px;margin:0;padding:0;
  background:none;border:0;border-radius:0;box-shadow:none;
}
.app[data-presentation=marina] .hud .balance{position:absolute;left:88px;top:15px;padding:0;border:0;display:flex;gap:4px}
.app[data-presentation=marina] .hud .meter>span{font-size:13px;letter-spacing:0;color:#f3f3f3;font-weight:400}
.app[data-presentation=marina] .hud .meter strong{font-size:28px;line-height:1.1;color:#fff}
.app[data-presentation=marina] .hud .win{position:absolute;left:600px;top:15px;display:flex;gap:4px;text-align:left}
.app[data-presentation=marina] .hud .bet-select{align-items:flex-start;min-height:48px;padding:0;gap:4px}
.app[data-presentation=marina] .hud .bet-select>span{font-size:13px;letter-spacing:0;color:#fff;font-weight:400}
.app[data-presentation=marina] .hud .bet-select strong{font-size:28px}
.app[data-presentation=marina] #bet-up{top:0}.app[data-presentation=marina] #bet-down{bottom:0}
.app[data-presentation=marina] .spin-controls{position:absolute;left:1339px;top:-20px;display:flex;gap:12px;align-items:center}
.app[data-presentation=marina] .hud .spin{width:110px;height:110px;flex:none;border:2px solid #eee;background:#21242cee;box-shadow:inset 0 0 0 6px #13161c;color:white}
.app[data-presentation=marina] .hud .spin::before{display:none}
.app[data-presentation=marina] .hud .spin svg{display:block;width:70px;height:70px;stroke-width:3.8}
.app[data-presentation=marina] .hud .spin[data-action=skip] svg{display:none}