:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--blue: #3b82f6;--blue-glow: #60a5fa;--red: #ef4444;--red-glow: #f87171;--gold: #fbbf24}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.crowd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,200,50,.06) 100%);pointer-events:none;transition:opacity .5s;z-index:0}.near-win-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#ff323214;pointer-events:none;animation:flash-pulse .4s ease-in-out infinite alternate;z-index:0}@keyframes flash-pulse{0%{opacity:.3}to{opacity:1}}.menu{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:1;position:relative}.menu-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.12) 0%,transparent 70%);top:-100px;pointer-events:none}.game-title{font-size:3rem;font-weight:900;letter-spacing:-.04em;text-align:center;line-height:1.1}.title-pull{color:var(--blue);text-shadow:0 0 30px rgba(59,130,246,.5)}.title-or{color:#ffffff4d;font-size:1.5rem;display:block;margin:.2rem 0}.title-perish{color:var(--red);text-shadow:0 0 30px rgba(239,68,68,.5)}.subtitle{color:#fff6;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase}.mode-select{display:flex;gap:.5rem}.mode-btn{padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0a;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#ffffff4d;color:#fff}.mode-btn.active{border-color:var(--gold);color:var(--gold);background:#fbbf241a}.start-btn{padding:1rem 3rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer;letter-spacing:.1em;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #fbbf244d}.start-btn:active{transform:scale(.97)}.start-btn-text{position:relative;z-index:1}.controls-info{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.control-group{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff80}.control-label{font-weight:700;padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;letter-spacing:.05em}.control-label.blue{background:#3b82f633;color:var(--blue)}.control-label.red{background:#ef444433;color:var(--red)}kbd{display:inline-block;padding:.1rem .4rem;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;background:#ffffff0f;font-family:monospace;font-size:.75rem}.arena{width:100%;max-width:900px;height:100vh;display:flex;flex-direction:column;padding:1rem;position:relative;z-index:1}.score-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.score{font-size:2rem;font-weight:900;min-width:50px;text-align:center}.blue-score{color:var(--blue);text-shadow:0 0 20px rgba(59,130,246,.4)}.red-score{color:var(--red);text-shadow:0 0 20px rgba(239,68,68,.4)}.round-badge{font-size:.7rem;letter-spacing:.2em;color:var(--gold);font-weight:700;padding:.3rem 1rem;border:1px solid rgba(251,191,36,.3);border-radius:2rem;background:#fbbf240d}.effects-bar{display:flex;justify-content:space-between;min-height:1.5rem;margin-bottom:.3rem}.effect-indicator{font-size:.75rem;font-weight:800;letter-spacing:.1em;opacity:0;transition:opacity .2s}.effect-indicator.active{opacity:1;animation:effect-flash .3s ease-in-out infinite alternate}@keyframes effect-flash{0%{opacity:.6}to{opacity:1}}.hype-bar{margin-bottom:.5rem}.hype-label{font-size:.6rem;letter-spacing:.2em;color:#ffffff4d;margin-bottom:.2rem}.hype-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.hype-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold),var(--red));border-radius:2px;transition:width .3s}.rope-area{flex:1;display:flex;align-items:stretch;gap:.5rem;position:relative}.player-panel{width:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem .5rem}.player-name{font-size:.8rem;font-weight:800;letter-spacing:.15em}.player-name.blue{color:var(--blue)}.player-name.red{color:var(--red)}.momentum-bar{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.momentum-fill{height:100%;border-radius:3px;transition:width .1s}.blue-fill{background:var(--blue);box-shadow:0 0 10px var(--blue)}.red-fill{background:var(--red);box-shadow:0 0 10px var(--red)}.stamina-bar{width:100%;height:4px;background:#ffffff0a;border-radius:2px;overflow:hidden}.stamina-fill{height:100%;border-radius:2px;transition:width .15s}.blue-stamina{background:#3b82f666}.red-stamina{background:#ef444466}.combo-counter{font-size:.7rem;font-weight:800;color:var(--gold);min-height:1.2rem;text-align:center;animation:combo-pop .15s ease-out}@keyframes combo-pop{0%{transform:scale(1.3)}to{transform:scale(1)}}.pull-btn{width:100%;padding:1.5rem .5rem;border:2px solid;border-radius:.75rem;font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.1em;transition:transform .08s,box-shadow .08s;position:relative;overflow:hidden}.pull-btn:active{transform:scale(.93)}.left-pull{border-color:var(--blue);background:#3b82f61a;color:var(--blue-glow)}.left-pull:hover{background:#3b82f633;box-shadow:0 0 30px #3b82f64d}.left-pull:active{background:#3b82f659;box-shadow:0 0 40px #3b82f680}.right-pull{border-color:var(--red);background:#ef44441a;color:var(--red-glow)}.right-pull:hover{background:#ef444433;box-shadow:0 0 30px #ef44444d}.right-pull:active{background:#ef444459;box-shadow:0 0 40px #ef444480}.rope-container{flex:1;position:relative;display:flex;align-items:center}.rope-line{position:absolute;left:0;right:0;top:50%;height:6px;background:linear-gradient(90deg,#3b82f64d,#ffffff26 30%,#ffffff26 70%,#ef44444d);border-radius:3px;transform:translateY(-50%)}.rope-knot{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5;font-size:1.8rem;filter:drop-shadow(0 0 15px rgba(251,191,36,.6));transition:left .05s ease-out}.knot-inner{color:var(--gold);animation:knot-glow 1s ease-in-out infinite alternate}.knot-inner.critical{color:#f33;animation:knot-critical .15s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,50,50,.8))}@keyframes knot-glow{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes knot-critical{0%{transform:scale(.9)}to{transform:scale(1.2)}}.danger-zone{position:absolute;top:0;bottom:0;width:10%;pointer-events:none}.left-danger{left:0;background:linear-gradient(90deg,rgba(59,130,246,.15),transparent)}.right-danger{right:0;background:linear-gradient(-90deg,rgba(239,68,68,.15),transparent)}.powerup{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;background:#000000b3;border:2px solid;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;z-index:10;animation:powerup-float 1s ease-in-out infinite alternate;transition:transform .1s}.powerup:hover{transform:translate(-50%,-50%) scale(1.2)}.powerup:active{transform:translate(-50%,-50%) scale(.9)}.powerup.freeze{border-color:#67e8f9;box-shadow:0 0 15px #67e8f966}.powerup.boost{border-color:var(--gold);box-shadow:0 0 15px #fbbf2466}.powerup.reverse{border-color:#c084fc;box-shadow:0 0 15px #c084fc66}@keyframes powerup-float{0%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-45%)}}.particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000b3;z-index:100}.countdown-number{font-size:8rem;font-weight:900;color:var(--gold);text-shadow:0 0 60px rgba(251,191,36,.6);animation:countdown-pop .6s ease-out}@keyframes countdown-pop{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.result-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:1;position:relative}.result-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-banner{text-align:center;padding:2rem 3rem;border-radius:1rem;position:relative}.result-banner.blue-win{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:2px solid rgba(59,130,246,.3);box-shadow:0 0 60px #3b82f633}.result-banner.red-win{background:linear-gradient(135deg,#ef444426,#ef44440d);border:2px solid rgba(239,68,68,.3);box-shadow:0 0 60px #ef444433}.result-crown{font-size:3rem;margin-bottom:.5rem;animation:crown-bounce .6s ease-out}@keyframes crown-bounce{0%{transform:translateY(-30px) scale(.5);opacity:0}50%{transform:translateY(5px) scale(1.1)}to{transform:translateY(0) scale(1);opacity:1}}.result-text{font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.blue-win .result-text{color:var(--blue);text-shadow:0 0 30px rgba(59,130,246,.5)}.red-win .result-text{color:var(--red);text-shadow:0 0 30px rgba(239,68,68,.5)}.result-round{font-size:.8rem;color:#fff6;letter-spacing:.15em;margin-top:.5rem}.result-score{display:flex;align-items:center;gap:1rem;font-size:3rem;font-weight:900}.result-score .blue{color:var(--blue)}.result-score .red{color:var(--red)}.score-divider{color:#fff3}.result-buttons{display:flex;gap:.75rem}.next-btn{padding:.8rem 2rem;border:2px solid var(--gold);border-radius:.5rem;background:#fbbf241a;color:var(--gold);font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:all .2s}.next-btn:hover{background:#fbbf2433;box-shadow:0 0 20px #fbbf244d;transform:scale(1.03)}.reset-btn{padding:.8rem 2rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0a;color:#ffffff80;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#ffffff4d;color:#fff}@media(max-width:640px){.game-title{font-size:2rem}.player-panel{width:90px;padding:.5rem .25rem}.pull-btn{padding:1rem .3rem;font-size:.85rem}.score{font-size:1.5rem}.result-text{font-size:1.8rem}.result-score{font-size:2rem}}