/* ALFA GAMES / local cabinet edition.
   Intentionally scoped to cabinet parts; hub, header, footer and page layout stay intact. */
.cab,.agc{--case-edge:#8c9298;--case-orange:#ff7824;--case-light:#ffbf7e;}
.cab__marquee,.agc__marquee{
  border:1px solid var(--case-edge);border-bottom:3px solid var(--case-orange);
  border-radius:5px 5px 0 0;
  background:linear-gradient(110deg,#11161b,#293037 44%,#13181d 84%,#363c42);
  box-shadow:inset 0 2px 0 #d8dee34d,inset 0 -4px 10px #0009,0 -6px 30px #ff781615;
}
.cab__marquee::before,.agc__marquee::before{
  content:"";position:absolute;inset:20% 13px;pointer-events:none;
  background:radial-gradient(circle,#020305 1px,#80868c66 1.5px,transparent 2px) 0 0/5px 5px;
  mask-image:linear-gradient(90deg,#000 24px,transparent 24px,transparent calc(100% - 24px),#000 calc(100% - 24px));
}
.cab__marquee::after,.agc__marquee::after{
  left:10%;right:10%;height:1px;bottom:3px;
  background:linear-gradient(90deg,transparent,#ffd5a4,transparent);
  box-shadow:0 2px 12px #ff8b47aa;
}
.cab__mq-en{color:#f5f5f0;text-shadow:0 2px 0 #000,0 0 14px #fff2;letter-spacing:.07em;}
.cab__mq-en b{color:#ff9a43;}
.cab__mq-sub{color:#c1c6cc;}
.agc__marquee b{color:#d9b28b;font-size:.6rem;letter-spacing:.22em;}
.agc__marquee span{color:#fff5e9;text-shadow:0 1px 0 #000,0 0 12px #ff781633;}
.cab__body,.agc__body{
  background:linear-gradient(90deg,#969ca1 0,#343b42 2px,#151b21 9px,#242a30 18px,#13191e 30px, #10151a calc(100% - 30px),#41484f calc(100% - 12px),#161d24 calc(100% - 4px),#8d969f);
  border-color:#5d646b;
  box-shadow:inset 0 2px 0 #ffffff19,0 18px 30px #0009,0 0 0 2px #090b0e;
}
.cab__body::before,.cab__body::after,.agc__body::before,.agc__body::after{
  top:10px;bottom:10px;width:4px;border-radius:2px;
  background:linear-gradient(#ffe4b7,#ff862b 20%,#f95710 70%,#7c2e12);
  box-shadow:0 0 8px #ff6b204d,inset 1px 0 #ffe5b8;opacity:1;
}
.cab__body::before,.agc__body::before{left:5px;}
.cab__body::after,.agc__body::after{right:5px;}
.cab__bezel,.agc__bezel{
  border:1px solid #636c74;border-radius:9px;
  background:linear-gradient(145deg,#050608,#192025 50%,#07090c);
  box-shadow:0 0 0 3px #080b0e,inset 0 0 0 3px #171c20,inset 0 8px 18px #000;
}
.cab__glass,.agc__glass{background:linear-gradient(125deg,#ecf5ff05,transparent 32%);border-radius:4px;}
.agc__screen{box-shadow:inset 0 0 0 1px #ffffff17;}
.agc__screen::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#00000015 3px 4px);
  box-shadow:inset 0 0 22px #0005;
}
.cab__panel,.agc__panel{
  background:linear-gradient(105deg,transparent 68%,#ff7c2420 68% 70%,transparent 70% 72%,#ff7c2450 72% 73%,transparent 73%),
    repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(#465058,#171e24 50%,#2c343c);
  border-color:#858e95;border-top:2px solid #b7bdc244;
  box-shadow:inset 0 2px 0 #c7d0d633,inset 0 -6px 12px #0008,0 5px 0 #050708;
}
.cab__panel::before,.cab__panel::after,.agc__panel::before,.agc__panel::after{
  content:"";position:absolute;top:45%;width:5px;height:5px;border-radius:50%;
  background:linear-gradient(135deg,#b1b9bf 42%,#343b42 44% 57%,#9ea6ad 59%);
  box-shadow:0 0 0 2px #11171b,0 1px 3px #000;pointer-events:none;
}
.cab__panel::before,.agc__panel::before{left:14px;}
.cab__panel::after,.agc__panel::after{right:14px;}
.cab__stick,.agc__stick{
  position:relative;
  background:radial-gradient(circle at 30% 23%,#fff0ce,#ffaf5a 14%,#ee6c15 45%,#8a2b06 76%,#381203);
  box-shadow:0 3px 0 #3d1709,0 5px 0 2px #101419,0 0 0 6px #323b43,0 0 0 7px #818c93,0 7px 12px #000b;
}
.cab__btns i,.agc__btns i{
  background:radial-gradient(circle at 35% 25%,#929da5,#4f5a63 35%,#1d252c 70%);
  box-shadow:0 3px 0 #080b0d,0 0 0 2px #10151a,0 0 0 3px #65717b,inset 0 1px #d9e2e980;
}
.cab__btns i:first-child,.agc__btns i:first-child{
  background:radial-gradient(circle at 35% 25%,#ffdcb2,#ff973b 30%,#d54908 75%);
  box-shadow:0 3px 0 #622006,0 0 0 2px #11171b,0 0 0 3px #8c776a,0 0 12px #ff6c1729;
}
.cab__1p{color:#bec7ce;}
.cab__front,.agc__front{
  position:relative;background:linear-gradient(110deg,#343a40,#151b20 30%,#171e24 78%,#373f46);
  border:1px solid #636b72;border-top:1px solid #aab4bd55;border-radius:0 0 6px 6px;
  box-shadow:inset 0 -3px 0 #040609,0 10px 18px #0006;
}
.cab__front{display:flex;}
.cab__front .coin__msg,.agc__front em{color:#ffbe7a;animation:none;text-shadow:0 0 12px #ff660030;}
.cab__credit{color:#c2c9ce;}.cab__credit b{color:#ffa54a;}
.cab__plate,.agc__front small{color:#afb8c0;letter-spacing:.12em;}
.cab .coin:focus-visible{outline:2px solid #ffc487;outline-offset:5px;border-radius:3px;}
.cab .coin__plate{border:1px solid #e1e6e9;box-shadow:inset 0 1px #fff,0 3px 0 #080d11,0 0 0 2px #0e1319;}
.cab .coin__engrave{color:#2b3035;}
@media(hover:hover){
  .ag-card:hover .agc__screen,.ag-card:focus-visible .agc__screen{filter:brightness(1.13);}
  .cab .coin:hover .coin__plate{filter:brightness(1.2);}
}
/* Preserve the available play area and keep the coin slot usable on short screens. */
@media(max-height:760px){
  .cab__marquee{padding:7px 16px 6px;}
  .cab__panel{height:30px;gap:22px;}
  .cab__front{display:flex;min-height:44px;padding:4px 12px;gap:10px;}
  .cab .coin__plate{width:34px;padding:3px 0;gap:2px;}
  .cab .coin__slot{height:13px;}
  .cab .coin__return{height:5px;width:29px;}
  .cab .coin__msg{font-size:.6rem;}
  .cab__plate{display:none;}
}
@media(max-width:520px){
  .cab__marquee::before{inset:18% 8px;mask-image:linear-gradient(90deg,#000 12px,transparent 12px,transparent calc(100% - 12px),#000 calc(100% - 12px));}
  .cab__body::before,.cab__body::after{width:2px;left:2px;}
  .cab__body::after{left:auto;right:2px;}
  .cab__1p{font-size:.55rem;}
}
@media(max-height:560px){
  .cab__panel{display:none;}
  .cab__mq-sub{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .cab__marquee,.agc,.agc *{animation:none!important;transition:none!important;}
}