*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--pink:#ff2d78;--cyan:#00e5ff;--green:#39ff14;--purple:#bf5fff;--gold:#ffe600;--dim:#446;--cabinet-bg:#0d0d1a;--cabinet-rim:#1a1a30;--text:#fff}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;font-family:VT323,monospace}body{min-height:100vh;overflow-x:hidden}.page-bg{z-index:0;background-image:url(/images/bg-arcade.webp);background-position:top;background-size:cover;position:fixed;inset:0}.page-bg:after{content:"";background:#07070fd6;position:absolute;inset:0}.scanlines{z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000000f 2px 4px);position:fixed;inset:0}.content{z-index:1;position:relative}.ticker{border-bottom:2px solid var(--pink);background:#000000bf;width:100%;padding:.55rem 0;overflow:hidden;box-shadow:0 2px 24px #ff2d7859}.ticker-inner{letter-spacing:.15em;width:max-content;color:var(--gold);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:"Press Start 2P",monospace;font-size:.5rem;animation:45s linear infinite marquee;display:flex}.ticker-item{padding:0 2rem}.ticker-sep{color:var(--pink);padding:0 .25rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;min-height:52vh;padding:4rem 2rem 3.5rem;display:flex;position:relative}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07070fb3);height:5rem;position:absolute;bottom:0;left:0;right:0}.hero-eyebrow{color:var(--cyan);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 12px var(--cyan);white-space:nowrap;font-family:VT323,monospace;font-size:clamp(.75rem,2.5vw,1.1rem);animation:2.5s ease-in-out infinite pulse}.hero-title{color:#fff;text-shadow:0 0 5px #fff, 0 0 12px #fff, 0 0 28px var(--pink), 0 0 56px var(--pink), 0 0 100px var(--pink);letter-spacing:.04em;padding:0 .25rem;font-family:"Press Start 2P",monospace;font-size:clamp(1.35rem,4.5vw,3.6rem);line-height:1.25}.hero-title-r{will-change:opacity;animation:6.5s infinite r-neon}@keyframes r-neon{0%,32%{opacity:1}33%{opacity:.14}35%{opacity:1}36%{opacity:.14}38%{opacity:.92}39.5%{opacity:.14}40%,73%{opacity:.14}74%{opacity:1}75.5%{opacity:.18}77%{opacity:1}78%{opacity:.22}80%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-title-r{opacity:1;animation:none}}.hero-sub{color:#ffffff8c;letter-spacing:.2em;text-transform:uppercase;font-family:VT323,monospace;font-size:clamp(1.1rem,2.2vw,1.6rem)}.hero-byline{color:#ffffff4d;letter-spacing:.05em;margin-top:-.25rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400}.hero-byline-link{color:#ffffff73;text-decoration:none;transition:color .2s}.hero-byline-link:hover{color:var(--cyan)}.hero-cta{letter-spacing:.12em;color:var(--gold);text-shadow:0 0 10px var(--gold);cursor:pointer;align-items:center;gap:.8rem;margin-top:.5rem;font-family:"Press Start 2P",monospace;font-size:.6rem;text-decoration:none;transition:transform .15s;animation:1.1s step-start infinite blink;display:flex}.hero-cta:hover{transform:scale(1.06)}.hero-cta:before,.hero-cta:after{content:"●";color:var(--gold);opacity:.8}.hero-scroll{color:#fff3;letter-spacing:.35em;white-space:nowrap;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.38rem;text-decoration:none;animation:2.2s ease-in-out infinite float;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.hero-scroll:hover{color:#ffffff73}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #fff, 0 0 12px #fff, 0 0 28px var(--pink), 0 0 56px var(--pink), 0 0 100px var(--pink)}20%,24%,55%{text-shadow:none;opacity:.88}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.4;box-shadow:none}}.games-floor{max-width:1200px;margin:0 auto;padding:1rem 2rem 5rem;scroll-margin-top:1.5rem}.section-header{text-align:center;padding:0 2rem 3rem}.section-label{color:var(--cyan);letter-spacing:.22em;text-shadow:0 0 10px var(--cyan);text-transform:uppercase;font-family:"Press Start 2P",monospace;font-size:.6rem}.cabinets-grid{grid-template-columns:repeat(3,252px);justify-content:center;gap:2rem;display:grid}.cabinet-card{flex-direction:column;width:100%;transition:transform .25s;display:flex}@media (width<=860px){.cabinets-grid{grid-template-columns:repeat(2,252px)}}@media (width<=580px){.cabinets-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.cabinets-grid{grid-template-columns:1fr}}.cabinet-card:hover{transform:translateY(-10px)scale(1.02)}.cabinet-play{text-decoration:none;display:block}.cabinet-img-wrap{aspect-ratio:2/3;border:2px solid var(--cabinet-rim);background:var(--cabinet-bg);border-radius:6px;transition:box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.cabinet-card:hover .cabinet-img-wrap{border-color:var(--accent,var(--pink));box-shadow:0 0 18px var(--accent,var(--pink)), 0 0 50px #ff2d7840, inset 0 0 16px #0009}.cabinet-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.cabinet-card:hover .cabinet-img{transform:scale(1.04)}.cabinet-overlay{opacity:0;pointer-events:none;background:#07070f00;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;inset:0}.cabinet-card:hover .cabinet-overlay{opacity:1;background:#07070f61}.push-start{color:var(--accent,var(--gold));text-shadow:0 0 10px;letter-spacing:.1em;text-align:center;font-family:"Press Start 2P",monospace;font-size:.55rem;animation:.85s step-start infinite blink}.cabinet-info{flex-direction:column;gap:.3rem;padding:.9rem .1rem 0;display:flex}.cabinet-genre{color:var(--accent,var(--pink));text-shadow:0 0 6px;letter-spacing:.2em;text-transform:uppercase;font-family:VT323,monospace;font-size:.9rem}.cabinet-title-link{color:inherit;text-decoration:none}.cabinet-title{color:var(--text);letter-spacing:.04em;font-family:"Press Start 2P",monospace;font-size:.62rem;line-height:1.6;transition:color .2s,text-shadow .2s}.cabinet-title-link:hover .cabinet-title{color:var(--accent,#fff);text-shadow:0 0 10px var(--accent,var(--pink))}.cabinet-subtitle{color:var(--accent,var(--pink));opacity:.7;letter-spacing:.08em;margin-top:-.18rem;font-family:VT323,monospace;font-size:.95rem}.cabinet-desc{color:#ffffff80;margin-top:.2rem;font-family:VT323,monospace;font-size:1.05rem;line-height:1.3}.cabinet-status{align-items:center;gap:.45rem;margin-top:.2rem;display:flex}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite dot-pulse}.status-dot.dim{background:var(--dim);box-shadow:none;animation:none}.status-text{letter-spacing:.15em;color:#ffffff59;text-transform:uppercase;font-family:VT323,monospace;font-size:.85rem}.cabinet-share{border-top:1px solid #ffffff0f;align-items:center;gap:.4rem;margin-top:.75rem;padding-top:.7rem;display:flex;position:relative}.share-label{letter-spacing:.18em;color:#ffffff47;margin-right:.15rem;font-family:"Press Start 2P",monospace;font-size:.36rem}.share-btn{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.share-btn svg{width:14px;height:14px}.share-btn:hover{color:var(--accent,#fff);border-color:var(--accent,var(--pink));box-shadow:0 0 12px var(--accent,var(--pink));background:#ffffff12;transform:translateY(-2px)}.share-btn--done{color:var(--green);border-color:var(--green);box-shadow:0 0 12px #39ff1466}.share-copied{letter-spacing:.08em;color:var(--green);opacity:0;pointer-events:none;margin-left:.35rem;font-family:VT323,monospace;font-size:.85rem;transition:opacity .2s,transform .2s;transform:translate(-4px)}.share-copied.is-visible{opacity:1;transform:translate(0)}.powerups-section{background:#000000b8;border-top:1px solid #ffe6001f;padding:5rem 2rem;position:relative;overflow:hidden}.powerups-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffe60008 0%,#0000 55%);position:absolute;inset:0}.powerups-header{text-align:center;max-width:620px;margin:0 auto 3.5rem}.powerups-eyebrow{letter-spacing:.3em;color:var(--gold);text-shadow:0 0 12px var(--gold);margin-bottom:1.5rem;font-family:"Press Start 2P",monospace;font-size:.55rem;animation:2.5s ease-in-out infinite pulse}.powerups-headline{color:#fff;letter-spacing:.04em;margin-bottom:1.5rem;font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,2vw,1.1rem);line-height:1.75}.powerups-body{color:#ffffff7a;margin-bottom:1.1rem;font-family:Inter,sans-serif;font-size:clamp(.85rem,1.4vw,.95rem);font-weight:400;line-height:1.75}.powerups-stats{color:#ffe60080;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;display:flex}.stat-sep{opacity:.35}.powerups-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.powerups-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.powerups-grid{grid-template-columns:1fr}}.powerup-card{color:inherit;background:#ffffff07;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:.55rem;padding:1.5rem 1.4rem;text-decoration:none;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:flex;position:relative}.powerup-card:hover{transform:translateY(-5px)}.powerup-card--free:hover{background:#39ff140a;border-color:#39ff1459;box-shadow:0 0 24px #39ff1414}.powerup-card--tool:hover{background:#00e5ff0a;border-color:#00e5ff59;box-shadow:0 0 24px #00e5ff14}.powerup-card--course:hover{background:#ffe6000a;border-color:#ffe60059;box-shadow:0 0 24px #ffe60014}.powerup-card--live:hover{background:#ff6b350a;border-color:#ff6b3559;box-shadow:0 0 24px #ff6b3514}.powerup-badge{letter-spacing:.08em;border-radius:3px;padding:.3rem .55rem;font-family:"Press Start 2P",monospace;font-size:.36rem;position:absolute;top:1rem;right:1rem}.powerup-badge--free{color:var(--green);background:#39ff141a;border:1px solid #39ff1440}.powerup-badge--tool{color:var(--cyan);background:#00e5ff1a;border:1px solid #00e5ff40}.powerup-badge--course{color:var(--gold);background:#ffe60014;border:1px solid #ffe60040}.powerup-badge--live{color:#ff6b35;background:#ff6b351a;border:1px solid #ff6b3547}.powerup-icon{color:#ffffff61;flex-shrink:0;width:30px;height:30px;margin-bottom:.1rem;transition:color .22s}.powerup-icon svg{width:100%;height:100%}.powerup-card--free:hover .powerup-icon{color:var(--green)}.powerup-card--tool:hover .powerup-icon{color:var(--cyan)}.powerup-card--course:hover .powerup-icon{color:var(--gold)}.powerup-card--live:hover .powerup-icon{color:#ff6b35}.powerup-name{letter-spacing:.05em;color:#fff;padding-right:3.5rem;font-family:"Press Start 2P",monospace;font-size:.47rem;line-height:1.6}.powerup-desc{color:#ffffff7a;flex:1;font-family:VT323,monospace;font-size:1.1rem;line-height:1.35}.powerup-cta{letter-spacing:.02em;color:#ffffff38;margin-top:.3rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;transition:color .22s}.powerup-card--free:hover .powerup-cta{color:var(--green)}.powerup-card--tool:hover .powerup-cta{color:var(--cyan)}.powerup-card--course:hover .powerup-cta{color:var(--gold)}.powerup-card--live:hover .powerup-cta{color:#ff6b35}.footer{text-align:center;background:#0009;border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:.65rem;padding:1.75rem 2rem;display:flex}.footer-social{align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.78rem;display:flex}.footer-social-link{color:#ffffff59;text-decoration:none;transition:color .2s}.footer-social-link:hover{color:var(--cyan)}.footer-social-sep{color:#ffffff26}.footer-text{color:#ffffff26;letter-spacing:.18em;text-transform:uppercase;font-family:VT323,monospace;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-title{text-shadow:0 0 5px #fff, 0 0 12px #fff, 0 0 28px var(--pink), 0 0 56px var(--pink), 0 0 100px var(--pink);opacity:1}.ticker{display:none}}
