:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--red: #ef4444;--red-dim: #991b1b;--blue: #3b82f6;--blue-dim: #1e3a5f;--gold: #facc15}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#080808;color:#fafafa;overflow:hidden;-webkit-user-select:none;user-select:none}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 2rem 2rem;position:relative;overflow:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.tension-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .3s}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(6px,-6px)}30%{transform:translate(-4px,8px)}40%{transform:translate(8px,-2px)}50%{transform:translate(-6px,-4px)}60%{transform:translate(4px,6px)}70%{transform:translate(-2px,-8px)}80%{transform:translate(6px,2px)}90%{transform:translate(-4px,4px)}}.shake{animation:shake .15s infinite}@keyframes danger-pulse{0%,to{box-shadow:inset 0 0 80px #ef444400}50%{box-shadow:inset 0 0 80px #ef444426}}.danger-pulse{animation:danger-pulse .8s infinite}.header{display:flex;align-items:center;gap:2rem;z-index:2;width:100%;max-width:900px;justify-content:center}.title{font-size:2rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--red),#f97316,var(--gold),#a78bfa,var(--blue));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title .of{font-size:1rem;opacity:.6;margin:0 .15em}.score{display:flex;flex-direction:column;align-items:center;min-width:70px}.score-label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.score-num{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.left-score .score-num{color:var(--red)}.right-score .score-num{color:var(--blue)}.event-banner{position:absolute;top:5rem;left:50%;transform:translate(-50%);z-index:10;padding:.5rem 1.5rem;border-radius:2rem;font-weight:800;font-size:1rem;letter-spacing:.05em;display:flex;align-items:center;gap:.75rem;animation:event-in .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.event-left{background:#ef444433;box-shadow:0 0 30px #ef44444d}.event-right{background:#3b82f633;box-shadow:0 0 30px #3b82f64d}.event-timer{font-size:.8rem;opacity:.7;font-variant-numeric:tabular-nums}@keyframes event-in{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.arena{display:flex;align-items:center;gap:1.5rem;width:100%;max-width:900px;flex:1;z-index:2}.team{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.players{display:flex;flex-direction:column;gap:.25rem}.player{display:flex;align-items:center;position:relative}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pull-hard{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8px) rotate(-8deg)}}@keyframes pull-hard-right{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px) rotate(8deg)}}@keyframes losing-stumble{0%,to{transform:translate(0)}30%{transform:translate(12px)}60%{transform:translate(-4px)}}.left-team .player{animation:idle-bob 1.2s ease infinite}.right-team .player{animation:idle-bob 1.2s ease infinite;flex-direction:row-reverse}.left-team .player.pulling-hard{animation:pull-hard .15s ease infinite}.right-team .player.pulling-hard{animation:pull-hard-right .15s ease infinite}.player.losing{animation:losing-stumble .5s ease infinite!important}.player-body{width:32px;height:44px;border-radius:8px 8px 4px 4px;position:relative}.left-body{background:linear-gradient(135deg,var(--red),#dc2626);box-shadow:0 2px 12px #ef444466}.right-body{background:linear-gradient(135deg,var(--blue),#2563eb);box-shadow:0 2px 12px #3b82f666}.player-body:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:#fbbf24}.player-arms{width:12px;height:6px;background:#fbbf24;border-radius:3px}.combo-display{height:2rem;display:flex;align-items:center;justify-content:center}.combo-text{font-size:1.2rem;font-weight:900;color:var(--gold);animation:combo-pop .2s ease;text-shadow:0 0 10px rgba(250,204,21,.5)}@keyframes combo-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.combo-active .combo-text{animation:combo-glow .3s ease infinite alternate}@keyframes combo-glow{0%{text-shadow:0 0 10px rgba(250,204,21,.5)}to{text-shadow:0 0 20px rgba(250,204,21,.9)}}.rope-container{flex:3;display:flex;flex-direction:column;gap:.5rem}.rope{height:18px;background:linear-gradient(180deg,#a16207,#854d0e,#713f12);border-radius:9px;position:relative;box-shadow:0 2px 8px #00000080,inset 0 2px 4px #ffffff1a}.rope:before{content:"";position:absolute;top:2px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);border-radius:2px}.center-line{position:absolute;left:50%;top:-8px;bottom:-8px;width:3px;background:#ffffff4d;transform:translate(-50%)}.danger-zone{position:absolute;top:0;bottom:0;width:14%;opacity:.15;pointer-events:none}.left-danger{left:0;background:linear-gradient(90deg,var(--red),transparent)}.right-danger{right:0;background:linear-gradient(-90deg,var(--blue),transparent)}.rope-knot{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .05s linear;z-index:3}.knot-inner{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fbbf24,#d97706,#92400e);border:3px solid #78350f;box-shadow:0 0 12px #d9770699,inset 0 2px 4px #ffffff4d}.knot-danger{box-shadow:0 0 20px #ef4444cc,0 0 40px #ef444466,inset 0 2px 4px #ffffff4d;animation:knot-pulse .4s ease infinite}@keyframes knot-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.knot-flag{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:12px;height:10px;background:var(--gold);clip-path:polygon(0 0,100% 50%,0 100%)}.rope-labels{display:flex;justify-content:space-between;font-size:.7rem;opacity:.4;letter-spacing:.05em}.ticker{position:absolute;bottom:35%;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(250,204,21,.6);animation:ticker-pop .3s ease;pointer-events:none;z-index:20}@keyframes ticker-pop{0%{transform:translate(-50%) scale(2);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.controls-area{z-index:5;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:120px}.start-btn{padding:.9rem 2.5rem;font-size:1.1rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:.5rem;cursor:pointer;color:#000;background:linear-gradient(135deg,var(--gold),#f59e0b);box-shadow:0 4px 20px #facc154d;transition:transform .15s,box-shadow .15s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #facc1580}.start-btn:active{transform:translateY(0)}.rematch-btn{margin-top:1rem}.countdown{display:flex;align-items:center;justify-content:center}.countdown-num{font-size:5rem;font-weight:900;color:var(--gold);text-shadow:0 0 40px rgba(250,204,21,.6);animation:countdown-pop .7s ease}@keyframes countdown-pop{0%{transform:scale(2);opacity:0}50%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.instructions{display:flex;align-items:center;gap:1rem;font-size:.85rem;opacity:.6;letter-spacing:.1em}.key-hint{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.5rem;font-weight:900;font-size:1.2rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d}.left-hint{color:var(--red);border-color:var(--red-dim)}.right-hint{color:var(--blue);border-color:var(--blue-dim)}.win-screen{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:win-in .5s ease}@keyframes win-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.win-banner{padding:1rem 2rem;border-radius:1rem;text-align:center;border:2px solid}.win-red{background:#ef444426;border-color:var(--red);box-shadow:0 0 40px #ef44444d}.win-blue{background:#3b82f626;border-color:var(--blue);box-shadow:0 0 40px #3b82f64d}.win-emoji{font-size:3rem;display:block}.win-banner h2{font-size:1.8rem;letter-spacing:.1em;margin:.25rem 0 0}.win-red h2{color:var(--red)}.win-blue h2{color:var(--blue)}