.ahero{grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;min-height:70vh;padding:6vh 0 3vh;display:grid;position:relative}.ahero>div,.ahero>.cabwrap{z-index:1;position:relative}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--maroon);align-items:center;gap:12px;margin-bottom:18px;font-size:.78rem;display:flex}.eyebrow:before{content:"";background:var(--maroon);width:34px;height:1px}.ahero h1{color:var(--ink);letter-spacing:-.01em;width:max-content;max-width:100%;font-family:Fraunces,serif;font-size:clamp(3rem,9vw,6rem);font-weight:600;line-height:.92;position:relative}.ahero h1:before{content:"The Arcade";z-index:-1;white-space:nowrap;color:#0000;-webkit-text-stroke:1.4px var(--maroon);opacity:.45;position:absolute;top:.05em;left:.05em}.htag{letter-spacing:.4em;text-transform:uppercase;color:var(--coffee-2);align-items:center;gap:14px;margin-top:10px;font-size:.8rem;display:inline-flex}.htag:before,.htag:after{content:"";background:var(--coffee-2);opacity:.5;width:36px;height:1px}.lead{max-width:46ch;color:var(--coffee);margin-top:26px;font-size:1.02rem;line-height:1.75}.lead b{color:var(--maroon-deep);font-weight:600}.hstats{flex-wrap:wrap;gap:22px;margin-top:26px;display:flex}.hstat{padding-left:14px;font-family:Spline Sans Mono,monospace;position:relative}.hstat:before{content:"";background:var(--maroon);width:3px;position:absolute;top:4px;bottom:4px;left:0}.hstat .n{color:var(--maroon-deep);font-family:Fraunces,serif;font-size:1.9rem;line-height:1}.hstat .l{letter-spacing:.16em;text-transform:uppercase;color:var(--coffee-2);margin-top:4px;font-size:.68rem}.cta-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.cabwrap{perspective:1100px;width:100%;max-width:360px;margin:0 auto;position:relative}.cab-stage{width:100%;transform-style:preserve-3d;will-change:transform}.cab svg{width:100%;height:auto;display:block;overflow:visible}.bp-line{fill:none;stroke:var(--blueprint);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.bp-line-2{fill:none;stroke:var(--blueprint-2);stroke-width:1.1px;opacity:.8;stroke-linejoin:round}.bp-thin{fill:none;stroke:var(--blueprint);stroke-width:.8px;opacity:.5;stroke-linecap:round}.bp-fill{fill:var(--blueprint);opacity:.07}.bp-dash{fill:none;stroke:var(--blueprint);stroke-width:1px;stroke-dasharray:4 4;opacity:.55}.bp-accent{fill:none;stroke:var(--maroon);stroke-width:2.2px;stroke-linecap:round}.bp-dot{fill:var(--maroon)}.bp-label{fill:var(--coffee-2);letter-spacing:.12em;font-family:Spline Sans Mono,monospace;font-size:7px}.cab .draw{stroke-dasharray:1600;stroke-dashoffset:1600px;animation:1.9s cubic-bezier(.6,.02,.1,1) forwards cabDraw}@keyframes cabDraw{to{stroke-dashoffset:0}}.cab .d2{animation-delay:.45s}.cab .d3{animation-delay:.85s}.cab .d4{animation-delay:1.2s}.cab .fade{opacity:0;animation:.7s 1.4s forwards cabFade}@keyframes cabFade{to{opacity:1}}.cab .anim{transform-box:fill-box}.scanline{opacity:.5;animation:2.8s linear infinite scan}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(40px)}}.ball{animation:3.6s ease-in-out infinite ball}@keyframes ball{0%{transform:translate(0)}25%{transform:translate(24px,15px)}50%{transform:translate(6px,24px)}75%{transform:translate(-12px,9px)}to{transform:translate(0)}}.paddle{animation:3.6s ease-in-out infinite padmove}@keyframes padmove{0%,to{transform:translate(-11px)}50%{transform:translate(11px)}}.jb1{animation:2.2s ease-in-out infinite jb}.jb2{animation:2.2s ease-in-out .6s infinite jb}@keyframes jb{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.led{animation:1.5s step-end infinite led}@keyframes led{0%,55%{opacity:1}56%,to{opacity:.12}}.mqglow{animation:3.2s ease-in-out infinite mqg}@keyframes mqg{0%,to{opacity:.05}50%{opacity:.16}}.cue{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--coffee-2);margin:6px 0 0;font-size:.7rem}.cue span{animation:1.8s ease-in-out infinite bob;display:inline-block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.deck{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ece3d2eb;position:sticky;top:61px}.deck-inner{flex-wrap:wrap;align-items:center;gap:20px 26px;padding:13px 0;display:flex}.fgroup{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.flabel{letter-spacing:.18em;text-transform:uppercase;color:var(--coffee-2);font-size:.64rem}.fchip{color:var(--coffee);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:6px 14px;font-family:Spline Sans Mono,monospace;font-size:.74rem;transition:all .15s}.fchip:hover{border-color:var(--maroon);color:var(--maroon)}.fchip.on{background:var(--maroon);border-color:var(--maroon);color:var(--paper);box-shadow:2px 2px 0 var(--maroon-deep)}.readout{letter-spacing:.12em;color:var(--maroon);white-space:nowrap;margin-left:auto;font-family:"Press Start 2P",monospace;font-size:.55rem}.games{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.game{border:1px solid var(--line);background:#ffffff4d;border-radius:6px;flex-direction:column;transition:transform .18s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.game:hover{border-color:var(--maroon);box-shadow:8px 10px 0 var(--maroon-soft);transform:translateY(-4px)rotate(-.3deg)}.plate{border-bottom:1px solid var(--line);aspect-ratio:16/8;background:#2f5d8a0d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.plate svg{width:64%;height:auto;transition:transform .25s}.game:hover .plate svg{transform:scale(1.05)}.plate:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#8e274200,#8e274224 45%,#8e274200);height:42%;position:absolute;top:-45%;left:0;right:0}.game:hover .plate:after{opacity:1;animation:1.2s linear infinite crt}@keyframes crt{to{transform:translateY(340%)}}.fig{letter-spacing:.14em;color:var(--blueprint);opacity:.7;font-size:.62rem;position:absolute;top:9px;left:12px}.gpill{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--coffee-2);background:#ece3d2b8;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:.58rem;display:inline-flex;position:absolute;top:9px;right:11px}.gpill.live{color:var(--maroon);border-color:var(--maroon)}.gpill.live:before{content:"";background:var(--maroon);border-radius:50%;width:5px;height:5px;animation:1.6s step-end infinite led}.gpill.dev{color:var(--blueprint);border-color:var(--blueprint)}.gbody{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.gtag{letter-spacing:.14em;text-transform:uppercase;color:var(--maroon);margin-bottom:6px;font-size:.68rem}.game h3{color:var(--ink);margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:1.12rem;font-weight:700}.spec{gap:0;margin-bottom:16px;display:grid}.spec>div{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.spec dt{letter-spacing:.08em;text-transform:uppercase;color:var(--coffee-2);font-size:.66rem}.spec dd{color:var(--ink);font-size:.78rem}.gbtn{text-align:center;letter-spacing:.04em;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:3px;margin-top:auto;padding:11px 0;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .12s,background .2s,border-color .2s;display:block;position:relative;overflow:hidden}.gbtn .face{transition:transform .22s cubic-bezier(.5,0,.2,1),opacity .16s;display:block}.gbtn .coin{letter-spacing:.12em;place-items:center;font-family:"Press Start 2P",monospace;font-size:.56rem;transition:transform .22s cubic-bezier(.5,0,.2,1);display:grid;position:absolute;inset:0;transform:translateY(110%)}.gbtn:hover{background:var(--maroon-deep);border-color:var(--maroon-deep);transform:translateY(-2px)}.gbtn:hover .face{opacity:0;transform:translateY(-220%)}.gbtn:hover .coin{transform:translateY(0)}.gbtn.dis{color:var(--coffee-2);border-style:dashed;border-color:var(--line);cursor:default;background:0 0}.gbtn.dis:hover{border-color:var(--line);background:0 0;transform:none}.empty{text-align:center;color:var(--coffee-2);grid-column:1/-1;padding:30px 0;font-size:.85rem}@media (max-width:860px){.ahero{grid-template-columns:1fr;gap:30px;min-height:auto;padding:5vh 0 3vh}.cabwrap{order:-1;max-width:260px}.deck{position:static}}@media (max-width:560px){.games{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cab .draw{stroke-dashoffset:0;animation:none}.cab .fade{opacity:1;animation:none}.cue span,.scanline,.ball,.paddle,.jb1,.jb2,.led,.mqglow{animation:none}.scanline,.ball{opacity:0}.game:hover .plate:after,.gpill.live:before{animation:none}.gbtn .face,.gbtn .coin{transition:none}.gbtn:hover .face{opacity:1;transform:none}.gbtn:hover .coin{transform:translateY(110%)}}.swirls{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.swirls .sw{fill:none;stroke:var(--maroon);stroke-width:2.1px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;animation:swDraw var(--d,15s) cubic-bezier(.45,.05,.4,.95) var(--del,0s) infinite}@keyframes swDraw{0%{stroke-dashoffset:1px;opacity:0}10%{opacity:var(--o,.32)}42%{stroke-dashoffset:0}58%{stroke-dashoffset:0;opacity:var(--o,.32)}88%{stroke-dashoffset:-1px;opacity:0}to{stroke-dashoffset:-1px;opacity:0}}.swl{transform-box:fill-box;transform-origin:50%}.swl-a{animation:26s ease-in-out infinite swDriftA}.swl-b{animation:31s ease-in-out infinite swDriftB}@keyframes swDriftA{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(9deg)translateY(-8px)}}@keyframes swDriftB{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-7deg)translateY(7px)}}.swd rect{fill:var(--maroon);opacity:0;transform-box:fill-box;transform-origin:50%;animation:swDia var(--fd,10s) ease-in-out var(--fdel,0s) infinite}@keyframes swDia{0%,to{opacity:0;transform:translateY(8px)rotate(45deg)scale(.6)}35%{opacity:.5;transform:translateY(-4px)rotate(45deg)scale(1)}70%{opacity:.18;transform:translateY(-12px)rotate(45deg)scale(.85)}}@media (max-width:860px){.swirls{display:none}}@media (prefers-reduced-motion:reduce){.swirls .sw{stroke-dashoffset:0;opacity:.16;animation:none}.swl-a,.swl-b,.swd rect{animation:none}.swd rect{opacity:.25}}
