
.arcade-page{background:#07050a;color:#fff}.arcade-hero{min-height:650px;position:relative;overflow:hidden;isolation:isolate}.arcade-art{position:absolute;inset:0;z-index:-3;background:url('assets/images/gateway/arcade.png') center/cover no-repeat;opacity:.6}.arcade-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,3,8,.96),rgba(5,3,8,.82) 44%,rgba(5,3,8,.33)),linear-gradient(0deg,#07050a,transparent 38%)}.arcade-hero-inner{min-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.arcade-kicker{color:#ef55ff;font-size:.7rem;font-weight:900;letter-spacing:.14em}.arcade-hero h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.055em;margin:.3rem 0 1rem;text-transform:uppercase}.arcade-hero h1 span{color:#ef55ff}.arcade-hero p{max-width:900px;color:#d1c8d6;line-height:1.65}.arcade-hero a{margin-top:1rem;background:#d22bea;color:#fff;border:1px solid #f06cff;padding:.85rem 1rem;border-radius:6px;text-decoration:none;font-weight:900}.arcade-shell{padding:3rem 0 5rem}.arcade-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:3rem}.arcade-principles article{border:1px solid #3c2743;background:#0d0911;padding:1rem}.arcade-principles b,.arcade-principles span{display:block}.arcade-principles b{color:#ef55ff}.arcade-principles span{font-size:.75rem;color:#95899a;margin-top:.35rem}.arcade-heading p{color:#c94ee3;font-size:.65rem;font-weight:900;letter-spacing:.12em}.arcade-heading h2{font-size:clamp(2rem,4vw,4rem);margin:.2rem 0}.arcade-heading span{color:#96899a}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0 3.5rem}.game-card{border:1px solid #37243d;background:#0a070c;padding:.85rem;border-radius:9px}.game-card.featured{border-color:#e156ff}.game-screen{height:165px;border:1px solid #4a3150;background:#040305;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e256ff;font-family:monospace;font-size:2.4rem;text-shadow:0 0 12px currentColor;overflow:hidden}.game-card small{display:block;color:#9b779f;margin-top:.8rem;font-size:.6rem;font-weight:900;letter-spacing:.1em}.game-card h3{font-size:1.45rem;margin:.25rem 0}.game-card p{color:#9d929f;line-height:1.5;font-size:.85rem}.game-card button{background:#1b0c20;color:#fff;border:1px solid #71327d;padding:.65rem;font-weight:900;cursor:pointer}.demo-zone{border-top:1px solid #302235;padding-top:2.5rem}.reaction-console{border:1px solid #49324e;background:#09060b;margin-top:1rem}.demo-hud{display:flex;gap:1rem;align-items:center;padding:.7rem;background:#100b13;border-bottom:1px solid #49324e}.demo-hud b{color:#ef55ff}.demo-hud button{margin-left:auto;background:#d22bea;color:#fff;border:0;padding:.55rem .8rem;font-weight:900}.reaction-field{height:420px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#15101a,#050406);cursor:crosshair}.alien-target{position:absolute;width:64px;height:76px;border:3px solid #ef55ff;border-radius:48% 48% 55% 55%;background:#09050c;display:none;cursor:crosshair}.alien-target:before,.alien-target:after{content:"";position:absolute;width:17px;height:9px;background:#ef55ff;top:29px;border-radius:100% 10%;box-shadow:0 0 12px #ef55ff}.alien-target:before{left:10px;transform:rotate(18deg)}.alien-target:after{right:10px;transform:rotate(-18deg)}.demo-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#756b78;font-weight:900;pointer-events:none}.easter-egg-callout{display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:center;margin-top:3rem;border:1px solid #4b3153;background:#0b0710;padding:1.2rem}.egg-emblem{width:72px;height:82px;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,94% 20%,94% 75%,50% 100%,6% 75%,6% 20%);background:#45204f;color:#ef55ff;font-size:2rem;font-weight:900}.easter-egg-callout p{color:#ef55ff;font-size:.65rem;font-weight:900}.easter-egg-callout h2{margin:.2rem 0}.easter-egg-callout span{color:#9b909e}dialog{background:#0a070c;color:#fff;border:1px solid #6f3179;max-width:620px;padding:1.5rem}dialog::backdrop{background:rgba(0,0,0,.8)}dialog button{float:right;background:transparent;color:#fff;border:1px solid #5a4260;font-size:1.2rem}
@media(max-width:900px){.arcade-principles{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.arcade-principles,.game-grid{grid-template-columns:1fr}.easter-egg-callout{grid-template-columns:1fr}}

.game-card .game-launch{display:inline-block;margin:0 .35rem .35rem 0;background:#d22bea;color:#fff;border:1px solid #f06cff;padding:.65rem .8rem;font-weight:900;text-decoration:none}
/* V1.48 arcade cabinet presentation */
.game-card.arcade-cabinet{padding:12px;background:linear-gradient(#15171a,#050607 18%,#08090b 82%,#17191c);border:2px solid #353a40;border-radius:18px 18px 8px 8px;box-shadow:inset 0 0 0 4px #050505,0 12px 30px #000;position:relative}.game-card.arcade-cabinet:before{content:"AREA 54 ARCADE";display:block;text-align:center;font-weight:1000;letter-spacing:.18em;font-size:.58rem;padding:7px;color:#d84cff;background:#08070a;border:1px solid #4c1d59;margin:-4px 0 8px}.game-card .game-screen.splash{height:0;padding-bottom:72%;background-position:center;background-size:cover;background-repeat:no-repeat;border:5px solid #050505;box-shadow:0 0 0 1px #4c3055,inset 0 0 20px #000}.game-card.arcade-cabinet h3{margin-top:8px}.game-card.arcade-cabinet .game-launch{display:inline-block;margin-top:8px}.hunt-screen{background:linear-gradient(#071525 0 70%,#17220d 70% 78%,#5a3a0b 78%);position:relative}.hunt-screen:after{content:"ALIEN / BIGFOOT HUNT\A AIM • FIRE • SURVIVE";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#b7f56a;font-weight:1000;line-height:1.5;text-shadow:0 0 12px #000;font-size:1.2rem}.angry-screen{background:radial-gradient(circle at 70% 50%,#173747,#05080a 55%);position:relative}.angry-screen:after{content:"ANGRY STAFF\A PULSAR SIEGE";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#ff4b4b;font-weight:1000;font-size:1.5rem;text-shadow:0 0 18px #000}
