body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.game-container{width:70vw;margin:0 auto;background:rgba(255,255,255,.1);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title{text-align:center;color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.timer-container{text-align:center;color:#fff;font-size:1.8em;margin-bottom:20px;font-weight:700}.score-board{display:flex;justify-content:space-around;margin-bottom:30px;flex-wrap:wrap;gap:20px}.team-score{background:rgba(255,255,255,.2);padding:15px;border-radius:10px;text-align:center;min-width:120px}.team-name{color:#fff;margin-bottom:5px;font-weight:700}.score{font-size:1.5em;color:gold}.result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.result-modal{background:white;padding:30px;border-radius:15px;width:90%;max-width:500px;text-align:center;box-shadow:0 5px 15px #0000004d;color:#000}.result-scores{margin:20px 0}.result-score-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee;gap:10px}.rank-badge{width:24px;height:24px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.score-bar-container{flex:1;display:flex;align-items:center;gap:10px}.score-bar{height:20px;background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);border-radius:10px;transition:width .3s}.score-value{min-width:60px;text-align:right}.team-badge{padding:5px 10px;border-radius:20px;color:#000;font-weight:700}.team-badge.team1{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.team-badge.team2{background:linear-gradient(45deg,#4ecdc4,#1e88e5)}.team-badge.team3{background:linear-gradient(45deg,#7cb342,#96c93d)}.team-badge.team4{background:linear-gradient(45deg,#f093fb,#f5576c)}.winner-announcement{font-size:1.2em;margin:20px 0;font-weight:700;color:#000}.winner-name{padding:5px 10px;border-radius:20px;color:#000}.modal-restart-btn{background:#4CAF50;color:#fff;border:none;padding:10px 20px;font-size:1em;border-radius:5px;cursor:pointer;transition:background .3s}.modal-restart-btn:hover{background:#45a049}.penalty-flash{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:rgba(255,0,0,.8);color:#fff;padding:5px 10px;border-radius:10px;font-weight:700;opacity:0;transition:opacity .3s ease;z-index:100}@keyframes flash{0%{opacity:0;transform:translate(-50%) scale(.5)}50%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(1)}}.game-area{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.team{display:flex;flex-direction:column;align-items:center;width:200px}.cup-container{position:relative;width:120px;height:200px;margin-bottom:20px}.cup{position:absolute;bottom:0;width:100%;height:160px;background:rgba(255,255,255,.1);border:3px solid white;border-radius:0 0 20px 20px;overflow:hidden}.liquid{position:absolute;bottom:0;width:100%;height:0%;transition:height .1s linear}.liquid.team1{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.liquid.team2{background:linear-gradient(45deg,#4ecdc4,#1e88e5)}.liquid.team3{background:linear-gradient(45deg,#7cb342,#96c93d)}.liquid.team4{background:linear-gradient(45deg,#f093fb,#f5576c)}.spout{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:30px;height:40px;background:#8B4513;border-radius:5px 5px 0 0}.pouring{position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:0;border-radius:0 0 4px 4px;opacity:0;transition:all .1s ease}.pouring.team1{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.pouring.team2{background:linear-gradient(45deg,#4ecdc4,#1e88e5)}.pouring.team3{background:linear-gradient(45deg,#7cb342,#96c93d)}.pouring.team4{background:linear-gradient(45deg,#f093fb,#f5576c)}.button{padding:15px 30px;font-size:1.1em;border:none;border-radius:25px;cursor:pointer;color:#fff;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003}.button.team1{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.button.team2{background:linear-gradient(45deg,#4ecdc4,#1e88e5)}.button.team3{background:linear-gradient(45deg,#7cb342,#96c93d)}.button.team4{background:linear-gradient(45deg,#f093fb,#f5576c)}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.controls{text-align:center;margin-top:30px}.control-btn{padding:12px 25px;font-size:1em;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .3s ease;margin:0 10px}.start-btn{background:#28a745}.start-btn:hover{background:#218838}.reset-btn{background:#6c757d}.reset-btn:hover{background:#5a6268}.instructions{background:rgba(255,255,255,.1);padding:20px;border-radius:15px;margin-top:30px;color:#fff}.instructions h3{margin-bottom:10px;text-align:center}.instructions ul{padding-left:20px}.instructions li{margin-bottom:5px}@media (max-width: 768px){.game-area{flex-direction:column;align-items:center}.team{width:100%;max-width:300px}.title{font-size:2em}}.game-config-manager{max-width:1200px;margin:0 auto;padding:20px;background:rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-sizing:border-box;width:100%}@media (max-width: 768px){.game-config-manager{padding:15px;max-width:100%}.buttons-grid{grid-template-columns:1fr}.button-config-card{margin-bottom:15px}.game-selector,.config-section{padding:15px}}@media (orientation: landscape) and (min-width: 768px){.game-config-manager{width:100%}}.game-selector{display:flex;gap:15px;align-items:center;margin-bottom:30px;padding:20px;background:rgba(0,0,0,.2);border-radius:10px;box-sizing:border-box;width:100%}@media (max-width: 768px){.game-selector{flex-direction:column;align-items:stretch}.game-selector select,.game-selector button{width:100%}}@media (orientation: landscape) and (min-width: 768px){.game-selector{flex-wrap:wrap}}.game-selector label{font-weight:700;font-size:18px;white-space:nowrap}.game-selector select{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);color:#fff;font-size:16px;flex:1;min-width:0}.game-selector button{padding:10px 20px;border-radius:8px;border:none;background:#4361ee;color:#fff;font-weight:700;cursor:pointer;transition:background .3s ease;white-space:nowrap}.game-selector button:hover:not(:disabled){background:#3a56d4}.game-selector button:disabled{background:#6c757d;cursor:not-allowed}.config-section{margin-bottom:30px;padding:20px;background:rgba(0,0,0,.2);border-radius:10px;box-sizing:border-box;width:100%}@media (max-width: 768px){.config-section{padding:15px}}.config-section h4{margin-top:0;color:#4cc9f0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);color:#fff;font-size:16px;box-sizing:border-box}.form-group input:read-only{background:rgba(100,100,100,.3)}.buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px;width:100%}@media (orientation: landscape) and (min-width: 1800px){.buttons-grid{grid-template-columns:repeat(4,1fr)}}@media (orientation: landscape) and (min-width: 1025px) and (max-width: 1799px){.buttons-grid{grid-template-columns:repeat(3,1fr)}}@media (orientation: landscape) and (min-width: 768px) and (max-width: 1024px){.buttons-grid{grid-template-columns:repeat(2,1fr)}}.button-config-card{background:rgba(0,0,0,.3);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;width:100%}.button-config-card h5{margin-top:0;color:#f72585}.config-actions{text-align:center;margin-top:30px;width:100%}.save-button{padding:12px 30px;border-radius:8px;border:none;background:#4cc9f0;color:#1e3c72;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s ease}.save-button:hover:not(:disabled){background:#3bb9e0;transform:translateY(-2px)}.save-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width: 768px){.game-config-manager{padding:15px}.game-selector{flex-direction:column;align-items:stretch}.game-selector select,.game-selector button{width:100%}.buttons-grid{grid-template-columns:1fr}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;flex-direction:column}@media (orientation: landscape) and (min-width: 768px){.dashboard{min-height:100vh;width:100vw}}.dashboard-header{text-align:center;padding:30px 20px;background:rgba(0,0,0,.2)}.dashboard-header h1{font-size:2.5rem;margin:10px 0}.dashboard-header p{font-size:1.2rem;color:#ccc}.dashboard-content{max-width:1200px;margin:0 auto;padding:20px;flex:1;width:100%;box-sizing:border-box}@media (orientation: landscape) and (min-width: 768px){.dashboard-content{flex:1;display:flex;flex-direction:column}}.games-section{margin-bottom:20px;flex:1}@media (orientation: landscape) and (min-width: 768px){.games-section{flex:1}}.games-section h2,.tools-section h2{font-size:2rem;margin:20px 0;color:#4cc9f0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}@media (orientation: landscape) and (min-width: 1800px){.games-grid{grid-template-columns:repeat(4,1fr)}}@media (orientation: landscape) and (min-width: 1025px) and (max-width: 1799px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (orientation: landscape) and (min-width: 768px) and (max-width: 1024px){.games-grid{grid-template-columns:repeat(2,1fr)}}.game-card{background:rgba(255,255,255,.1);border-radius:15px;padding:1.3vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2);text-align:center;box-sizing:border-box}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d;background:rgba(255,255,255,.15)}.game-icon{font-size:3rem;margin-bottom:15px}.game-card h3{font-size:1.5rem;margin:10px 0;color:#4cc9f0}.game-card p{color:#ccc;margin:20px 0;font-size:.9rem;line-height:1.5}.game-actions{gap:10px;justify-content:center}.btn{width:8vw;padding:10px 20px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-sizing:border-box}.btn.primary{background:#4361ee;color:#fff}.btn.primary:hover{background:#3a56d4}.btn.secondary{background:#7209b7;color:#fff}.btn.secondary:hover{background:#5e0c99}.btn.disabled{background:#6c757d;cursor:not-allowed}.tools-section{margin-top:40px;width:100%;box-sizing:border-box}@media (orientation: landscape) and (min-width: 768px){.tools-section{margin-top:auto}}@media (max-width: 768px){.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.games-grid{grid-template-columns:1fr}.game-actions{flex-direction:row}.btn{width:100%}}.home-container{position:relative;width:100%;height:100vh;overflow:hidden}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:1}.content h1{font-size:3rem;margin-bottom:1rem}.content p{font-size:1.5rem}body{font-family:Arial;background:#0b1220;color:#fff;display:flex;align-items:center;justify-content:center;height:100vh;margin:0}.card{background:#0f1724;padding:28px;border-radius:12px;box-shadow:0 12px 40px #0009;max-width:900px;width:100%}.row{display:flex;gap:12px;align-items:center}a.button,button.button{display:inline-block;padding:10px 16px;background:#111827;color:#fff;border-radius:8px;text-decoration:none;margin-right:8px;border:none;cursor:pointer}.control-row{margin-top:14px}#mainRanking{margin-top:12px;color:#9ca3af;max-height:220px;overflow:auto;padding:8px;background:#061124;border-radius:8px}.game-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:10}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.topbar{display:flex;justify-content:space-between;padding:10px 16px;background:rgba(6,18,38,.8);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.topbar a,.topbar button{color:#9ca3af;text-decoration:none;background:none;border:none;cursor:pointer}.container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}#gameWrapper{width:100%;max-width:1400px;height:100%;background:#87ceeb;border-radius:10px;position:relative;overflow:hidden}#hud{position:absolute;left:12px;top:12px;z-index:20}.hud{text-align:left;padding:8px 12px;background:rgba(0,0,0,.5);border-radius:8px;color:#fff}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}#endOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:60;background:rgba(0,0,0,.6)}#countdownOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in-out}#countdownText{font-size:24em;font-weight:700;color:#ffe66d;text-shadow:0 0 30px rgba(255,230,109,.8);margin-bottom:20px;animation:scaleBounce .5s ease-in-out}#endBox{background:rgba(0,0,0,.85);padding:22px;border-radius:12px}#endText{font-size:28px}button.ctrl-btn{padding:10px 14px;margin:6px;border-radius:8px;border:none;cursor:pointer}button.ctrl-btn.start{background:#2563EB;color:#fff}button.ctrl-btn.restart{background:#F59E0B;color:#fff}button.ctrl-btn.end{background:#EF4444;color:#fff}button.ctrl-btn.continue{background:#4CAF50;color:#fff}button.ctrl-btn.system{background:#6c757d;color:#fff}.transparent-control-panel{opacity:.9}.winning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.winning-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:winning-overlay-fade-in .3s ease-out}.winning-overlay-content{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);border-radius:25px;padding:50px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #0009,0 0 100px #667eea4d;animation:winning-overlay-slide-up .5s ease-out;border:3px solid rgba(102,126,234,.5);position:relative;overflow:hidden}.winning-overlay-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,230,109,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.1) 0%,transparent 50%);pointer-events:none}@keyframes winning-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes winning-overlay-slide-up{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.winning-overlay-header{text-align:center;margin-bottom:40px;position:relative;z-index:1}.winning-overlay-title{font-size:4rem;font-weight:900;background:linear-gradient(45deg,#FFBD80,#EFB5FD,#8EE8BD,#9ED7F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;text-shadow:0 0 30px rgba(255,255,255,.5);letter-spacing:2px;animation:title-glow 2s ease-in-out infinite alternate}.winning-overlay-subtitle{font-size:2rem;font-weight:700;color:#ffe66d;text-shadow:0 0 20px rgba(255,230,109,.8);letter-spacing:1px}@keyframes title-glow{0%{text-shadow:0 0 30px rgba(255,255,255,.5)}to{text-shadow:0 0 50px rgba(255,255,255,.8),0 0 60px rgba(102,126,234,.6)}}.winning-overlay-scores{margin-bottom:30px}.winning-overlay-score-item{display:flex;align-items:center;padding:20px 25px;margin-bottom:20px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border-radius:20px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.winning-overlay-score-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #0006;border-color:#fff6}.winning-overlay-score-item.podium{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.1));border:3px solid rgba(255,215,0,.5);box-shadow:0 0 30px #ffd7004d}.winning-overlay-rank-badge{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:2rem;font-weight:900;color:#fff;margin-right:25px;box-shadow:0 8px 25px #0006,inset 0 2px 10px #ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1}.winning-overlay-rank-badge:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;z-index:-1;opacity:.5;filter:blur(10px)}.winning-overlay-team-info{flex:1;display:flex;align-items:center;gap:15px}.winning-overlay-team-badge{padding:12px 24px;border-radius:25px;color:#fff;font-weight:900;font-size:1.3rem;min-width:100px;text-align:center;box-shadow:0 4px 15px #0000004d,inset 0 2px 5px #ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px;border:2px solid rgba(255,255,255,.3)}.winning-overlay-score-bar-container{flex:1;height:25px;background:rgba(0,0,0,.3);border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 5px #0000004d}.winning-overlay-score-bar{height:100%;border-radius:10px;transition:width .8s ease-out;position:relative;box-shadow:0 0 20px currentColor}.winning-overlay-score-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:winning-overlay-shimmer 1.5s infinite}@keyframes winning-overlay-shimmer{0%{left:-100%}to{left:100%}}.winning-overlay-score-value{font-size:1.8rem;font-weight:900;color:#ffe66d;min-width:100px;text-align:right;text-shadow:0 0 15px rgba(255,230,109,.8);letter-spacing:1px}@media (max-width: 768px){.winning-overlay-content{padding:30px;margin:20px;width:calc(100% - 40px)}.winning-overlay-title{font-size:3rem}.winning-overlay-subtitle{font-size:1.5rem}.winning-overlay-score-item{padding:15px 20px}.winning-overlay-team-info{flex-direction:column;gap:15px;align-items:stretch}}@media (max-width: 480px){.winning-overlay-content{padding:20px;margin:10px;width:calc(100% - 20px)}.winning-overlay-title{font-size:2.5rem}.winning-overlay-subtitle{font-size:1.3rem}.winning-overlay-rank-badge{width:50px;height:50px;font-size:1.5rem;margin-right:15px}.winning-overlay-team-badge{font-size:1.1rem;padding:10px 20px}.winning-overlay-score-value{font-size:1.5rem}}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 50%,#16213e 100%);color:#fff;min-height:100vh;overflow-x:hidden}._container_19zgp_31{display:flex;min-height:100vh}._device-panel_19zgp_43{width:300px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto}._device-header_19zgp_61{margin-bottom:20px}._device-header_19zgp_61 h2{color:#00d4ff;margin-bottom:10px;font-size:1.2em}._connection-status_19zgp_81{padding:8px 12px;border-radius:20px;font-size:.9em;text-align:center;background:rgba(255,0,0,.3);color:#ff6b6b}._connection-status_19zgp_81._connected_19zgp_99{background:rgba(0,255,0,.3);color:#51cf66}._device-list_19zgp_109{margin-bottom:20px}._device-list_19zgp_109 h3{color:#74c0fc;margin-bottom:10px;font-size:1em}._device-list_19zgp_109 ul{list-style:none}._device-list_19zgp_109 li{padding:10px;margin-bottom:5px;background:rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}._device-list_19zgp_109 li:hover{background:rgba(255,255,255,.1);border-color:#74c0fc}._device-list_19zgp_109 li._selected_19zgp_167{background:rgba(116,192,252,.2);border-color:#74c0fc;color:#74c0fc}._game-controls_19zgp_179{margin-bottom:20px}._game-btn_19zgp_187{width:100%;padding:12px;margin-bottom:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}._game-btn_19zgp_187:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}._game-btn_19zgp_187:disabled{opacity:.5;cursor:not-allowed}._mobileBtn_19zgp_235{background:linear-gradient(135deg,#51cf66 0%,#40c057 100%)!important}._mobileBtn_19zgp_235:hover{box-shadow:0 5px 15px #51cf6666!important}._score_19zgp_251,._lives_19zgp_251{text-align:center;font-size:1.1em;font-weight:700;color:#ffd43b}._accel-display_19zgp_265{margin-top:20px}._accel-display_19zgp_265 h3{color:#ffd43b;margin-bottom:10px;font-size:1em}._accel-data_19zgp_285{background:rgba(255,255,255,.05);padding:15px;border-radius:8px;font-family:Courier New,monospace;font-size:.9em}._accel-data_19zgp_285 div{margin-bottom:5px}._game-area_19zgp_311{flex:1;padding:20px;display:flex;flex-direction:column}._game-header_19zgp_325{margin-bottom:20px}._game-header_19zgp_325 h1{color:#00d4ff;margin-bottom:15px;text-align:center;font-size:2em;text-shadow:0 0 20px rgba(0,212,255,.5)}._game-instructions_19zgp_349{background:rgba(255,255,255,.05);padding:15px;border-radius:8px;margin-bottom:20px}._game-instructions_19zgp_349 p{margin-bottom:10px;color:#ffd43b;font-weight:700}._game-instructions_19zgp_349 ul{list-style:none;padding:0}._game-instructions_19zgp_349 li{margin-bottom:5px;padding-left:20px;position:relative}._game-instructions_19zgp_349 li:before{content:"•";color:#74c0fc;font-weight:700;position:absolute;left:0}#_game-canvas-container_19zgp_1{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:20px}#_game-canvas_19zgp_1{border:2px solid #00d4ff;border-radius:10px;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 100%);box-shadow:0 0 30px #00d4ff4d}._game-status_19zgp_443{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffd43b;font-size:1.2em;text-align:center;background:rgba(0,0,0,.8);padding:20px;border-radius:10px;border:1px solid #ffd43b}._game-stats_19zgp_473{display:flex;justify-content:space-around;background:rgba(255,255,255,.05);padding:15px;border-radius:8px;margin-top:auto}._stat-item_19zgp_491{text-align:center}._stat-label_19zgp_499{display:block;color:#74c0fc;font-size:.9em;margin-bottom:5px}._stat-value_19zgp_513{display:block;color:#ffd43b;font-size:1.2em;font-weight:700;font-family:Courier New,monospace}@media (max-width: 768px){._container_19zgp_31{flex-direction:column}._device-panel_19zgp_43{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}#_game-canvas_19zgp_1{width:100%;max-width:600px;height:auto}._game-stats_19zgp_473{flex-wrap:wrap;gap:10px}._stat-item_19zgp_491{flex:1;min-width:80px}}.fighting-game-container{padding:20px;min-height:100vh;color:#fff;font-family:Arial,sans-serif;position:relative;overflow:hidden}.fighting-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.fighting-game-header{text-align:center;margin-bottom:2.5vh;position:relative;display:flex;justify-content:center;align-items:center;padding:0 1vw}.fighting-game-header h1{font-size:2.5em;margin:0;background:linear-gradient(45deg,#FFBD80,#EFB5FD,#8EE8BD,#9ED7F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3)}.fighting-timer{font-size:1.5em;font-weight:700;margin-top:10px;color:#ffe66d}.fighting-teams-container{display:flex;justify-content:space-between;gap:15px;flex-wrap:nowrap;overflow-x:auto}.header-controls{position:absolute;top:10px;right:20px}.start-button,.restart-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;padding:12px 25px;font-size:1.1em;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000004d}.start-button:hover,.restart-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0006}.fighting-team-section{flex:1;min-width:10vw;min-height:87vh;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:3px solid;border-radius:20px;padding:1vw 1vw 0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.fighting-team-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:scanLine 3s infinite linear}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fighting-team-section:after{content:"";position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:0 0 10px currentColor;animation:pulse 2s infinite alternate}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.fighting-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.fighting-team-header h2{margin:0;font-size:1.5em;text-shadow:0 0 10px currentColor}.fighting-team-score{font-size:1.2em;font-weight:700;display:flex;align-items:center;gap:10px}.fighting-team-rank{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;font-size:.8em}.fighting-score-bar-container{background:rgba(255,255,255,.15);width:10vw;height:75vh;border-radius:20px 20px 0 0;overflow:visible;margin:0 auto;position:relative;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px #fff3;display:flex;align-items:flex-end}.fighting-score-bar{position:relative;width:100%;background:linear-gradient(to top,var(--team-color) 0%,rgba(255,255,255,.3) 100%);border-radius:20px 20px 0 0;box-shadow:0 0 20px var(--team-color),0 0 40px #ffffff80;transition:height .6s cubic-bezier(.34,1.56,.64,1);overflow:visible}.fighting-score-bar-trail{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60%;height:40px;background:radial-gradient(ellipse at center,var(--team-color) 0%,transparent 70%);opacity:.7;animation:trailPulse 1s infinite ease-in-out;pointer-events:none;filter:blur(8px)}@keyframes trailPulse{0%,to{opacity:.5;transform:translate(-50%) scale(.9)}50%{opacity:.9;transform:translate(-50%) scale(1.2)}}.score-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.fighting-score-bar-icon-container{position:absolute;width:10vw;height:auto;left:50%;transform:translate(-50%);z-index:10}.fighting-score-bar-icon{width:100%;height:auto;aspect-ratio:660/753;filter:drop-shadow(0 0 15px rgba(255,255,255,.9)) drop-shadow(0 0 25px var(--team-color));animation:iconFloat 2.5s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:rotate(-2deg)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(2deg)}}.fighting-score-bar-icon:hover{filter:drop-shadow(0 0 25px rgba(255,255,255,1)) drop-shadow(0 0 40px var(--team-color)) drop-shadow(0 0 60px var(--team-color));animation:iconBoost .8s ease-out}@keyframes iconBoost{0%{transform:translateY(calc(-1 * var(--score-offset, 0%))) scale(1)}30%{transform:translateY(calc(-1 * var(--score-offset, 0%) - 20px)) scale(1.15)}to{transform:translateY(calc(-1 * var(--score-offset, 0%))) scale(1)}}.fighting-score-bar:before{content:"";position:absolute;top:-5px;left:0;right:0;height:20px;background:linear-gradient(to top,transparent 0%,var(--team-color) 100%);opacity:.8;filter:blur(10px);animation:topGlow 1.5s infinite ease-in-out}@keyframes topGlow{0%,to{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.team-device-info{text-align:center;font-size:.9em;opacity:.8}.game-controls{text-align:center;margin-bottom:30px}.start-button,.restart-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;padding:15px 30px;font-size:1.2em;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button:hover,.restart-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.game-instructions{background:rgba(255,255,255,.1);padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-instructions h3{margin-top:0;color:#ffe66d}.game-instructions p{margin:8px 0;line-height:1.5}.mobile-header{text-align:center;margin-bottom:30px}.mobile-header h1{font-size:2em;margin:0;background:linear-gradient(45deg,#FFBD80,#EFB5FD,#8EE8BD,#9ED7F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3)}.connection-status{font-size:1.2em;margin-top:10px}.team-selection{text-align:center}.team-selection h2{margin-bottom:30px;color:#ffe66d}.teams-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px;margin:0 auto}.team-select-button{border:none;padding:20px;border-radius:15px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.1em;font-weight:700;box-shadow:0 4px 15px #0000004d}.team-select-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0006}.team-select-button img{width:60px;height:60px;object-fit:contain}.game-controls{max-width:500px;margin:0 auto;text-align:center}.current-team{margin-bottom:30px}.team-display{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;border:3px solid;border-radius:15px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-display img{width:50px;height:50px;object-fit:contain}.control-panel{background:rgba(255,255,255,.1);padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px}.press-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;padding:20px 40px;font-size:1.5em;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;margin:20px 0;width:100%;box-shadow:0 4px 15px #0000004d}.press-button:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.shake-info{margin-top:15px;opacity:.8}.refresh-button{background:rgba(255,255,255,.2);border:none;padding:8px 15px;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:rgba(255,255,255,.3)}.mobile-url{background:rgba(255,255,255,.1);padding:10px;border-radius:8px;margin-top:15px}.mobile-url code{font-size:.9em;word-break:break-all}.connection-stats{margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.1em}.team-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.team-stat{display:flex;justify-content:space-between;background:rgba(255,255,255,.1);padding:8px 12px;border-radius:8px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:300px;overflow-y:auto}.player-item{background:rgba(255,255,255,.1);padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.player-item.connected{border-left:4px solid #4ecdc4}.player-item.disconnected{border-left:4px solid #ff6b6b;opacity:.6}.control-section{text-align:center;margin:30px 0}.start-game-button,.stop-game-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;padding:15px 30px;font-size:1.2em;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;margin:0 10px}.start-game-button:hover,.stop-game-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.start-game-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.help-section{background:rgba(255,255,255,.1);padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;margin:30px auto}.help-section ol{text-align:left;line-height:1.6}.help-section li{margin-bottom:10px}.qrcode-button{background:linear-gradient(45deg,#9ED7F7,#8EE8BD);border:none;padding:12px 25px;font-size:1.1em;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000004d;margin:0 10px}.qrcode-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0006}.header-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.waiting-panel{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;margin:20px 0}.waiting-message h3{color:#ffe66d;margin-bottom:10px}.game-ended{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.rejoin-button{background:linear-gradient(45deg,#4ecdc4,#ff6b6b);border:none;padding:15px 30px;font-size:1.1em;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:15px}.rejoin-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.fighting-countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in-out}.fighting-countdown-number{font-size:24em;font-weight:700;color:#ffe66d;text-shadow:0 0 30px rgba(255,230,109,.8);margin-bottom:20px;animation:scaleBounce .5s ease-in-out}@keyframes progressGlow{0%{box-shadow:0 0 10px #4ecdc480}to{box-shadow:0 0 20px #ffe66dcc}}.mobile-controller{max-width:100vw;min-height:100vh;background:linear-gradient(rgb(107,33,168),rgb(0,0,0));color:#fff;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box}.controller-header{text-align:center;margin-bottom:30px}.controller-header h2{margin:0 0 10px;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.status-indicators{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.status{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem}.status.connected{background:#4CAF50}.status.disconnected{background:#f44336}.status.playing{background:#2196F3}.room-setup{text-align:center;background:rgba(255,255,255,.1);padding:30px;border-radius:15px;margin:20px 0}.room-setup input{padding:12px;border:none;border-radius:8px;margin:10px;width:200px;font-size:1rem}.room-setup button{padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.room-setup button:hover{background:#45a049}.team-selection{text-align:center;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:400px}.team-selection h3{margin-bottom:30px;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(2,1fr);gap:25px;max-width:900px;margin:0 auto;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(255,255,255,.12);border-radius:25px;padding:25px;border:1px solid rgba(255,255,255,.25);flex:1;width:100%;align-content:center}.team-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:20px 25px;border:none;border-radius:15px;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(255,255,255,.18);height:100%;min-height:120px}.team-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #0006;background:rgba(255,255,255,.25)}.team-button img{width:11.5vh;height:auto;aspect-ratio:660/753;margin-right:20px;margin-bottom:0;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.1);padding:5px}.team-button span{flex:1;text-align:left;font-size:4rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.game-controls{text-align:center}.selected-team{margin-bottom:20px}.selected-team h3{font-size:1.4rem;margin:0}.control-buttons{margin:20px 0;display:flex;justify-content:center;align-items:center;width:100%;height:60vh;min-height:300px}.action-button{width:40vh;height:40vh;border-radius:50%;border:none;background:linear-gradient(145deg,#ff6b6b,#ee5a52);color:#fff;font-size:3.5rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 20px 50px #ff6b6b99;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-button:hover:before{left:100%}.action-button.pressed{background:linear-gradient(145deg,#ff4757,#ff3742);transform:scale(.95);box-shadow:0 10px 30px #ff4757cc}.action-button:active{transform:scale(.9)}.shake-control{margin:20px 0;background:rgba(255,255,255,.1);padding:15px;border-radius:10px}.shake-control label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;cursor:pointer}.shake-control input[type=checkbox]{width:20px;height:20px;cursor:pointer}.shake-control small{display:block;margin-top:5px;opacity:.8}.waiting-message,.game-ended{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;margin:20px 0}.waiting-message h3,.game-ended h3{margin:0 0 10px;font-size:1.5rem}.instructions{margin-top:30px;background:rgba(255,255,255,.1);padding:20px;border-radius:10px}.instructions h4{margin:0 0 10px;font-size:1.2rem}.instructions ul{text-align:left;margin:0;padding-left:20px}.instructions li{margin:5px 0;line-height:1.4}.nickname-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nickname-modal-content{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);padding:30px;border-radius:20px;text-align:center;max-width:400px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nickname-modal h3{margin:0 0 20px;color:#fff;font-size:1.5rem}.nickname-input-group{display:flex;gap:10px;margin-bottom:20px}.nickname-input{flex:1;padding:12px 15px;border:none;border-radius:8px;font-size:1rem;background:rgba(255,255,255,.9)}.random-nickname-btn{background:#ff6b6b;border:none;border-radius:8px;padding:12px;cursor:pointer;color:#fff;font-size:1.2rem;transition:background .3s}.random-nickname-btn:hover{background:#ff4757}.nickname-submit-btn{background:#4CAF50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background .3s;width:100%}.nickname-submit-btn:hover{background:#45a049}.nickname-tip{font-size:.9rem;color:#fffc;margin-top:10px}@media (max-width: 1024px){.team-selection{height:calc(100vh - 180px);min-height:350px}.teams-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:700px;gap:20px;padding:20px}.team-button{padding:18px 22px;font-size:1.3rem;min-height:100px}.team-button img{width:16vh;height:auto;aspect-ratio:660/753}.team-button span{font-size:3rem;text-align:center}}@media (max-width: 768px){.mobile-controller{padding:15px}.controller-header h2{font-size:1.5rem}.team-selection{height:calc(100vh - 160px);min-height:300px}.team-selection h3{font-size:1.6rem;margin-bottom:20px}.teams-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:15px;padding:15px;max-width:500px}.team-button{padding:15px 18px;font-size:1.2rem;min-height:90px}.team-button img{width:12.5vh;height:auto;aspect-ratio:660/753}.team-button span{font-size:4.5rem;text-align:center}.action-button{width:40vh;height:40vh;font-size:4rem}.control-buttons{height:50vh}}@media (max-width: 480px){.team-selection{height:calc(100vh - 140px);min-height:250px}.team-selection h3{font-size:1.4rem;margin-bottom:15px}.teams-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:12px;padding:12px;max-width:100%}.team-button{padding:12px 15px;font-size:1.1rem;min-height:80px}.team-button img{width:11.5vh;height:auto;aspect-ratio:660/753}.team-button span{font-size:3rem;text-align:center}.action-button{width:40vh;height:40vh;font-size:3.5rem}.control-buttons{height:45vh}.nickname-modal-content{padding:20px;margin:20px}.nickname-input-group{flex-direction:column}}.qrcode-page{width:100%;margin:0 auto;padding:20px;background:linear-gradient(rgb(107,33,168),rgb(0,0,0));color:#fff;font-family:Arial,sans-serif;height:100vh;overflow:hidden}.qrcode-header{display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.1);padding:20px;border-radius:15px;height:10vh}.qrcode-header .qrcode-header-title{font-size:7vh;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.room-info{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.room-id{font-size:1.3rem;font-weight:700;background:rgba(255,255,255,.2);padding:10px 20px;border-radius:25px}.regenerate-btn{background:#ff6b6b;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:1rem;cursor:pointer;transition:background .3s,transform .2s}.regenerate-btn:hover{background:#ff4757;transform:translateY(-2px)}.timer-bar-container{background:rgba(255,255,255,.1);margin:1vh 0;padding:15px 0;overflow:hidden;position:relative;border-radius:10px}.timer-bar-content{display:flex;animation:timer-scroll 15s linear infinite;white-space:nowrap;width:max-content}.timer-text{font-size:4vh;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);margin:0 30px;flex-shrink:0}@keyframes timer-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.qrcode-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;height:75vh;overflow:hidden}.qrcode-section,.players-section{background:rgba(255,255,255,.1);padding:20px;border-radius:15px;overflow:hidden}.qrcode-section{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 30px #fff3;display:flex;flex-direction:column;justify-content:center;align-items:center}.qrcode-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;height:100%}.qrcode-canvas{border:0vh solid white;border-radius:20px;box-shadow:0 15px 40px #0006;width:40vw!important;height:40vw!important}.qrcode-info{text-align:center}.mobile-url{display:block;background:rgba(255,255,255,.2);padding:10px;border-radius:8px;font-family:monospace;font-size:.9rem;word-break:break-all;margin-bottom:15px}.copy-btn{background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background .3s}.copy-btn:hover{background:#45a049}.players-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.players-section h2{margin-bottom:15px;flex-shrink:0;font-size:5vh}.team-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;flex:1;overflow-y:auto;min-height:0}.team-section-container{background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;border-left:5px solid;flex-shrink:0;min-height:60px;display:flex;flex-direction:column;height:100%}.team-header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:rgba(255,255,255,.1);flex-shrink:0}.team-name-text{font-weight:700;font-size:4vh}.player-count{background:rgba(255,255,255,.2);padding:8px 16px;border-radius:15px;font-weight:700;font-size:4vh}.team-players-list{transition:max-height .3s ease;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:center}.no-players{text-align:center;font-style:italic;opacity:.7;font-size:3vh;padding:10px 0}.players-text-container{display:flex;flex-wrap:wrap;gap:8px;font-size:3vh;line-height:1.5;position:relative;height:100%;overflow:hidden}.player-id{font-family:monospace;font-size:3vh;font-weight:700;position:absolute;white-space:nowrap;opacity:0;animation:danmaku 10s linear infinite}@keyframes danmaku{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%);opacity:0}}.player-id.reverse{animation:danmaku-reverse 10s linear infinite}@keyframes danmaku-reverse{0%{transform:translate(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-100%);opacity:0}}.player-id.vertical{animation:danmaku-vertical 15s linear infinite}@keyframes danmaku-vertical{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%);opacity:0}}.player-id.diagonal{animation:danmaku-diagonal 12s linear infinite}@keyframes danmaku-diagonal{0%{transform:translate(-100%,-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%,100%);opacity:0}}.game-controls{background:rgba(255,255,255,.1);padding:30px;border-radius:15px;margin-bottom:30px;text-align:center}.game-controls h3{margin:0 0 20px;font-size:1.8rem}.control-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.start-btn,.end-btn,.reset-btn{padding:12px 24px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;min-width:120px}.start-btn{background:#4CAF50;color:#fff}.start-btn:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.end-btn{background:#f44336;color:#fff}.end-btn:hover:not(:disabled){background:#da190b;transform:translateY(-2px)}.reset-btn{background:#ff9800;color:#fff}.reset-btn:hover:not(:disabled){background:#e68900;transform:translateY(-2px)}.start-btn:disabled,.end-btn:disabled,.reset-btn:disabled{background:#666;cursor:not-allowed;opacity:.5;transform:none}.game-status{font-size:1.2rem;font-weight:700}.status{padding:5px 15px;border-radius:15px;margin-left:10px}.status.waiting{background:#ff9800}.status.playing{background:#4CAF50}.status.ended{background:#9C27B0}.instructions{background:rgba(255,255,255,.1);padding:30px;border-radius:15px}.instructions h3{margin:0 0 15px;font-size:1.5rem;text-align:center}.instructions ol{text-align:left;margin:0;padding-left:20px}.instructions li{margin:10px 0;line-height:1.5;font-size:1.1rem}*{margin:0;padding:0;box-sizing:border-box}.horse-petting-container{position:relative;width:100vw;height:100vh;overflow:hidden}.horse-petting-countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in-out}.horse-petting-countdown-number{font-size:24em;font-weight:700;color:#ffe66d;text-shadow:0 0 30px rgba(255,230,109,.8);margin-bottom:20px;animation:scaleBounce .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.horse-petting-background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img/games/horsePetting/GameBG.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.horse-petting-content-wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.horse-petting-left-images{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;padding:20px 0 20px 6.5vw;margin-top:20%}.horse-petting-right-images{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;padding:20px 9.5vw 20px 0;margin-top:20%}.horse-petting-image-row{display:flex;flex-direction:column;gap:5vh}.horse-petting-team-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.horse-petting-bg-image{width:18vw;height:auto;object-fit:contain;transition:transform .3s ease}.horse-petting-bg-image.scale-animation{animation:horse-petting-team-scale .3s ease-out}.horse-petting-score{position:absolute;bottom:0;font-size:7rem;line-height:14vh;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:transform .3s ease}.horse-petting-score.scale-animation{animation:horse-petting-score-pop .3s ease-out}@keyframes horse-petting-team-scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes horse-petting-score-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.horse-petting-center-horse{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}@keyframes horse-petting-squeeze{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.horse-petting-horse-image{width:100%;height:100%;object-fit:cover}@keyframes horse-petting-scale{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.horse-petting-hand{position:absolute;width:8vw;height:auto;object-fit:contain;animation:horse-petting-hand-appear .3s ease-out;z-index:3}@keyframes horse-petting-hand-appear{0%{opacity:0;transform:scale(.5) rotate(0)}to{opacity:1;transform:scale(1) rotate(var(--hand-rotation, 0deg))}}.horse-petting-particle{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:4;animation:horse-petting-particle-fade .8s ease-out forwards}@keyframes horse-petting-particle-fade{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--particle-x, 0),var(--particle-y, 0)) scale(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.horse-petting-game-timer{position:absolute;top:-3vh;left:50%;transform:translate(-50%);font-size:8vh;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1000;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@media (max-width: 768px){.horse-petting-content-wrapper{flex-direction:column;justify-content:center;gap:30px;padding:20px}.horse-petting-left-images,.horse-petting-right-images{height:auto;padding:0}.horse-petting-image-row{flex-direction:row;gap:15px}.horse-petting-bg-image{width:120px}.horse-petting-center-horse{max-width:200px;order:-1}.horse-petting-horse-image{max-height:200px}}@media (max-width: 480px){.horse-petting-bg-image{width:100px}.horse-petting-center-horse{max-width:150px}.horse-petting-horse-image{max-height:150px}.horse-petting-image-row{gap:10px}}#root{max-width:100%;margin:0 auto;padding:0;min-height:100vh;width:100vw}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;overflow-x:hidden}*{box-sizing:border-box}.App{min-height:100vh;height:auto}@media (orientation: landscape) and (min-width: 768px){.App{height:auto;width:100vw;display:flex;flex-direction:column}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:0}@media (max-width: 768px){.App .App h1{font-size:2rem}.App .App p{font-size:1rem}.App .features{grid-template-columns:1fr}}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.App h1{font-size:3rem;margin-bottom:10px}.App p{font-size:1.2rem;color:#ccc}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;width:100%;padding:0 20px}.feature-card{background:rgba(255,255,255,.1);border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d;background:rgba(255,255,255,.15)}.feature-card h2{margin-top:0;font-size:1.5rem;color:#4cc9f0}.feature-card p{margin-bottom:0;font-size:1rem;color:#ccc}.read-the-docs{color:#888}: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:start center;width:100vw;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;background-color:#1a1a1a;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}}@media (orientation: landscape) and (min-width: 768px){body{place-items:start stretch;min-height:100vh;width:100vw}}