:root{--bg-dark: #070913;--bg-card: #111424;--neon-pink: #ff006e;--neon-cyan: #00f5ff;--neon-purple: #bd00ff;--text-main: #e0e0e0;--text-muted: #6b7280}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.cyber-tavern-app{min-height:100vh;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at center,#151a30,#070913)}.tavern-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;opacity:.4}.rain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#00f5ff0d);opacity:.3}.neon-sign-1{position:absolute;top:10%;left:5%;font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:900;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 30px var(--neon-pink);opacity:.15;transform:rotate(-10deg);letter-spacing:.2em}.neon-sign-2{position:absolute;bottom:15%;right:5%;font-family:JetBrains Mono,monospace;font-size:2.5rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan);opacity:.1;transform:rotate(5deg)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#111424cc;border-bottom:2px solid rgba(0,245,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo-area{display:flex;align-items:center;gap:.75rem}.cyber-title{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.neon-icon-pink{color:var(--neon-pink);filter:drop-shadow(0 0 8px var(--neon-pink))}.header-controls{display:flex;gap:1rem}.btn-icon{background:none;border:1px solid rgba(0,245,255,.3);color:var(--neon-cyan);padding:.5rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.btn-icon:hover{background:#00f5ff1a;box-shadow:0 0 10px var(--neon-cyan)}.lobby-screen{display:flex;justify-content:center;align-items:center;flex:1;z-index:5;padding:2rem}.lobby-card{background:var(--bg-card);border:2px solid var(--neon-pink);box-shadow:0 0 20px #ff006e4d;border-radius:4px;padding:3rem;max-width:600px;text-align:center}.lobby-desc{color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.rules-preview{background:#0006;border-left:3px solid var(--neon-cyan);padding:1.5rem;text-align:left;margin-bottom:2rem;font-size:.9rem}.rules-preview h3{color:var(--neon-cyan);margin-top:0;margin-bottom:.75rem}.rules-preview ul{padding-left:1.2rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.table-view{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:5;padding:1rem}.table-3d-wrapper{perspective:1200px;display:flex;justify-content:center;align-items:center;flex:1;padding:2rem 0}.table-3d{width:80%;max-width:900px;height:450px;background:radial-gradient(ellipse at center,#1b223c,#0a0e1a 80%);border:4px solid var(--neon-cyan);box-shadow:0 0 30px #00f5ff33,inset 0 0 50px #000c;border-radius:50%;transform:rotateX(55deg);transform-style:preserve-3d;position:relative}.table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(20px);width:250px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.neon-target-display{background:#000000b3;border:1px dashed var(--neon-pink);padding:.5rem 1rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;box-shadow:0 0 15px #ff006e66}.target-value{font-size:2.5rem;font-weight:900;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);font-family:JetBrains Mono,monospace}.card-pile{position:relative;width:80px;height:110px}.table-card-back{position:absolute;width:80px;height:110px;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid var(--neon-cyan);border-radius:4px;box-shadow:0 5px 15px #00000080;display:flex;justify-content:center;align-items:center;transform-origin:bottom center}.cyber-card-inner{color:var(--neon-cyan);font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.5rem;text-shadow:0 0 5px var(--neon-cyan)}.empty-pile-glow{color:var(--text-muted);border:2px dashed rgba(255,255,255,.1);width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.8rem;border-radius:4px}.hologram-grid{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-image:linear-gradient(rgba(0,245,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.05) 1px,transparent 1px);background-size:20px 20px;border-radius:50%;pointer-events:none;z-index:-1}.player-seat{position:absolute;display:flex;align-items:center;gap:1rem;background:#111424e6;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;border-radius:4px;transition:all .3s ease}.seat-0{bottom:-40px;left:50%;transform:translate(-50%) translateZ(50px)}.seat-1{left:-100px;top:50%;transform:translateY(-50%) translateZ(40px)}.seat-2{top:-40px;left:50%;transform:translate(-50%) translateZ(40px)}.seat-3{right:-100px;top:50%;transform:translateY(-50%) translateZ(40px)}.active-seat{border-color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink)}.dead-seat{opacity:.5;border-color:#ef4444}.avatar-glow{width:45px;height:45px;background:#00000080;border:2px solid var(--neon-cyan);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px var(--neon-cyan)}.avatar-emoji{font-size:1.5rem}.player-info{display:flex;flex-direction:column}.player-name{font-weight:700;font-size:.9rem;display:flex;align-items:center}.player-status{font-size:.8rem;font-family:JetBrains Mono,monospace}.player-lives{display:flex;gap:3px;margin-top:4px}.bullet-dot{width:8px;height:8px;border-radius:50%}.bullet-dot.alive{background:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink)}.bullet-dot.spent{background:#374151}.speech-bubble{position:absolute;background:var(--neon-purple);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;width:150px;box-shadow:0 0 10px var(--neon-purple);z-index:100;pointer-events:none}.seat-1 .speech-bubble{left:110%;top:0}.seat-2 .speech-bubble{top:110%;left:0}.seat-3 .speech-bubble{right:110%;top:0}.action-panel{background:#111424f2;border-top:2px solid var(--neon-cyan);padding:1.5rem 2rem;border-radius:4px 4px 0 0;box-shadow:0 -5px 25px #00f5ff26}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.current-turn-alert{display:flex;align-items:center;gap:.5rem}.neon-badge{background:var(--neon-pink);color:#fff;padding:.2rem .6rem;border-radius:2px;font-weight:700;font-family:JetBrains Mono,monospace;box-shadow:0 0 8px var(--neon-pink)}.player-hand-container{margin-bottom:1.5rem}.section-title{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.05em}.player-hand{display:flex;gap:1rem;justify-content:center;min-height:120px}.cyber-card{width:80px;height:120px;background:#161b33;border:1px solid rgba(0,245,255,.4);border-radius:4px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;transition:all .2s ease}.cyber-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff4d}.cyber-card.selected{border-color:var(--neon-pink);box-shadow:0 0 20px var(--neon-pink);transform:translateY(-15px)}.card-corner{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700}.card-center{font-size:1.8rem;font-weight:900;text-align:center;color:#fff}.selected-glow{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--neon-pink);border-radius:4px;animation:pulse 1.5s infinite;pointer-events:none}.controls-row{display:flex;gap:1.5rem;justify-content:center}.waiting-status{color:var(--text-muted);font-style:italic}.btn-neon-pink,.btn-neon-cyan,.btn-action{font-family:JetBrains Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 2rem;border-radius:2px;cursor:pointer;transition:all .3s ease}.btn-neon-pink{background:none;border:2px solid var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 10px #ff006e33}.btn-neon-pink:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}.btn-neon-cyan{background:none;border:2px solid var(--neon-cyan);color:var(--neon-cyan)}.btn-neon-cyan:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.btn-action{flex:1;max-width:250px}.btn-cyan{background:var(--neon-cyan);color:#000;border:none}.btn-cyan:hover:not(:disabled){box-shadow:0 0 20px var(--neon-cyan)}.btn-cyan:disabled{background:#1f2937;color:#4b5563;cursor:not-allowed}.btn-pink{background:none;border:2px solid var(--neon-pink);color:var(--neon-pink)}.btn-pink:hover:not(:disabled){background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}.btn-pink:disabled{border-color:#374151;color:#4b5563;cursor:not-allowed}.roulette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070913f2;display:flex;justify-content:center;align-items:center;z-index:100}.roulette-box{background:var(--bg-card);border:2px solid #ef4444;box-shadow:0 0 30px #ef44444d;padding:3rem;border-radius:4px;text-align:center;max-width:500px;width:90%}.roulette-title{font-size:2.5rem;margin-bottom:1rem}.revolver-cylinder-wrapper{margin:2rem auto;width:180px;height:180px;position:relative}.revolver-cylinder{width:100%;height:100%;border-radius:50%;background:#1f2937;border:6px solid #4b5563;position:relative;box-shadow:0 0 20px #0009}.chamber{position:absolute;width:36px;height:36px;background:#111827;border:2px solid #374151;border-radius:50%;top:50%;left:50%;margin-top:-18px;margin-left:-18px;display:flex;justify-content:center;align-items:center}.chamber-0{transform:rotate(0) translateY(-60px) rotate(0)}.chamber-1{transform:rotate(60deg) translateY(-60px) rotate(-60deg)}.chamber-2{transform:rotate(120deg) translateY(-60px) rotate(-120deg)}.chamber-3{transform:rotate(180deg) translateY(-60px) rotate(-180deg)}.chamber-4{transform:rotate(240deg) translateY(-60px) rotate(-240deg)}.chamber-5{transform:rotate(300deg) translateY(-60px) rotate(-300deg)}.chamber.current{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);background:#00f5ff1a}.bullet-visual{width:16px;height:16px;background:radial-gradient(circle,#fcd34d,#b45309);border-radius:50%;box-shadow:0 0 8px #f59e0b}.spinning{animation:spin-cylinder .2s linear infinite}@keyframes spin-cylinder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-trigger-gun{background:#ef4444;color:#fff;border:none;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;padding:1rem 2rem;border-radius:4px;cursor:pointer;box-shadow:0 0 15px #ef444466;transition:all .2s ease;width:100%}.btn-trigger-gun:hover:not(:disabled){background:#dc2626;box-shadow:0 0 25px #ef4444b3}.btn-trigger-gun:disabled{background:#374151;color:#9ca3af;cursor:not-allowed;box-shadow:none}.log-panel{background:#0a0e1ae6;border-top:1px solid rgba(255,255,255,.05);padding:1rem 2rem;max-height:150px;overflow-y:auto}.log-title{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--neon-cyan);margin-top:0;margin-bottom:.5rem}.log-list{display:flex;flex-direction:column;gap:.25rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.gameover-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#070913f2;display:flex;justify-content:center;align-items:center;z-index:110}.gameover-card{background:var(--bg-card);border:2px solid var(--neon-pink);box-shadow:0 0 30px #ff006e66;padding:3rem;border-radius:4px;text-align:center;max-width:500px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:120}.modal-content{background:var(--bg-card);border:2px solid var(--neon-cyan);padding:2rem;border-radius:4px;max-width:500px;width:90%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pulse{animation:pulse 2s infinite}.glitch-text{position:relative;font-family:JetBrains Mono,monospace;font-weight:900}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark)}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--neon-pink);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--neon-cyan);clip:rect(85px,450px,140px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(15px,9999px,66px,0)}to{clip:rect(34px,9999px,55px,0)}}@keyframes glitch-anim2{0%{clip:rect(70px,9999px,105px,0)}to{clip:rect(12px,9999px,85px,0)}}