.arcade76{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 12%,#142448 0,#050713 38%,#020307 78%);color:#fff}.arcade76-nav{position:sticky;top:76px;z-index:20;display:flex;justify-content:space-between;padding:.75rem max(1rem,calc((100vw - var(--max))/2));border-bottom:1px solid #26315b;background:#040611e8;font:700 .62rem ui-monospace;letter-spacing:.12em;backdrop-filter:blur(15px)}.arcade76-nav a{color:#65f5ff}.arcade76-hero{text-align:center;padding:5rem 1rem 3rem}.arcade76-hero>p:first-child{color:#ff55d7;font:800 .7rem ui-monospace;letter-spacing:.35em}.arcade76-hero h1{margin:0;font:900 clamp(4.2rem,13vw,11rem)/.8 "Space Grotesk";letter-spacing:-.08em;background:linear-gradient(180deg,#fff 10%,#73f5ff 40%,#7a5cff 68%,#ff4fc8);background-clip:text;color:transparent;filter:drop-shadow(0 0 22px #6055ff66)}.arcade76-hero strong{color:#ffe35a;font:800 clamp(1rem,2.5vw,1.8rem) ui-monospace;letter-spacing:.28em}.arcade76-lead{max-width:690px;margin:1rem auto;color:#91a0bd}.arcade76-hof{display:grid;grid-template-columns:.55fr 1.45fr;gap:2rem;width:min(var(--max),calc(100% - 2rem));margin:0 auto 3rem;padding:1.4rem;border:1px solid #43eaff55;border-radius:22px;background:linear-gradient(135deg,#0a1023ee,#130b25ee);box-shadow:0 0 50px #5f4dff17}.arcade76-hof p{color:#ff55d7;font:700 .6rem ui-monospace;letter-spacing:.15em}.arcade76-hof h2{margin:.2rem 0;font:800 clamp(2rem,5vw,4rem) "Space Grotesk"}.arcade76-hof ol{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;list-style:none}.arcade76-hof li{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;padding:.55rem .7rem;border-bottom:1px dashed #485170;color:#9cefff;font:700 .63rem ui-monospace}.arcade76-hof li b{color:#ffe35a}.arcade-floor{position:relative;isolation:isolate;width:min(1400px,100%);min-height:980px;margin:auto;padding:3rem 1rem 6rem;background:linear-gradient(180deg,#050716 0 46%,#111429 46%);perspective:1200px}.arcade-floor::before{content:"";position:absolute;inset:46% 0 0;z-index:-1;background:linear-gradient(90deg,#624dff12 1px,transparent 1px),linear-gradient(#4aefff12 1px,transparent 1px);background-size:70px 70px;transform:rotateX(58deg);transform-origin:top}.arcade-neon-sign{width:max-content;max-width:90%;margin:0 auto 2rem;padding:.7rem 1rem;border:2px solid #5ff4ff;border-radius:12px;color:#fff;font:900 clamp(1.2rem,4vw,2.5rem) "Space Grotesk";text-align:center;box-shadow:0 0 18px #4aefff, inset 0 0 18px #4aefff44;text-shadow:0 0 12px #4aefff}.arcade-neon-sign span{display:block;color:#ff54d8;font:.55em ui-monospace;letter-spacing:.18em}.pinball-machine{display:block;width:230px;margin:0 auto 3rem;border:0;background:transparent;color:#fff;cursor:pointer;filter:drop-shadow(0 24px 25px #000)}.pinball-backglass{display:block;padding:1rem;border:7px solid #111;border-radius:14px 14px 4px 4px;background:radial-gradient(circle,#5c3cff,#181035 60%),repeating-linear-gradient(45deg,#ff4ec9 0 3px,transparent 3px 15px);box-shadow:0 0 28px #7a55ff}.pinball-backglass b{font:900 1.6rem/1 "Space Grotesk"}.pinball-backglass i{color:#ffe65d;font-style:normal}.pinball-table{display:flex;height:170px;justify-content:space-around;align-items:center;border:8px solid #17131e;background:radial-gradient(circle at 30% 30%,#ff4ec9 0 8px,transparent 9px),radial-gradient(circle at 70% 50%,#63efff 0 10px,transparent 11px),linear-gradient(145deg,#323c82,#160d34);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.pinball-table i{width:28px;height:28px;border:4px solid #ffe75d;border-radius:50%;box-shadow:0 0 15px #ffe75d}.pinball-machine>strong{display:block;padding:.4rem;background:#15151f;color:#69efff;font:800 .72rem ui-monospace}.cabinet-row{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:3rem 2rem;align-items:end}.arcade-cabinet{--machine:#45eaff;position:relative;display:flex;min-height:410px;flex-direction:column;padding:0;border:0;border-radius:18px 18px 5px 5px;background:linear-gradient(90deg,#07090f,#232b3a 12%,#0b0d13 50%,#232b3a 88%,#07090f);color:#fff;box-shadow:0 30px 35px #0009,0 0 24px color-mix(in srgb,var(--machine) 18%,transparent);cursor:pointer;transform:rotateX(-1deg);transition:transform .25s,filter .25s}.arcade-cabinet:hover,.arcade-cabinet:focus-visible{transform:translateY(-10px) scale(1.02);filter:brightness(1.18);outline:2px solid var(--machine)}.cabinet-cyan{--machine:#4eefff}.cabinet-magenta{--machine:#ff51d1}.cabinet-green{--machine:#63ff9a}.cabinet-red{--machine:#ff555f}.cabinet-amber{--machine:#ffc44f}.cabinet-violet{--machine:#9d73ff}.cabinet-marquee{padding:.85rem .35rem;border:4px solid #12131a;border-radius:14px 14px 0 0;background:radial-gradient(circle,var(--machine)33,transparent 65%),#11152c;box-shadow:inset 0 0 18px var(--machine),0 0 15px var(--machine)}.cabinet-marquee b{font:900 clamp(1rem,2vw,1.5rem) "Space Grotesk"}.cabinet-marquee small{margin-left:.35rem;color:#ffe65a}.cabinet-screen{position:relative;display:grid;min-height:205px;place-content:center;margin:12px 18px 0;overflow:hidden;border:11px solid #07090c;border-radius:18px;background:radial-gradient(circle,var(--machine)22,#071020 58%,#020408);box-shadow:inset 0 0 20px #000}.cabinet-screen::after,.arcade-crt::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,transparent 1px 4px)}.screen-art{width:80px;height:80px;margin:auto;border:6px solid var(--machine);transform:rotate(45deg);box-shadow:0 0 24px var(--machine)}.cabinet-screen em{margin-top:1rem;color:#fff;font:800 .78rem ui-monospace}.cabinet-screen u{margin-top:.7rem;color:#ffe45c;font:700 .55rem ui-monospace;text-decoration:none}.cabinet-controls{display:flex;align-items:center;gap:.55rem;height:64px;margin:0 14px;padding:0 1rem;background:#181c25;transform:perspective(120px) rotateX(8deg)}.cabinet-controls i{width:12px;height:42px;margin-right:auto;background:#444;box-shadow:0 -14px 0 -1px var(--machine);transform:rotate(-8deg)}.cabinet-controls b{width:21px;height:21px;border-radius:50%;background:var(--machine);box-shadow:inset 0 -5px 5px #0006}.coin-door{margin:auto 0 0;padding:1rem;color:#8d96a5;font:700 .6rem ui-monospace}.coin-door i{display:inline-block;width:8px;height:18px;margin-left:.5rem;border:1px solid #778;background:#111;vertical-align:middle}.arcade-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:1rem;background:#010207ed;backdrop-filter:blur(12px)}.arcade-modal[hidden]{display:none}.arcade-modal-machine{width:min(960px,100%);max-height:96vh;overflow:auto;border:1px solid #55edff66;border-radius:24px;background:#090d18;box-shadow:0 0 80px #5355ff33}.arcade-modal-machine header,.arcade-modal-machine footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#111628}.arcade-modal-machine header h2{margin:0;font:800 1.25rem "Space Grotesk"}.arcade-modal-machine header small,.arcade-modal-machine header span{color:#75efff;font:700 .55rem ui-monospace}.arcade-modal-machine header button{border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}.arcade-crt{position:relative;overflow:hidden;width:min(720px,100%);aspect-ratio:3/4;margin:auto;background:#000}.arcade-crt canvas{display:block;width:100%;height:100%;touch-action:none}.boot-screen,.insert-coin,.initials-screen{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;padding:2rem;background:#02030a;color:#fff;text-align:center}.boot-screen[hidden],.insert-coin[hidden],.initials-screen[hidden]{display:none}.boot-screen h3,.insert-coin h3,.initials-screen h3{margin:.5rem 0;font:900 clamp(2rem,8vw,5rem)/.85 "Space Grotesk"}.boot-screen p,.boot-screen b,.insert-coin p,.insert-coin small,.initials-screen p,.initials-screen span{color:#5ff1ff;font:700 .7rem ui-monospace;letter-spacing:.15em}.pixel-avatar{position:relative;width:128px;height:128px;background:linear-gradient(45deg,#ffb36a 25%,#ffcf8e 25% 50%,#db824e 50% 75%,#253052 75%);image-rendering:pixelated;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);box-shadow:0 0 30px #5aefff55}.pixel-avatar i{position:absolute;background:#12162c}.pixel-avatar i:nth-child(1),.pixel-avatar i:nth-child(2){top:48px;width:20px;height:12px}.pixel-avatar i:nth-child(1){left:25px}.pixel-avatar i:nth-child(2){right:25px;height:4px;animation:wink 1.1s steps(1) infinite}.pixel-avatar i:nth-child(3){left:55px;top:72px;width:18px;height:8px}.pixel-avatar i:nth-child(4){left:39px;top:91px;width:50px;height:8px}.pixel-avatar i:nth-child(5){left:48px;top:99px;width:32px;height:7px;background:#fff}@keyframes wink{50%{height:12px}}.insert-coin button,.initials-screen>button{margin:1rem;padding:.8rem 1.5rem;border:1px solid #ffe255;background:#ffe255;color:#080914;font-weight:900;animation:coinblink 1s steps(1) infinite}.insert-coin small{display:block}.initials-screen>div{display:flex;gap:1rem;margin:1rem}.initials-screen label{display:grid;gap:.4rem}.initials-screen label button{border:0;background:#1d2745;color:#6eeaff}.initials-screen label b{font:900 2.8rem ui-monospace}.arcade-modal-machine footer{justify-content:center;flex-wrap:wrap}.arcade-modal-machine footer button{padding:.55rem .8rem;border:1px solid #354264;border-radius:8px;background:#10162a;color:#b6c4dc;font:700 .55rem ui-monospace}@keyframes coinblink{50%{opacity:.38}}@media(max-width:900px){.cabinet-row{grid-template-columns:repeat(2,1fr)}.arcade76-hof{grid-template-columns:1fr}.arcade-floor{min-height:auto}}@media(max-width:560px){.arcade76-nav span{display:none}.arcade76-hero{padding-top:3rem}.arcade76-hof{width:calc(100% - 1rem);padding:.8rem}.arcade76-hof ol{grid-template-columns:1fr}.arcade-floor{padding:2rem .6rem 4rem}.cabinet-row{grid-template-columns:1fr 1fr;gap:1rem .65rem}.arcade-cabinet{min-height:300px}.cabinet-screen{min-height:135px;margin:8px 9px 0;border-width:7px}.screen-art{width:48px;height:48px}.cabinet-controls{height:48px;margin:0 7px}.pinball-machine{width:190px}.arcade-modal{padding:0}.arcade-modal-machine{height:100vh;max-height:none;border-radius:0}.arcade-crt{width:100%;height:auto;max-height:calc(100vh - 130px)}}@media(prefers-reduced-motion:reduce){.arcade-cabinet{transition:none}.pixel-avatar i:nth-child(2),.insert-coin button{animation:none}}


/* ARCADE 76 three-game edition */
.cabinet-row{grid-template-columns:repeat(3,minmax(220px,1fr));max-width:1050px;margin-inline:auto}
.cabinet-magenta .cabinet-screen{background:#06104a url('/static/images/arcade76/ivanoid-cover.png') center/cover no-repeat}
.cabinet-magenta .cabinet-screen .screen-art{display:none}
@media(max-width:760px){.cabinet-row{grid-template-columns:1fr}.arcade-cabinet{width:min(360px,100%);margin-inline:auto}}


/* PEDRIS cabinet edition */
.cabinet-violet{--machine:#a50044}
.cabinet-violet .cabinet-marquee{background:linear-gradient(110deg,rgba(0,77,152,.94),rgba(165,0,68,.94)),#07152f}
.cabinet-violet .cabinet-screen{background:#08164a url('/static/images/arcade76/pedris-cover.png') center/cover no-repeat}
.cabinet-violet .cabinet-screen .screen-art{display:none}
.cabinet-violet .cabinet-screen em,.cabinet-violet .cabinet-screen u{padding:.25rem .4rem;background:rgba(2,5,18,.78);text-shadow:0 1px 3px #000}

/* SKY PATROL 76 supplied artwork */
.cabinet-cyan .cabinet-marquee{
  background:linear-gradient(110deg,rgba(3,38,78,.9),rgba(17,85,127,.76)),#03152d;
}
.cabinet-cyan .cabinet-screen{
  background:#06152c url('/static/images/arcade76/sky-patrol-cover.png') center/cover no-repeat;
}
.cabinet-cyan .cabinet-screen .screen-art{display:none}
.cabinet-cyan .cabinet-screen em,
.cabinet-cyan .cabinet-screen u{
  padding:.25rem .4rem;
  background:rgba(2,8,22,.78);
  text-shadow:0 1px 3px #000;
}


/* PEDRIS mobile controls */
.pedris-mobile-controls{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:6;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;user-select:none;touch-action:none}
.pedris-mobile-controls[hidden]{display:none}
.pedris-direction-controls{display:flex;gap:12px}
.pedris-mobile-controls button{width:68px;height:68px;border:2px solid rgba(255,255,255,.76);border-radius:18px;background:linear-gradient(145deg,rgba(0,77,152,.94),rgba(8,24,67,.96));color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.42),inset 0 0 18px rgba(56,151,255,.34);font:900 28px/1 ui-monospace,monospace;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.pedris-mobile-controls button:active{transform:translateY(2px) scale(.96);background:linear-gradient(145deg,rgba(165,0,68,.96),rgba(82,0,35,.98))}
.pedris-mobile-controls button:focus-visible{outline:3px solid #ffe45c;outline-offset:3px}
.pedris-mobile-controls .pedris-rotate-control{width:82px;background:linear-gradient(145deg,rgba(165,0,68,.96),rgba(67,0,31,.98))}
.pedris-rotate-control span{display:block;margin-top:5px;font-size:10px;letter-spacing:.12em}
@media(max-width:560px){.pedris-mobile-controls button{width:62px;height:62px;border-radius:16px;font-size:25px}.pedris-mobile-controls .pedris-rotate-control{width:76px}}
@media(prefers-reduced-motion:reduce){.pedris-mobile-controls button:active{transform:none}}


/* PEDRIS hard drop control */
.pedris-action-controls{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
.pedris-mobile-controls .pedris-drop-control{
  width:82px;
  background:linear-gradient(
    145deg,
    rgba(0,77,152,.96),
    rgba(5,31,85,.98)
  );
}
.pedris-drop-control span{
  display:block;
  margin-top:5px;
  font-size:10px;
  letter-spacing:.12em;
}
.pedris-mobile-controls .pedris-drop-control:active{
  background:linear-gradient(
    145deg,
    rgba(0,91,181,.98),
    rgba(165,0,68,.96)
  );
}