/* Control-deck and narrow-screen layout overrides for the standalone game. */
.r777-controls{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;padding:10px 14px;box-shadow:inset 0 1px #f3c55b33,0 10px 25px #0008}
.r777-primary-controls{display:grid;grid-template-columns:minmax(0,1fr) 128px 132px;align-items:center;gap:12px}
.r777-bet-control{position:relative;height:84px;display:grid;grid-template-columns:110px minmax(100px,1fr) 110px;align-items:center;gap:8px;padding:7px 12px;border:1px solid #9f6e32;border-radius:14px;background:#130207cc}
.r777-control-label{position:absolute;top:6px;left:18px;font-size:9px;letter-spacing:.16em;color:#c79c5c}
.r777-bet-control strong{text-align:center;color:#fff1ad;font-size:clamp(17px,2.3vw,26px)}
.r777-utility-controls{display:grid;grid-template-columns:160px;justify-content:center;gap:0;border-top:1px solid #d9a74b33;padding-top:5px}
.r777-art-btn img{display:block;width:100%;height:62px;aspect-ratio:auto;object-fit:contain}
.r777-spin{grid-column:auto;grid-row:auto;width:128px;height:108px;justify-self:center;transform:none}
.r777-spin img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.r777-auto-btn{height:64px;border:2px solid #d6a33d;border-radius:12px;background:linear-gradient(180deg,#8b1723,#3a050d);color:#ffeaa3;box-shadow:inset 0 1px #fff3a855,0 5px 10px #0008;cursor:pointer;font-weight:900;letter-spacing:.08em}
.r777-auto-btn span{display:block;font-size:18px}
.r777-auto-btn small{display:block;margin-top:2px;color:#d5ae69;font-size:8px;font-weight:700;letter-spacing:.04em}
.r777-auto-btn.is-active{border-color:#7ee7ff;color:#fff;box-shadow:inset 0 1px #fff8,0 0 14px #45d9ff;background:linear-gradient(180deg,#8c2133,#420914)}
.r777-utility-controls .r777-art-btn,.r777-utility-controls .r777-art-btn img{width:160px;height:54px}
.r777-art-btn span{height:56px;aspect-ratio:auto}
.r777-bet-step b{position:absolute;left:50%;bottom:3px;z-index:2;transform:translateX(-50%);min-width:74%;padding:2px 5px;border:1px solid #f3ce6a66;border-radius:999px;background:#26030cdd;color:#fff1a8;font-size:11px;line-height:1.15;text-align:center;white-space:nowrap;box-shadow:0 2px 7px #0008}
.r777-header{grid-template-columns:48px minmax(0,1fr) 48px}
.r777-header::after{content:"";width:48px}
.r777-app{min-height:0;padding-bottom:8px}
.r777-header{height:64px;padding:2px 8px;border:0;background:transparent;box-shadow:none}
.r777-logo{height:58px;filter:drop-shadow(0 4px 8px #000)}
.r777-home{background:#24030bbb;box-shadow:0 3px 10px #0008}
.r777-cabinet{margin-top:clamp(150px,22vh,230px)}

@media(max-width:620px){
  .r777-header{height:50px;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;padding:0 5px;overflow:hidden}
  .r777-home{position:relative;z-index:2;width:32px;height:32px}
  .r777-logo{display:block;width:min(145px,100%);max-width:100%;height:46px;min-width:0;justify-self:center;object-fit:contain}
  .r777-header::after{width:34px}
  .r777-cabinet{margin-top:clamp(170px,24vh,250px)}
  .r777-symbol img{transform:scale(1.12)}
  .r777-dashboard{gap:3px;margin-top:3px}
  .r777-readout{padding:5px 2px}
  .r777-readout strong{font-size:12px}
  .r777-controls{grid-template-columns:1fr;gap:5px;margin-top:5px;padding:7px;border-radius:13px}
  .r777-primary-controls{grid-template-columns:minmax(0,1fr) 82px 70px;gap:4px}
  .r777-bet-control{height:68px;grid-template-columns:64px minmax(56px,1fr) 64px;gap:2px;padding:3px 5px}
  .r777-bet-control .r777-art-btn img{height:58px}
  .r777-bet-step b{bottom:1px;min-width:82%;padding:1px 3px;font-size:8px}
  .r777-bet-control strong{font-size:13px}
  .r777-control-label{top:4px;left:10px;font-size:8px}
  .r777-spin{grid-column:auto;grid-row:auto;width:78px;height:72px;transform:none}
  .r777-auto-btn{height:48px;padding:3px;border-radius:9px}
  .r777-auto-btn span{font-size:12px}
  .r777-auto-btn small{font-size:6px}
  .r777-utility-controls{grid-template-columns:120px;gap:0;padding-top:3px}
  .r777-utility-controls .r777-art-btn,.r777-utility-controls .r777-art-btn img{width:120px;height:42px}
  .r777-utility-controls .r777-art-btn span{height:42px;border-width:1px;font-size:8px}
  .r777-message{max-width:90%;font-size:11px;overflow:hidden;text-overflow:ellipsis}
}