*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#050010;color:#fff;font-family:system-ui,sans-serif;overflow-x:hidden}#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}.arcade{position:relative;z-index:1;width:min(1240px,calc(100% - 22px));margin:11px auto 24px;padding:clamp(14px,3vw,28px);min-height:calc(100vh - 22px);border:5px solid #00e5ff;border-radius:30px;background:linear-gradient(180deg,rgba(22,0,55,.88),rgba(5,0,18,.95));box-shadow:0 0 0 5px #ff2bd6,0 0 35px #00e5ff,inset 0 0 48px rgba(255,43,214,.20)}.marquee{text-align:center;padding:14px;border:4px solid #ffeb3b;background:linear-gradient(180deg,#25005d,#080019);box-shadow:inset 0 0 22px #ff2bd655,0 0 25px #ffeb3b55}.coin{display:inline-block;background:#000;padding:8px 14px;border:3px solid #00e5ff;color:#00e5ff;font-weight:1000;letter-spacing:1px;box-shadow:0 0 14px #00e5ff;animation:flicker 2.5s infinite}.marquee h1{margin:14px 0 4px;font-size:clamp(34px,9vw,86px);font-weight:1000;line-height:.95;letter-spacing:2px;text-shadow:5px 5px 0 #ff2bd6,10px 10px 0 #008cff,0 0 24px #fff}.marquee p{margin:0;color:#c8fbff;font-size:clamp(16px,3vw,24px);font-weight:900}.profileBar,.toolbar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px}.toolbar{margin-top:12px}button,.play{border:0;padding:13px 18px;background:#ffeb3b;color:#1b0030;font-size:18px;font-weight:1000;text-decoration:none;box-shadow:0 8px 0 #a66c00,0 0 18px #ffeb3b66}button:active,.play:active{transform:translateY(5px);box-shadow:0 3px 0 #a66c00}.profile{background:#00e5ff;box-shadow:0 8px 0 #006c7a,0 0 18px #00e5ff66}.profile.active{background:#ff80d5;box-shadow:0 8px 0 #9b3370,0 0 22px #ff80d5}.hidden{display:none!important}.status{text-align:center;margin:0 auto 20px;padding:12px;max-width:720px;border:3px solid rgba(255,255,255,.25);background:#0008;color:#c8fbff;font-weight:900}.hallWrap{position:relative;padding:22px 0 52px}.hall{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px;align-items:end}.floor{position:absolute;left:-18px;right:-18px;bottom:0;height:48%;background:linear-gradient(180deg,transparent,#120018 28%),repeating-linear-gradient(90deg,#2a006b 0 34px,#1a0044 34px 68px);transform:perspective(500px) rotateX(52deg);transform-origin:bottom;opacity:.9}.cabinet{position:relative;min-height:360px;padding:18px 16px 24px;background:linear-gradient(180deg,#ff2bd6 0 10%,#2a006b 10% 72%,#111 72%);border:5px solid #fff;border-radius:18px 18px 8px 8px;box-shadow:0 13px 0 #0008,0 0 26px #00e5ff44;overflow:hidden;transition:transform .15s,filter .15s}.cabinet:hover{transform:translateY(-8px) scale(1.02);filter:brightness(1.12)}.cabinet:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(255,255,255,.05) 10px 12px);pointer-events:none}.cabTop{height:54px;display:grid;place-items:center;text-align:center;font-weight:1000;color:#fff;text-shadow:3px 3px 0 #000;font-size:17px;line-height:1.15}.screen{height:155px;border:6px solid #111;background:radial-gradient(circle at 50% 40%,#2cf7ff,#111 65%);display:grid;place-items:center;margin:14px 0;border-radius:12px;box-shadow:inset 0 0 30px #000;animation:screenGlow 2s infinite alternate}.icon{font-size:70px;filter:drop-shadow(0 6px 0 #0008)}.controls{height:56px;background:#121212;border-radius:999px;display:flex;align-items:center;justify-content:space-around;margin:12px 0}.stick{width:24px;height:38px;background:#00e5ff;border-radius:99px;box-shadow:0 -14px 0 #ffeb3b}.btns{display:flex;gap:9px}.red,.blue{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 4px 0 #fff8}.red{background:#ff1744}.blue{background:#00b0ff}.port{font-weight:1000;color:#ffeb3b;text-align:center;margin:5px 0 12px}.play{display:block;text-align:center}.nameInput{width:100%;padding:11px;border:3px solid #00e5ff;background:#050012;color:white;font-size:16px;font-weight:900}.empty{grid-column:1/-1;text-align:center;padding:34px;border:4px dashed rgba(255,255,255,.35);font-weight:1000;color:#c8fbff;font-size:20px}.walker{position:absolute;z-index:3;bottom:18px;font-size:44px;filter:drop-shadow(0 5px 0 #0008);animation:walk 9s linear infinite}.walker.liva{animation-duration:12s;animation-delay:-4s}.trophy{margin-top:18px;border:4px solid #ffeb3b;background:#0008;padding:16px;text-align:center;box-shadow:0 0 20px #ffeb3b44}.trophy h2{margin:0 0 12px;text-shadow:3px 3px 0 #000}#trophies{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:34px}.trophyItem{background:#2a006b;border:3px solid #fff6;border-radius:14px;padding:8px 12px}@keyframes walk{0%{left:0;transform:scaleX(1)}49%{left:calc(100% - 60px);transform:scaleX(1)}50%{left:calc(100% - 60px);transform:scaleX(-1)}99%{left:0;transform:scaleX(-1)}100%{left:0;transform:scaleX(1)}}@keyframes flicker{0%,100%{opacity:1}92%{opacity:.65}94%{opacity:1}96%{opacity:.55}}@keyframes screenGlow{from{box-shadow:inset 0 0 30px #000,0 0 8px #00e5ff}to{box-shadow:inset 0 0 30px #000,0 0 24px #00e5ff}}@media(max-width:650px){.hall{grid-template-columns:1fr}.cabinet{min-height:320px}.screen{height:130px}.marquee h1{font-size:38px}.walker{display:none}}