/* Level 31 Studios: rebalanced arcade page */
.arcade-main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:1050px;
  padding:16px 18px 90px;
  background:#071531;
  color:#fff;
}
.arcade-main::before,
.arcade-main::after{display:none!important;content:none!important}

.arcade-interior-scene{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(100%,1672px);
  max-width:1672px;
  height:auto;
  z-index:0;
  display:block;
  pointer-events:none;
  opacity:1;
  object-fit:contain;
  object-position:top center;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
}

.arcade-main>.arcade-hero,
.arcade-main>.arcade-grid,
.arcade-main>.arcade-bottom{position:relative;z-index:1}

.arcade-hero{
  text-align:center;
  width:min(980px,100%);
  margin:0 auto 22px;
  padding:8px 18px 14px;
  border-radius:16px;
  border:1px solid rgba(32,212,255,.42);
  background:rgba(3,12,35,.56);
  box-shadow:0 0 34px rgba(2,142,249,.22);
  backdrop-filter:blur(4px);
}
.arcade-emblem{
  display:block;
  width:clamp(100px,8.2vw,138px);
  height:auto;
  margin:0 auto 8px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(0,189,255,.58));
}
.arcade-overline{font-size:.74rem;letter-spacing:.22em;color:#75eeff;font-weight:900}
.arcade-hero h1{font-size:clamp(2.1rem,4.5vw,4.25rem);margin:8px 0 6px;line-height:1.04}
.arcade-hero h1 em{color:#37e0ff;font-style:normal}
.arcade-hero p{color:#c3dbf2;font-size:.98rem;margin:10px 0 0}
.arcade-glow-line{height:2px;width:min(430px,82%);margin:14px auto 0;background:linear-gradient(90deg,transparent,#03d7fa,#bb62ff,transparent)}

.arcade-grid{
  width:min(1090px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.arcade-cabinet{
  grid-column:span 2;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1.5px solid #10d5ff;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(7,24,60,.90),rgba(3,10,29,.94));
  box-shadow:0 0 22px rgba(3,178,255,.30),0 10px 24px rgba(0,0,0,.45);
}
.arcade-cabinet:nth-child(even){border-color:#b366ef;box-shadow:0 0 22px rgba(168,87,255,.26),0 10px 24px rgba(0,0,0,.45)}
.arcade-cabinet:nth-child(4){grid-column:2/span 2}
.arcade-cabinet:nth-child(5){grid-column:4/span 2}

.cab-screen{
  height:138px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:radial-gradient(ellipse at 50% 45%,rgba(30,91,150,.45),transparent 74%),#071331;
  border-bottom:1px solid rgba(28,200,255,.24);
}
.cab-screen img{max-width:100%;max-height:114px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7))}
.cab-info{display:flex;flex:1;flex-direction:column;padding:14px 15px 15px}
.cab-info h2{font-size:1rem;line-height:1.22;margin:0 0 7px;color:#fff}
.cab-info h3{font-size:.79rem;line-height:1.32;color:#6ce3ff;margin:0 0 8px}
.cab-info p{font-size:.77rem;line-height:1.48;color:#c4d7ef;margin:0 0 14px}
.cab-buttons{display:flex;gap:8px;margin-top:auto}
.cab-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:4px;white-space:nowrap;text-align:center;min-height:36px;padding:9px 8px;border:1px solid #16caff;border-radius:7px;background:#052447;color:#fff;font-size:.67rem;font-weight:900}
.cab-btn.primary{background:linear-gradient(110deg,#017caf,#0cbce2)}
.cab-btn.google{border-color:#8d99d9}
.cab-btn:hover{filter:brightness(1.16)}
.gp-symbol{color:#6bebff}

.arcade-bottom{
  text-align:center;
  max-width:820px;
  margin:32px auto 0;
  padding:24px 18px;
  border:1px solid rgba(31,182,234,.56);
  border-radius:15px;
  background:rgba(4,15,42,.74);
  backdrop-filter:blur(4px);
}
.arcade-bottom h2{font-size:1.42rem;margin:0 0 10px}
.arcade-bottom p{color:#c2dcf1}
.arcade-bottom .cab-btn{max-width:240px;margin:14px auto 0}

@media(max-width:950px){
  .arcade-grid{width:min(860px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}
  .arcade-cabinet,.arcade-cabinet:nth-child(4),.arcade-cabinet:nth-child(5){grid-column:auto}
  .arcade-interior-scene{width:max(980px,100%);max-width:none}
}
@media(max-width:590px){
  .arcade-main{padding:18px 12px 70px}
  .arcade-hero{padding:10px 14px 14px}
  .arcade-grid{grid-template-columns:1fr;gap:14px}
  .arcade-interior-scene{width:max(760px,100%);max-width:none;opacity:.96}
  .arcade-hero h1{font-size:2.2rem}
  .cab-screen{height:148px}
  .cab-screen img{max-height:120px}
  .cab-info h2{font-size:1.06rem}
  .cab-info p{font-size:.81rem}
}

/* Final polish: artwork stays in proportion; compact center to reveal the hall. */
@media (min-width:951px){
  .arcade-main{padding-top:12px;padding-bottom:58px;min-height:940px}
  .arcade-hero{width:min(760px,100%);margin-bottom:18px;padding:7px 16px 12px;background:rgba(3,12,35,.53)}
  .arcade-emblem{width:108px;margin-bottom:2px}
  .arcade-overline{font-size:.67rem;letter-spacing:.19em}
  .arcade-hero h1{font-size:clamp(2.1rem,3.25vw,3.2rem);margin:5px 0}
  .arcade-hero p{font-size:.88rem;margin:5px 0 0}
  .arcade-glow-line{margin-top:9px}
  .arcade-grid{width:min(985px,100%);gap:13px}
  .arcade-cabinet{border-radius:12px}
  .cab-screen{height:102px;padding:5px}
  .cab-screen img{max-height:92px}
  .cab-info{padding:10px 12px 11px}
  .cab-info h2{font-size:.87rem;margin:0 0 5px}
  .cab-info h3{font-size:.72rem;margin:0 0 5px}
  .cab-info p{font-size:.72rem;line-height:1.38;margin-bottom:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  .cab-btn{min-height:32px;padding:7px 6px;font-size:.62rem}
  .arcade-bottom{max-width:680px;margin-top:20px;padding:14px 16px}
  .arcade-bottom h2{font-size:1.17rem;margin-bottom:5px}
  .arcade-bottom p{font-size:.85rem;margin:0}
  .arcade-bottom .cab-btn{margin-top:9px}
}
@media(min-width:1600px){
 .arcade-interior-scene{width:min(100%,1760px);max-width:1760px}
}
@media(min-width:951px) and (max-width:1120px){
 .arcade-grid{width:min(92%,985px)}
}