@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Poppins:wght@300;400;600&display=swap";:root{--primary-bg: #0f0c29;--bg-solid: #1a1a2e;--accent-color: #00d4ff;--accent-secondary: #d400ff;--text-primary: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .2);--btn-bg: #0f3460;--btn-hover: #16213e}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;font-family:Poppins,sans-serif;background-color:var(--bg-solid);color:var(--text-primary);overflow:hidden}#root{height:100%;width:100%}.lobby-container{height:100%;width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:var(--bg-solid)}.grid-overlay{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);z-index:1;pointer-events:none;animation:gridMove 20s linear infinite;opacity:.3}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(40px) translateZ(-200px)}}.cashier-btn{position:absolute;top:30px;left:30px;z-index:100;background-color:var(--btn-bg);border:2px solid var(--accent-color);color:var(--text-primary);padding:12px 24px;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px #000}.cashier-btn:hover{background-color:var(--accent-color);color:var(--primary-bg);transform:translateY(-2px);box-shadow:0 6px #000}.center-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.logo-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-img{width:200px;height:auto;max-height:200px;border-radius:12px;border:4px solid var(--accent-color);margin-bottom:20px}.logo-text{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;text-transform:uppercase;color:var(--text-primary);text-shadow:4px 4px 0px #000;letter-spacing:4px}.play-btn{position:relative;background-color:var(--accent-secondary);border:none;padding:20px 80px;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;color:#fff;cursor:pointer;transition:all .2s ease;border-radius:4px;box-shadow:0 6px #4a005f}.play-text{position:relative;z-index:2;letter-spacing:2px;color:#fff}.play-btn:hover{transform:translateY(-4px);background-color:#e040fb;box-shadow:0 10px #4a005f}.play-btn:active{transform:translateY(2px);box-shadow:0 0 #4a005f}