.arcade-room{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#151520,#050505);padding-top:80px}.cocktail-table{width:100%;max-width:800px;height:calc(100vh - 120px);max-height:900px;background:#0a0a0a;border:4px solid #000;border-radius:40px;display:flex;flex-direction:column;position:relative;box-shadow:0 40px 100px #000000e6,inset 0 0 0 10px #1a1a1a,inset 0 0 20px 12px #e0ff310d}.glass-reflection{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;background:linear-gradient(115deg,#fff0,#fff0 45%,#ffffff0f 47%,#ffffff14,#fff0 53%,#fff0);pointer-events:none;z-index:100;box-shadow:inset 0 2px 2px #ffffff1a}.table-surface{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:40px 20px;gap:20px;position:relative;z-index:10}.bezel-art{display:flex;flex-direction:column;justify-content:space-between;height:95%;width:170px;padding:20px 15px;border:1px solid rgba(224,255,49,.1);background:#0009;border-radius:12px;box-shadow:inset 0 0 30px #000000e6;font-family:Courier New,Courier,monospace;position:relative;overflow:hidden}.bezel-art:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(224,255,49,.03) 4px,rgba(224,255,49,.03) 8px);pointer-events:none}.bezel-brand{text-align:center;margin-bottom:15px}.bezel-brand-name{color:#fff;font-size:1.2rem;font-weight:900;letter-spacing:4px;text-transform:uppercase;margin-bottom:2px;text-shadow:0 0 10px rgba(255,255,255,.5)}.bezel-brand-sub{color:#e0ff31;font-size:.55rem;letter-spacing:2px;font-weight:700}.bezel-manifesto{color:#888;font-size:.65rem;line-height:1.4;text-align:justify;padding:10px 0;border-top:1px dashed rgba(224,255,49,.3);border-bottom:1px dashed rgba(224,255,49,.3);margin-bottom:auto}.bezel-title{color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-align:center;border-bottom:2px solid #E0FF31;padding-bottom:5px;margin-bottom:15px;margin-top:20px}.bezel-list{list-style:none;padding:0;margin:0;color:#888;font-size:.7rem;line-height:1.6}.bezel-list li{margin-bottom:12px;display:flex;align-items:center;gap:8px}.bezel-list span.bold{color:#fff;font-weight:700}.bezel-list span.neon{color:#e0ff31;text-shadow:0 0 5px #E0FF31}.table-crt-casing{position:relative;flex-shrink:0;border:15px solid #0a0a0a;border-radius:12px;background:#000;box-shadow:0 0 0 4px #1a1a1a,inset 0 0 30px #000,0 20px 40px #000c}.crt-ignite{animation:crt-turn-on .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes crt-turn-on{0%{transform:scaleY(.001) translateZ(0);filter:brightness(10) contrast(100);opacity:0}50%{transform:scaleY(.001) translateZ(0);filter:brightness(10);opacity:1}60%{transform:scale(1) translateZ(0);filter:brightness(3);opacity:1}to{transform:scale(1) translateZ(0);filter:brightness(1);opacity:1}}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000004d 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,4px 100%;pointer-events:none;z-index:50;opacity:.7}.table-control-panel{height:120px;width:100%;background:#0a0a0a;border-top:4px solid #1a1a1a;border-radius:0 0 35px 35px;display:flex;align-items:center;justify-content:space-evenly;position:relative;z-index:20;box-shadow:inset 0 -15px 30px #000000e6}.joystick{position:relative;width:90px;height:90px}.joystick-base{width:90px;height:90px;background:#111;border-radius:50%;border:4px solid #222;box-shadow:inset 0 0 20px #000c}.joystick-ball{width:50px;height:50px;background:#e0ff31;border-radius:50%;position:absolute;top:20px;left:20px;box-shadow:inset -12px -12px 20px #0009,inset 5px 5px 10px #fffc,0 15px 25px #000c}.action-buttons{display:flex;gap:25px}.btn-arcade{width:55px;height:55px;background:#1a1a1a;border-radius:50%;border:2px solid #333;box-shadow:inset -5px -5px 15px #000c,inset 3px 3px 8px #ffffff1a,0 4px #000,0 10px 15px #00000080;cursor:pointer;transition:all .1s}.btn-arcade-neon{background:#e0ff31;border-color:#c7e62a;box-shadow:inset -5px -5px 15px #0000004d,inset 3px 3px 8px #ffffffe6,0 6px #aabc20,0 15px 25px #e0ff3133}.btn-arcade-neon:active,.btn-arcade:active{transform:translateY(6px);box-shadow:inset -5px -5px 15px #000c,inset 3px 3px 8px #ffffff1a}.signature-plate{display:flex;flex-direction:column;align-items:center;background:#00000080;padding:10px 30px;border-radius:8px;border:1px solid rgba(224,255,49,.1);box-shadow:inset 0 0 10px #000c}.room-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:radial-gradient(ellipse at bottom,#e0ff3114,#0000 70%);z-index:1;pointer-events:none}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #E0FF31,0 0 20px #E0FF31}20%,24%,55%{opacity:.4;text-shadow:none}}:root{--neon-yellow: #E0FF31;--bg-void: #050505;--cabinet-body: #111111;--cabinet-edge: #222222;--crt-glow: rgba(224, 255, 49, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-void);color:#fff;font-family:Inter,sans-serif;overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:50;opacity:.6}.crt-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.95}50%{opacity:.9}to{opacity:1}}@keyframes neon-pulse{0%{text-shadow:0 0 10px rgba(224,255,49,.5),0 0 20px rgba(224,255,49,.3)}50%{text-shadow:0 0 15px rgba(224,255,49,.8),0 0 30px rgba(224,255,49,.5)}to{text-shadow:0 0 10px rgba(224,255,49,.5),0 0 20px rgba(224,255,49,.3)}}.glass-nav{padding:.6rem .6rem .6rem 1.5rem!important;gap:2.5rem!important;width:max-content;max-width:95vw}.glass-nav-logo{font-size:1rem!important;letter-spacing:4px!important}.glass-nav-btn{padding:.5rem 1rem!important;font-size:.85rem!important;letter-spacing:1px!important}@media (max-width: 768px){.glass-nav{padding:.6rem .6rem .6rem 1rem!important;gap:.5rem!important;max-width:90vw}.glass-nav-logo{font-size:.8rem!important;letter-spacing:1px!important}.glass-nav-btn{padding:.6rem .8rem!important;font-size:.8rem!important;letter-spacing:0px!important}}
