:root{
  color-scheme:dark;
  --bg:#09040f;--ink:#fff7df;--muted:#b9adc7;--line:rgba(255,255,255,.14);
  --yellow:#ffe66d;--pink:#ff4fa3;--cyan:#52e8ff;--lime:#b7ff3c;--orange:#ff8d3f;
  font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);color:var(--ink)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:
radial-gradient(circle at 15% 10%,rgba(255,79,163,.17),transparent 28rem),
radial-gradient(circle at 85% 0%,rgba(82,232,255,.16),transparent 30rem),
linear-gradient(#120819,#07030b 70%);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:
radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
radial-gradient(circle,rgba(255,230,109,.55) 0 1px,transparent 1.5px);
background-size:83px 83px,117px 117px;background-position:0 0,31px 19px;mask-image:linear-gradient(#000,transparent 68%)}
a{color:inherit}a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
main{position:relative;width:min(1500px,100%);margin:auto;padding:22px clamp(16px,3vw,46px) 54px}
.home-link{display:inline-block;margin:2px 0 18px;color:#c7bcd2;font-size:.76rem;font-weight:1000;letter-spacing:.1em;text-decoration:none}
.home-link:hover{color:var(--cyan)}
.arcade-sign{position:relative;overflow:hidden;margin:0 auto 18px;padding:28px 20px 24px;text-align:center;border:5px solid #2a1535;border-radius:24px;background:
radial-gradient(circle at 50% 30%,rgba(255,79,163,.18),transparent 38%),
linear-gradient(180deg,#1a0c25,#0d0713);box-shadow:
0 0 0 2px #6b2b7b inset,0 0 50px rgba(255,79,163,.18),0 18px 60px rgba(0,0,0,.42)}
.sign-lights{height:10px;margin:-3px 0 18px;background:
radial-gradient(circle,var(--yellow) 0 3px,transparent 4px) 0 50%/24px 10px repeat-x;
filter:drop-shadow(0 0 5px rgba(255,230,109,.8))}
.sign-lights.bottom{margin:18px 0 -2px}
.sign-small{margin:0 0 4px;color:var(--cyan);font-size:.7rem;font-weight:1000;letter-spacing:.3em}
.arcade-sign h1{margin:0;line-height:.88;font-size:clamp(2.8rem,7vw,6.6rem);font-weight:1000;letter-spacing:-.06em;text-shadow:0 4px 0 #6f1b61,0 0 22px rgba(255,79,163,.24)}
.arcade-sign h1 span{display:block;color:var(--pink);font-size:.46em;line-height:1.25;letter-spacing:.12em;text-shadow:0 0 15px rgba(255,79,163,.45)}
.sign-tag{margin:18px 0 0;color:#e8dff0;font-size:.72rem;font-weight:900;letter-spacing:.15em}
.arcade-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0 0 24px;padding:10px 16px;border:1px solid #3b2446;border-radius:12px;background:#130a19;color:#d9cce1;font-size:.68rem;font-weight:1000;letter-spacing:.09em}
.arcade-strip span:nth-child(1){color:var(--pink)}.arcade-strip span:nth-child(2){color:var(--lime)}.arcade-strip span:nth-child(3){color:var(--cyan)}
.arcade-strip a{margin-left:auto;color:var(--yellow);text-decoration:none}.arcade-strip a:hover{text-decoration:underline}
.cabinet-room{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.cabinet{
  --cab:#ff4fa3;--cab-dark:#7b1f60;--trim:#ffe66d;
  position:relative;overflow:hidden;border:3px solid #050307;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,var(--cab) 0 22%,var(--cab-dark) 22% 100%);
  box-shadow:0 10px 0 #030204,0 16px 34px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.1) inset;
  transform-origin:center bottom;transition:transform .16s ease,filter .16s ease
}
.cabinet:hover{transform:translateY(-5px) rotate(-.25deg);filter:brightness(1.06)}
.cabinet-1{--cab:#ff4fa3;--cab-dark:#7a1558;--trim:#ffe66d}.cabinet-2{--cab:#27d3dc;--cab-dark:#12636f;--trim:#ffef73}
.cabinet-3{--cab:#7b61ff;--cab-dark:#37247d;--trim:#b7ff3c}.cabinet-4{--cab:#ff8d3f;--cab-dark:#8c3b16;--trim:#52e8ff}
.cabinet-5{--cab:#5fd35b;--cab-dark:#215f32;--trim:#ffe66d}.cabinet-6{--cab:#ff595e;--cab-dark:#86222b;--trim:#52e8ff}
.cabinet-7{--cab:#e65cff;--cab-dark:#6f287d;--trim:#b7ff3c}.cabinet-8{--cab:#4aa8ff;--cab-dark:#1f4e8a;--trim:#ffef73}
.cabinet-top{position:relative;min-height:82px;display:flex;align-items:center;justify-content:center;padding:16px 42px 12px;background:
linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,0)),var(--cab);border-bottom:4px solid #08050b;text-align:center}
.cabinet-top:after{content:"";position:absolute;inset:6px;border:2px solid rgba(255,255,255,.16);border-radius:9px;pointer-events:none}
.cabinet-top h2{position:relative;z-index:1;margin:0;font-size:clamp(1rem,1.8vw,1.45rem);line-height:1;text-transform:uppercase;font-weight:1000;letter-spacing:-.035em;text-shadow:0 2px 0 rgba(0,0,0,.28)}
.cabinet-no{position:absolute;left:12px;top:10px;font-size:.58rem;font-weight:1000;opacity:.8}
.ready-light{position:absolute;right:12px;top:8px;color:var(--lime);font-size:1rem;text-shadow:0 0 8px var(--lime)}
.screen-bezel{position:relative;margin:14px 14px 0;padding:9px;border:3px solid #060608;border-radius:12px;background:#15151a;box-shadow:0 0 0 2px rgba(255,255,255,.09) inset,0 8px 16px rgba(0,0,0,.35)}
.screen-bezel a{display:block;position:relative;overflow:hidden;border:2px solid #000;border-radius:6px;background:#050508;aspect-ratio:4/3}
.screen-bezel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#050508;transition:transform .2s ease,filter .2s ease}
.cabinet:hover .screen-bezel img{transform:scale(1.025);filter:saturate(1.12)}
.screen-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 18%,transparent 66%,rgba(255,255,255,.06));box-shadow:0 0 24px rgba(82,232,255,.08) inset}
.control-deck{position:relative;display:grid;grid-template-columns:56px 1fr 58px;gap:10px;align-items:center;margin:0 10px;padding:16px 10px 14px;background:
linear-gradient(180deg,rgba(255,255,255,.13),rgba(0,0,0,.14)),var(--cab);border:3px solid #09060b;border-top:0;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}
.stick{position:relative;width:42px;height:42px;margin:auto;border-radius:50%;background:#17121c;box-shadow:0 3px 0 #050306 inset,0 2px 0 rgba(255,255,255,.12)}
.stick:before{content:"";position:absolute;width:8px;height:28px;left:17px;top:-9px;border-radius:5px;background:#27202d;box-shadow:2px 1px 0 #070508}
.stick span{position:absolute;width:24px;height:24px;left:9px;top:-18px;border-radius:50%;background:var(--trim);box-shadow:0 3px 0 rgba(0,0,0,.35),0 0 10px color-mix(in srgb,var(--trim) 65%,transparent)}
.cabinet-meta{min-width:0;display:flex;flex-direction:column;gap:3px;color:#fff;font-size:.58rem;line-height:1.2;text-transform:uppercase}
.cabinet-meta strong{color:var(--trim);font-size:.65rem;letter-spacing:.05em}.cabinet-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.play{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff334f;color:white;text-decoration:none;border:4px solid #8d1325;box-shadow:0 5px 0 #5f0d19,0 0 14px rgba(255,51,79,.35);font-size:.6rem;font-weight:1000;letter-spacing:.04em}
.play:hover{background:#ff5870;transform:translateY(2px);box-shadow:0 3px 0 #5f0d19}
.cabinet-base{min-height:118px;padding:14px 16px 16px;background:linear-gradient(180deg,var(--cab-dark),color-mix(in srgb,var(--cab-dark) 75%,#09050c));border-top:1px solid rgba(255,255,255,.09)}
.cabinet-base p{margin:0 0 11px;color:#f2eaf5;font-size:.77rem;line-height:1.42}
.license-link{color:#eadcf1;font-size:.62rem;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.45)}.license-link:hover{color:var(--trim)}
.arcade-footer{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:34px;padding:18px;border-top:1px solid #382641;color:#b9a9c3;font-size:.65rem;font-weight:900;letter-spacing:.12em}
.online-light{color:var(--lime);text-shadow:0 0 8px var(--lime)}
body>main>section[id]:not(.cabinet-room){padding:26px 0;border-bottom:1px solid #392642}
body>main>section[id]:not(.cabinet-room) h2{color:var(--yellow)}body>main>section[id]:not(.cabinet-room) p{color:#c7bad0;line-height:1.55}
body>main>section[id]:not(.cabinet-room) a{color:var(--cyan)}
@media(max-width:1180px){.cabinet-room{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.cabinet-room{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-strip a{margin-left:0}}
@media(max-width:560px){main{padding:14px 12px 34px}.arcade-sign{padding:18px 12px 16px;border-radius:16px}.arcade-sign h1{font-size:3.35rem}.sign-tag{line-height:1.5}.cabinet-room{grid-template-columns:1fr;gap:20px}.cabinet{width:min(100%,420px);margin:auto}.cabinet-top{min-height:76px}.screen-bezel{margin:12px 12px 0}.cabinet-base{min-height:0}.arcade-footer{flex-wrap:wrap;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cabinet,.screen-bezel img,.play{transition:none}.cabinet:hover{transform:none}}