:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow-x:hidden}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#333}@keyframes backgroundShift{0%{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#f093fb)}to{background:linear-gradient(135deg,#4facfe,#00f2fe)}}.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.home{width:100%;max-width:100%}.container{background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;max-width:100vw;width:100%;margin:0;padding:0}.header{padding:2rem;text-align:center;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.header p{font-size:1.1rem;opacity:.9}.tabs{display:flex;background:#f8f9fa}.tab{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d;transition:all .3s ease}.tab.active{background:#fff;color:#4facfe;border-bottom:3px solid #4facfe}.tab:hover:not(.active){background:#e9ecef}.form-container{padding:2rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form h2{text-align:center;color:#333;font-size:1.5rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555}.form-group input{padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a}.btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;animation:buttonPulse 3s ease-in-out infinite;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px #4facfe66;animation:buttonHover .6s ease-in-out infinite alternate}@keyframes buttonPulse{0%,to{box-shadow:0 5px 15px #4facfe33}50%{box-shadow:0 8px 25px #4facfe66}}@keyframes buttonHover{0%{transform:translateY(-3px) scale(1.05)}to{transform:translateY(-5px) scale(1.08)}}.btn-secondary{padding:1rem 2rem;background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;padding:2rem;background:#f8f9fa}.feature{text-align:center;padding:1rem}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature h3{font-size:1rem;margin-bottom:.5rem;color:#333}.feature p{font-size:.9rem;color:#6c757d;line-height:1.4}.session-room{width:100vw;max-width:100vw;height:100vh;background:#fffffff2;border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:1rem;margin:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;animation:slideInUp .8s ease-out,breathe 4s ease-in-out infinite;box-sizing:border-box}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{box-shadow:0 20px 40px #0000001a}50%{box-shadow:0 25px 50px #00000026}}.voting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0}.room-info h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.session-details{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.9}.copy-btn{background:#fff3;border:none;border-radius:4px;color:#fff;padding:.25rem;cursor:pointer;display:flex;align-items:center;transition:background .2s}.copy-btn:hover{background:#ffffff4d}.room-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.round-counter{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:500}.participants-info{display:flex;align-items:center;gap:.25rem;font-weight:500}.chat-toggle,.reactions-toggle{background:#fff3;border:none;border-radius:20px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .2s}.chat-toggle:hover,.reactions-toggle:hover,.chat-toggle.active,.reactions-toggle.active{background:#ffffff4d;transform:translateY(-1px)}.room-controls .ticket-btn{background:#fff3;border:none;border-radius:20px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.room-controls .ticket-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.avatar-section{margin-bottom:1.5rem}.avatar-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.avatar-generator{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef;transition:all .2s}.avatar-generator:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.random-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.random-avatar:hover{transform:scale(1.05)}.avatar-emoji{font-size:2rem;line-height:1}.avatar-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.avatar-name{font-weight:600;font-size:1.1rem;color:#333}.avatar-actions{display:flex;gap:.5rem}.avatar-btn{padding:.4rem .8rem;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.refresh-btn{background:#e9ecef;color:#6c757d}.refresh-btn:hover{background:#dee2e6;color:#495057;transform:rotate(180deg)}.use-btn{background:#667eea;color:#fff}.use-btn:hover{background:#5a67d8;transform:translateY(-1px)}.ticket-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ticket-header h3{margin:0;color:#333;font-size:1.25rem}.ticket-actions{display:flex;gap:.5rem}.ticket-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:transform .2s}.ticket-btn:hover{transform:translateY(-1px)}.ticket-content{display:flex;flex-direction:column;gap:1rem}.ticket-input-group input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .2s}.ticket-input-group input:focus{outline:none;border-color:#667eea}.ticket-info{display:flex;gap:1rem}.ticket-type,.ticket-priority{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.ticket-type{background:#e3f2fd;color:#1976d2}.ticket-priority{background:#fff3e0;color:#f57c00}.team-dashboard{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.team-dashboard h4{margin:0 0 1rem;color:#333;font-size:1.1rem;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:8px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-number{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.chat-sidebar{position:fixed;right:0;top:0;width:320px;height:100vh;background:#fff;box-shadow:-4px 0 12px #00000026;display:flex;flex-direction:column;z-index:1100;transform:translate(0);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-header h4{margin:0;font-size:1.1rem}.chat-header button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chat-header button:hover{background:#fff3}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-message{padding:.5rem;border-radius:8px;background:#f5f5f5}.chat-user{font-weight:600;color:#667eea;margin-right:.5rem}.chat-text{color:#333}.chat-empty{text-align:center;color:#999;font-style:italic;margin-top:2rem}.chat-input{display:flex;padding:1rem;border-top:1px solid #e1e5e9;gap:.5rem}.chat-input input{flex:1;padding:.5rem;border:1px solid #e1e5e9;border-radius:20px;outline:none}.chat-input input:focus{border-color:#667eea}.chat-input button{background:#667eea;border:none;border-radius:20px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:background .2s}.chat-input button:hover{background:#5a6fd8}.reactions-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:200px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1050;animation:slideInLeft .3s ease-out}.session-room:has(.chat-sidebar) .reactions-panel{right:340px}@keyframes slideInLeft{0%{transform:translateY(-50%) translate(20px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.reactions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.reactions-header h4{margin:0;font-size:1rem}.reactions-header button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.reactions-header button:hover{background:#fff3}.reactions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem}.reaction-btn{background:#f5f5f5;border:none;border-radius:8px;padding:.75rem;cursor:pointer;font-size:1.5rem;transition:all .2s}.reaction-btn:hover{background:#667eea;transform:scale(1.1)}.floating-reaction{position:fixed;bottom:20%;font-size:3rem;z-index:1200;pointer-events:none;animation:floatUp 5s linear forwards;display:flex;flex-direction:column;align-items:center}.reaction-author{font-size:.75rem;color:#667eea;font-weight:600;margin-top:.25rem;background:#fff;padding:.25rem .5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}10%{transform:translateY(-20px) scale(1);opacity:1}90%{transform:translateY(-400px) scale(1);opacity:1}to{transform:translateY(-500px) scale(.5);opacity:0}}.room-info h1{font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.session-details{display:flex;align-items:center;gap:.5rem}.session-id{font-size:.9rem;opacity:.9;font-family:monospace;background:#fff3;padding:.6em 1.2em;border-radius:6px}.room-controls{display:flex;align-items:center;gap:1rem}.round-counter{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.participants-info{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600}.chat-toggle,.reactions-toggle{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.chat-toggle:hover,.reactions-toggle:hover{background:#ffffff4d;transform:translateY(-1px)}.chat-toggle.active,.reactions-toggle.active{background:#fff;color:#667eea}.session-info{display:flex;align-items:center;gap:1rem}.session-info h1{font-size:1.8rem;color:#333}.copy-btn{padding:.5rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s ease}.copy-btn:hover{background:#e9ecef}.participants-count{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.story-section{margin-bottom:1rem;flex-shrink:0}.story-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.story-input-group{position:relative;display:flex;align-items:center}.story-input-group input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease}.story-input-group input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a}.story-input-group svg{position:absolute;right:1rem;color:#6c757d}.modern-poker-layout{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.top-players,.bottom-players{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%;max-width:800px}.player-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.bottom-players .player-container{flex-direction:column-reverse}.player-avatar-modern{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.8rem;color:#666;border:3px solid #ddd;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;line-height:1}.player-avatar-modern.current-player .avatar-circle{color:#fff;box-shadow:0 6px 20px #667eea4d}.player-name-modern{font-size:.85rem;font-weight:600;color:#666;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-card-modern{width:60px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.vote-card-modern.hidden,.vote-card-modern.revealed{background:linear-gradient(135deg,#667eea,#764ba2)}.vote-card-modern.no-vote{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:#ccc}.card-content{font-size:1.1rem;font-weight:700}.reveal-section{position:relative;z-index:10;margin:2rem 0;display:flex;justify-content:center;align-items:center}.reveal-button{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b981;border-radius:20px;padding:1.5rem 3rem;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 25px #10b9814d;transition:all .3s ease;position:relative;overflow:hidden}.reveal-button:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #10b98166}.reveal-button:disabled{opacity:.5;cursor:not-allowed}.results-display{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2rem;border-radius:20px;text-align:center;min-width:300px;box-shadow:0 10px 30px #667eea4d;animation:slideInScale .5s ease-out}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.results-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.results-summary{display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:.75rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-label{font-weight:600;opacity:.9}.result-value{font-size:1.25rem;font-weight:700}.consensus-badge{background:#fff3;padding:1rem;border-radius:12px;margin-top:.5rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.reset-button{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;padding:.75rem 1.5rem;margin-top:1.5rem;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.reset-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.button-cursor{font-size:1.5rem;animation:pointingFinger 1.5s ease-in-out infinite}@keyframes pointingFinger{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.table-surface{position:relative;width:100%;max-width:700px;height:350px;background:linear-gradient(135deg,#0d5f2f,#0a4926,#083d1f);border:8px solid #8B4513;border-radius:30px;box-shadow:0 0 20px #00000080,inset 0 0 30px #0000004d,inset 0 0 60px #ffffff0d;display:flex;align-items:center;justify-content:center;overflow:visible;animation:tableGlow 6s ease-in-out infinite alternate,tableFloat 8s ease-in-out infinite}@keyframes tableGlow{0%{box-shadow:0 0 20px #00000080,inset 0 0 30px #0000004d,inset 0 0 60px #ffffff0d}to{box-shadow:0 0 40px #4facfe4d,inset 0 0 30px #0000004d,inset 0 0 80px #ffffff1a}}@keyframes tableFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;background:#0000004d;padding:.75rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:200px}.table-logo{font-size:2rem;margin-bottom:.25rem;animation:logoSpin 10s linear infinite,logoPulse 3s ease-in-out infinite}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,215,0,.5)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,215,0,.8)}}.table-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.current-story{margin-top:1rem;padding:.5rem;background:#ffffff1a;border-radius:8px;font-size:.9rem}.story-text{margin-top:.5rem;font-style:italic;color:#e0e0e0}.players-around-table{position:relative;width:100%;height:100%}.player-seat{position:absolute;z-index:20}.player-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:#fffffff2;border-radius:10px;box-shadow:0 6px 20px #0000004d;border:2px solid #ddd;min-width:80px;transition:all .3s ease;animation:playerCardEntrance .6s ease-out,playerCardFloat 4s ease-in-out infinite}@keyframes playerCardEntrance{0%{opacity:0;transform:translateY(-30px) rotate(-10deg) scale(.5)}50%{transform:translateY(10px) rotate(5deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes playerCardFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.player-seat.current-player .player-card{border-color:gold;box-shadow:0 8px 25px #ffd70066;background:#fff8dcf2;animation:playerCardEntrance .6s ease-out,currentPlayerGlow 2s ease-in-out infinite alternate}@keyframes currentPlayerGlow{0%{box-shadow:0 8px 25px #ffd70066;transform:scale(1)}to{box-shadow:0 12px 35px #ffd700cc;transform:scale(1.05)}}.player-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 3px 12px #0003;transition:all .3s ease;animation:avatarBounce 3s ease-in-out infinite}.player-avatar:hover{transform:scale(1.2) rotate(10deg);box-shadow:0 6px 20px #4facfe66}@keyframes avatarBounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}.current-player .player-avatar{background:linear-gradient(135deg,gold,orange);color:#333}.player-name{font-size:.9rem;font-weight:600;color:#333;text-align:center;line-height:1.2}.poker-card{position:relative;width:40px;height:55px;border-radius:6px;cursor:pointer;transition:all .6s ease;transform-style:preserve-3d;box-shadow:0 3px 12px #0003;animation:cardWiggle 5s ease-in-out infinite}@keyframes cardWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-1deg) scale(1.02)}75%{transform:rotate(1deg) scale(1.02)}}.poker-card.face-down .card-back{z-index:3}.poker-card.face-down .card-front,.poker-card.revealed .card-back{z-index:1}.poker-card.revealed .card-front{z-index:3}.poker-card.no-vote{opacity:.6}.poker-card.has-vote{opacity:1;box-shadow:0 6px 20px #4facfe66}.card-back,.card-front{position:absolute;inset:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #333}.card-back{background:linear-gradient(135deg,#8b0000,#b22222,#dc143c);color:#fff;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-front{background:linear-gradient(135deg,#fff,#f8f9fa);color:#333;font-size:1.2rem;border-color:#4facfe;box-shadow:inset 0 2px 10px #4facfe1a}.poker-card:hover{transform:translateY(-5px) scale(1.05)}.results-section{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:1rem;border-radius:12px;margin-bottom:1rem;text-align:center;transition:all .5s ease;flex-shrink:0}.results-section.perfect-consensus{background:linear-gradient(135deg,gold,orange);color:#333;animation:consensus-glow 2s ease-in-out infinite alternate;box-shadow:0 10px 30px #ffd70066}@keyframes consensus-glow{0%{box-shadow:0 10px 30px #ffd70066}to{box-shadow:0 15px 40px #ffd70099}}.consensus-message{margin:1rem 0;font-size:1.1rem;font-weight:600;background:#fff3;padding:.75rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-section h3{margin-bottom:1rem;font-size:1.3rem}.results-stats{display:flex;justify-content:center;gap:2rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.9rem;opacity:.8}.stat-value{font-size:1.5rem;font-weight:700}.voting-section-modern{flex-shrink:0;text-align:center;width:100%;padding:0 2rem}.voting-section-modern h3{margin-bottom:1.5rem;color:#666;font-size:1.1rem;font-weight:600}.voting-cards-modern{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:900px;margin:0 auto;padding:1rem}.voting-card-modern{width:60px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.voting-card-modern:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 8px 20px #667eea33;border-color:#667eea}.voting-card-modern.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d}.voting-card-modern.disabled{opacity:.5;cursor:not-allowed}.card-value-modern{font-size:1.2rem;font-weight:700;color:#667eea}.voting-card-modern.selected .card-value-modern{color:#fff}.voting-section h3{margin-bottom:1rem;color:#333;text-align:center}.voting-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.voting-card{position:relative;height:100px;width:70px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 15px #00000026;transform-style:preserve-3d;animation:votingCardEntrance .5s ease-out,votingCardIdle 4s ease-in-out infinite}@keyframes votingCardEntrance{0%{opacity:0;transform:translateY(20px) rotateX(-90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes votingCardIdle{0%,to{transform:scale(1) rotateY(0)}50%{transform:scale(1.02) rotateY(2deg)}}.voting-card:hover:not(.disabled){transform:translateY(-5px) scale(1.1) rotate(5deg);box-shadow:0 15px 30px #4facfe4d;border-color:#4facfe;animation:votingCardHover .6s ease-in-out infinite alternate}@keyframes votingCardHover{0%{transform:translateY(-5px) scale(1.1) rotate(5deg)}to{transform:translateY(-8px) scale(1.15) rotate(-2deg)}}.voting-card.selected{background:linear-gradient(135deg,gold,orange);color:#333;border-color:gold;transform:translateY(-8px) rotateX(10deg);box-shadow:0 15px 30px #ffd70066;animation:selectedCardGlow 1s ease-in-out infinite alternate}@keyframes selectedCardGlow{0%{transform:translateY(-8px) rotateX(10deg) scale(1);box-shadow:0 15px 30px #ffd70066}to{transform:translateY(-10px) rotateX(12deg) scale(1.05);box-shadow:0 20px 40px #ffd70099}}.voting-card.disabled{opacity:.6;cursor:not-allowed}.voting-card.animating{animation:cardPulse .3s ease}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-front{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.card-value{font-size:1.2rem;font-weight:700}.card-emoji{font-size:1rem}.card-ripple{position:absolute;inset:0;background:radial-gradient(circle,rgba(79,172,254,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.voting-card:active .card-ripple{opacity:1}.voting-status{text-align:center;margin:1rem 0}.vote-cast{color:#28a745;font-weight:600}.all-voted{color:#4facfe;font-weight:600;font-size:1.1rem}.session-controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}@media (max-width: 768px){.app{padding:0}.session-header{flex-direction:column;gap:1rem;align-items:flex-start}.results-stats{flex-direction:column;gap:1rem}.voting-cards{gap:.5rem}.voting-card{height:80px;width:55px}.card-value{font-size:1.2rem}.card-emoji{font-size:1rem}.table-surface{height:280px;max-width:95vw}.player-card{min-width:70px;padding:.25rem}.player-avatar{width:25px;height:25px;font-size:.8rem}.poker-card{width:30px;height:40px}.table-center{padding:.5rem}.table-logo{font-size:1.5rem}.table-title{font-size:.9rem}.session-room{padding:.5rem}}.waiting-elements{margin:1rem 0;text-align:center;position:relative;flex-shrink:0}.waiting-message{margin-bottom:1rem}.waiting-message p{margin-bottom:.5rem;color:#6c757d}.interaction-hint{font-size:.9rem;font-style:italic;color:#4facfe}.interactive-playground{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.interactive-button{width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--color, #4facfe) 0%,var(--color, #00f2fe) 100%);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:bounce 2s ease-in-out infinite,magicGlow 4s ease-in-out infinite;animation-delay:var(--delay, 0s);box-shadow:0 4px 15px #0000001a;position:relative}.interactive-button:after{content:"";position:absolute;inset:-50%;border-radius:50%;background:radial-gradient(circle,var(--color, #4facfe),transparent 70%);opacity:0;animation:rippleEffect 3s ease-in-out infinite;animation-delay:var(--delay, 0s);z-index:-1}.interactive-button:hover{transform:scale(1.2) rotate(10deg);box-shadow:0 8px 25px #0000004d;animation:interactiveHover .5s ease-in-out infinite alternate}.interactive-button:active{transform:scale(.9) rotate(-5deg);animation:interactiveClick .3s ease-out}@keyframes magicGlow{0%,to{filter:brightness(1) hue-rotate(0deg);box-shadow:0 4px 15px #0000001a}50%{filter:brightness(1.2) hue-rotate(30deg);box-shadow:0 6px 20px var(--color, rgba(79, 172, 254, .3))}}@keyframes rippleEffect{0%{opacity:0;transform:scale(0)}50%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes interactiveHover{0%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1.25) rotate(15deg)}}@keyframes interactiveClick{0%{transform:scale(.9) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.floating-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;animation:float 3s ease-out;transition:all .5s ease;z-index:10}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-30px) rotate(180deg);opacity:.8}to{transform:translateY(-60px) rotate(360deg);opacity:0}}.click-counter{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #4facfe4d;animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.magical-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.magic-particle{position:absolute;border-radius:50%;animation:magicParticle 8s ease-in-out infinite;filter:blur(1px)}@keyframes magicParticle{0%,to{transform:scale(1);filter:blur(1px) brightness(1)}50%{transform:scale(1.5);filter:blur(2px) brightness(1.5)}}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;left:var(--start-x);top:var(--start-y);width:var(--size);height:var(--size);background-color:var(--color);animation:confetti-fall var(--fall-speed) ease-in-out forwards;transform:rotate(var(--rotation))}.confetti-piece.square{border-radius:2px}.confetti-piece.circle{border-radius:50%}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--rotation));opacity:1}to{transform:translateY(100vh) rotate(calc(var(--rotation) + var(--rotation-speed) * 10));opacity:.7}}@media (max-width: 1200px){.chat-sidebar{width:280px}.reactions-panel{width:160px;right:10px}.session-room:has(.chat-sidebar) .reactions-panel{right:300px}}@media (max-width: 768px){.chat-sidebar{width:100vw;right:0}.reactions-panel{right:10px;width:140px;top:60%}.session-room:has(.chat-sidebar) .reactions-panel{display:none}.floating-reaction{font-size:2rem}.voting-header{flex-direction:column;gap:1rem}.room-controls{justify-content:center;flex-wrap:wrap}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.modern-poker-layout{gap:2rem}.top-players,.bottom-players{gap:1rem}.reveal-section{margin:1rem 0}.voting-section-modern{padding:0 1rem}}.emoji-confetti-btn{background:linear-gradient(135deg,#ffd93d,#ff6b6b);border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;font-size:16px;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #ff6b6b4d}.emoji-confetti-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.emoji-confetti-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 40px #00000026;z-index:1000;max-width:400px;width:90vw;max-height:80vh;overflow-y:auto;border:2px solid #ffd93d}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.emoji-picker-header h4{margin:0;color:#333;font-size:18px}.emoji-picker-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.emoji-picker-header button:hover{background-color:#f0f0f0}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:16px}.emoji-confetti-btn-grid{background:none;border:2px solid transparent;border-radius:8px;padding:8px;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-confetti-btn-grid:hover{background-color:#f8f9ff;border-color:#667eea;transform:scale(1.1)}.emoji-picker-tip{text-align:center;font-size:14px;color:#666;font-style:italic;padding:8px;background:#f8f9fa;border-radius:8px}.emoji-firework-particle{position:fixed;pointer-events:none;z-index:9999;animation:emoji-firework-burst cubic-bezier(.11,0,.5,0) forwards;will-change:transform,opacity;-webkit-user-select:none;user-select:none;transform-origin:center;backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;font-weight:700}@keyframes emoji-firework-burst{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) scale(.3)}}.current-player .player-avatar-modern>div:hover{transform:scale(1.1);box-shadow:0 0 20px #ffd700cc;transition:all .3s ease}.current-player .player-avatar-modern>div{transition:all .3s ease;position:relative;border:3px solid #4facfe;box-shadow:0 0 0 2px #4facfe4d}.current-player .player-avatar-modern>div:after{content:"🎆";position:absolute;bottom:-8px;right:-8px;font-size:16px;opacity:0;transition:opacity .3s ease;pointer-events:none}.current-player .player-avatar-modern>div:hover:after{opacity:1}@media (max-width: 640px){.emoji-confetti-picker{max-width:95vw;padding:16px}.emoji-picker-grid{grid-template-columns:repeat(6,1fr);gap:6px}.emoji-confetti-btn-grid{font-size:20px;padding:6px}.emoji-confetti-btn{padding:6px 10px;font-size:14px}}