/* 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-tools{position:absolute;left:18px;top:16px;display:block;width:48px}
.app[data-presentation=marina] .hud .hud-icon{width:40px;height:46px}
.app[data-presentation=marina] .hud .hud-icon svg{width:29px;height:29px}
.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-control{position:absolute;left:1166px;top:8px;display:flex;width:150px;height:64px;padding:0;border:0;background:none}
.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] .hud .bet-control>button:not(.bet-select){position:absolute;right:0;width:34px;height:30px}
.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}
.app[data-presentation=marina] .auto-control{display:flex;width:38px;height:56px;padding:0;flex:none}
.app[data-presentation=marina] .auto-control svg{width:25px;height:25px}
.app[data-presentation=marina] .auto-control>span{font-size:8px}
.app[data-presentation=marina] .hud .bonus-meter{position:absolute;left:890px;top:10px;width:160px}
.app[data-presentation=marina] .board-size-comparison{display:none}
.app[data-presentation=marina] .scene-art-comparison{width:200px;padding:5px 8px;font-size:10px}
.app[data-presentation=marina] .scene-art-comparison label{margin:0}
.app[data-presentation=marina] .scene-art-comparison select{max-width:154px}
.app[data-presentation=marina] .scene-art-comparison .terrace-background-choice{margin-top:5px}
.scene-art-comparison label[hidden]{display:none}
.app[data-presentation=marina] .scene-art-comparison .premium-background-toggle{margin-top:5px;padding-top:5px}
@media(min-width:1101px){
  .app[data-presentation=marina] .scene-art-comparison{display:grid;grid-template-columns:98px 1fr;gap:5px 8px;width:320px}
  .app[data-presentation=marina] .scene-art-comparison .terrace-background-choice{margin:0}
  .app[data-presentation=marina] .scene-art-comparison .premium-background-toggle{grid-column:1/-1;margin-top:0;padding-top:3px;min-height:20px}
}
.scene-art-comparison .symbol-background-choices{grid-column:1/-1}
.scene-art-comparison .premium-background-style{grid-column:1/-1;margin-top:5px}
.scene-art-comparison .premium-background-style select{min-width:82px;flex-shrink:0}
.app[data-presentation=marina] .scene-art-comparison .premium-background-style{margin-top:3px}
@media(min-width:1101px){
  .app[data-presentation=marina] .symbol-background-choices{display:flex;gap:16px;border-top:1px solid #b8d4e830}
  .app[data-presentation=marina] .symbol-background-choices .premium-background-toggle{flex:1;border:0;gap:5px}
}