body{font-family:Arial,sans-serif;background:#000;color:#fff}.App{width:100%;height:100%}.game-engine{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.game-canvas{border:3px solid #FFD700;background:#222;cursor:crosshair;display:block}.hud{position:absolute;top:20px;left:20px;color:gold;font-family:Courier New,monospace;font-weight:700;font-size:16px;z-index:10}.hud-item{margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.menu-button{position:absolute;bottom:20px;right:20px;background:#FF6B6B;color:#fff;border:none;padding:10px 20px;font-weight:700;cursor:pointer;border-radius:5px;z-index:10;transition:all .3s ease}.menu-button:hover{background:#FF8787;transform:scale(1.05)}.menu-container{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;overflow:hidden}.menu-content{text-align:center;color:#fff;max-width:900px;padding:40px}.game-title{font-size:64px;margin:0 0 10px;color:#ff6b6b;text-shadow:3px 3px 0px rgba(0,0,0,.5);font-weight:700;letter-spacing:4px}.game-subtitle{font-size:18px;color:gold;margin:0 0 40px;letter-spacing:2px}.mask-selection{margin:40px 0}.mask-selection h2{font-size:24px;margin-bottom:30px;color:gold;letter-spacing:2px}.masks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px}.mask-card{background:rgba(255,255,255,.05);border:3px solid #444;border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mask-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.mask-card.selected{background:rgba(255,255,255,.15);transform:scale(1.05);box-shadow:0 0 20px #ffffff4d}.mask-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#000}.mask-card h3{margin:10px 0 5px;font-size:18px}.mask-card p{margin:0;font-size:12px;color:#aaa}.start-button{background:linear-gradient(135deg,#FF6B6B,#FF8787);color:#fff;border:none;padding:15px 60px;font-size:20px;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;margin:20px 0}.start-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ff6b6b80}.start-button:active{transform:scale(.98)}.controls-info{margin-top:40px;background:rgba(0,0,0,.3);padding:20px;border-radius:5px;border-left:4px solid #FFD700}.controls-info h3{margin:0 0 15px;color:gold}.controls-info p{margin:8px 0;font-size:14px;color:#ddd}.game-over-container{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.game-over-content{text-align:center;color:#fff}.game-over-content h1{font-size:80px;margin:0 0 40px;color:#ff6b6b;text-shadow:3px 3px 0px rgba(0,0,0,.5);letter-spacing:4px}.stats{display:flex;gap:60px;justify-content:center;margin:40px 0;background:rgba(255,255,255,.05);padding:40px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:14px;color:gold;letter-spacing:2px;margin-bottom:10px}.stat-value{font-size:48px;font-weight:700;color:#ff8787}.restart-button{background:linear-gradient(135deg,#FF6B6B,#FF8787);color:#fff;border:none;padding:15px 60px;font-size:20px;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;margin-top:40px}.restart-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ff6b6b80}.restart-button:active{transform:scale(.98)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}html,body,#root{width:100%;height:100%;overflow:hidden}