.tug-game{--tug-blue:#2499ee;--tug-blue-dark:#1578ca;--tug-coral:#ff6159;--tug-coral-dark:#dd443e;width:min(1180px,100vw - 24px);box-shadow:var(--shadow-soft);background:linear-gradient(#effaff 0%,#e6f7ff 100%);border:2px solid #0d285414;border-radius:30px;margin:0 auto;padding:clamp(14px,2.4vw,28px)}.tug-header{grid-template-columns:minmax(130px,1fr) minmax(0,2.6fr) minmax(130px,1fr);align-items:center;gap:14px;margin-bottom:18px;display:grid}.tug-header h1{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.045em;text-align:center;margin:0;font-size:clamp(2rem,4.4vw,4rem);font-weight:1000;line-height:.98}.tug-reset,.tug-primary-action,.tug-winner button{cursor:pointer;min-height:50px;font:950 .94rem/1 var(--font-body);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.tug-reset{background:var(--tug-blue);color:#fff;box-shadow:0 5px 0 var(--tug-blue-dark);justify-self:start;padding:0 15px}.tug-score{text-align:center;background:#fff;border:1px solid #0d28541a;border-radius:14px;justify-self:end;gap:2px;min-width:124px;padding:8px 14px;display:grid;box-shadow:0 6px 14px #0d28541a}.tug-score span{color:var(--color-muted);font-size:.74rem;font-weight:900}.tug-score strong{font:1000 1.65rem/1 var(--font-display);justify-content:center;gap:8px;display:flex}.tug-score b{color:var(--tug-blue)}.tug-score em{color:var(--tug-coral);font-style:normal}.tug-score i{color:var(--color-ink);font-style:normal}.tug-layout{grid-template-columns:minmax(220px,.86fr) minmax(390px,1.8fr) minmax(220px,.86fr);align-items:start;gap:clamp(12px,1.8vw,22px);display:grid}.tug-player{border:2px solid var(--player-color);background:#ffffffdb;border-radius:20px;overflow:hidden;box-shadow:0 8px 18px #0d28541a}.tug-player--left{--player-color:var(--tug-blue);--player-dark:var(--tug-blue-dark)}.tug-player--right{--player-color:var(--tug-coral);--player-dark:var(--tug-coral-dark)}.tug-player h2{background:var(--player-color);color:#fff;font-family:var(--font-display);text-align:center;margin:0;padding:10px;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:1000;line-height:1}.tug-equation{color:var(--color-ink);font:1000 clamp(1.65rem, 3vw, 2.6rem)/1 var(--font-display);text-align:center;padding:18px 8px 12px}.tug-answer{min-height:72px;color:var(--color-ink);font:1000 clamp(2rem, 4vw, 3.3rem)/1 var(--font-display);background:#fff;border:1px solid #0d285414;border-radius:14px;place-items:center;margin:0 12px 14px;display:grid;box-shadow:inset 0 -4px #0d28540f,0 5px 12px #0d285414}.tug-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px;display:grid}.tug-keypad button{min-width:0;min-height:50px;color:var(--color-ink);cursor:pointer;font:1000 1.4rem/1 var(--font-display);background:#fff;border:1px solid #0d28541a;border-radius:11px;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #0d28541a}.tug-keypad button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #0d28541a}.tug-keypad button:disabled{cursor:default;opacity:.48}.tug-keypad .tug-key--clear{background:var(--tug-coral);color:#fff;box-shadow:0 4px 0 var(--tug-coral-dark)}.tug-keypad .tug-key--pull{background:var(--player-color);color:#fff;box-shadow:0 4px 0 var(--player-dark);font-size:1rem}.tug-feedback{min-height:38px;color:var(--color-muted);text-align:center;margin:8px 10px 4px;font-size:.86rem;font-weight:950}.tug-feedback.correct{color:#147347}.tug-feedback.incorrect{color:#bd3434}.tug-arena{align-content:start;justify-items:stretch;gap:10px;min-width:0;display:grid}.tug-scene{aspect-ratio:2;min-height:205px;position:relative}.tug-scene-art{z-index:1;will-change:transform;transition:transform .38s cubic-bezier(.2,.82,.2,1);position:absolute;inset:0}.tug-scene-art img{will-change:transform;width:100%;height:auto;display:block}.tug-art--pull-left{animation:.52s cubic-bezier(.2,.85,.2,1) tug-pull-left}.tug-art--pull-right{animation:.52s cubic-bezier(.2,.85,.2,1) tug-pull-right}.tug-center-line{z-index:0;border-left:2px dashed #0d28547a;position:absolute;top:6%;bottom:0;left:50%}.tug-rope-marker{z-index:2;border:2px solid #0d285429;border-radius:9px;width:30px;height:38px;transition:left .38s cubic-bezier(.2,.82,.2,1);display:flex;position:absolute;top:50.8%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0d285433}.tug-rope-marker i,.tug-rope-marker b{flex:1}.tug-rope-marker i{background:var(--tug-blue)}.tug-rope-marker b{background:var(--tug-coral)}.tug-track{background:#fff;border-radius:999px;grid-template-columns:repeat(7,1fr);align-items:center;gap:0;padding:13px 18px;display:grid;position:relative;box-shadow:0 6px 14px #0d28541a}.tug-track:before{background:linear-gradient(90deg, var(--tug-blue) 0 48%, var(--color-ink) 48% 52%, var(--tug-coral) 52%);content:"";height:3px;position:absolute;left:9%;right:9%}.tug-track span{z-index:1;background:var(--dot-color);border:3px solid #fff;border-radius:50%;justify-self:center;width:19px;height:19px;transition:transform .18s;position:relative;transform:scale(.82);box-shadow:0 0 0 1px #0d28541a}.tug-track span.left{--dot-color:var(--tug-blue)}.tug-track span.right{--dot-color:var(--tug-coral)}.tug-track span.center{--dot-color:var(--color-ink)}.tug-track span.is-active{transform:scale(1.34);box-shadow:0 0 0 4px #ffffffe6,0 3px 8px #0d28543d}.tug-track-labels{color:var(--color-muted);grid-template-columns:1fr auto 1fr;font-size:.76rem;font-weight:950;display:grid}.tug-track-labels span:first-child{color:var(--tug-blue-dark)}.tug-track-labels span:last-child{color:var(--tug-coral-dark);justify-self:end}.tug-track-labels strong{color:var(--color-ink)}.tug-instructions{text-align:center;background:#ffffffe0;border:1px solid #0d285414;border-radius:16px;gap:4px;margin-top:4px;padding:14px 16px;display:grid}.tug-instructions p,.tug-instructions strong{margin:0;font-size:.86rem;line-height:1.4}.tug-instructions p{color:var(--color-muted);font-weight:750}.tug-instructions strong{color:var(--tug-blue-dark)}.tug-primary-action{color:#fff;background:#24af59;justify-self:center;min-width:190px;margin-top:5px;padding:0 22px;box-shadow:0 5px #168d42}.tug-live-status{min-height:34px;color:var(--color-ink);text-align:center;margin:6px 0 0;font-weight:950}.tug-winner{color:#7a5500;text-align:center;background:#fff4ca;border-radius:18px;justify-items:center;gap:9px;margin-top:4px;padding:14px;display:grid;box-shadow:0 7px 18px #7a55001f}.tug-winner strong{font:1000 1.2rem/1.1 var(--font-display)}.tug-winner button{background:var(--color-ink);color:#fff;min-height:44px;padding:0 17px}@keyframes tug-pull-left{0%,to{transform:translate(0)rotate(0)scale(1)}38%{transform:translate(-13px)rotate(-1.1deg)scale(1.018)}70%{transform:translate(3px)rotate(.25deg)scale(.998)}}@keyframes tug-pull-right{0%,to{transform:translate(0)rotate(0)scale(1)}38%{transform:translate(13px)rotate(1.1deg)scale(1.018)}70%{transform:translate(-3px)rotate(-.25deg)scale(.998)}}@media (width<=940px){.tug-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.tug-arena{grid-area:1/1/auto/-1;justify-self:center;width:min(100%,620px)}.tug-player--left{grid-column:1}.tug-player--right{grid-column:2}}@media (width<=620px){.tug-game{border-radius:22px;width:min(100%,100vw - 16px);padding:12px}.tug-header{grid-template-columns:1fr auto}.tug-header h1{grid-area:1/1/auto/-1;font-size:clamp(2rem,10vw,2.8rem)}.tug-reset{grid-area:2/1}.tug-score{grid-area:2/2}.tug-layout{grid-template-columns:1fr}.tug-arena,.tug-player--left,.tug-player--right{grid-column:1}.tug-arena{grid-row:1}.tug-player--left{grid-row:2}.tug-player--right{grid-row:3}.tug-scene{min-height:150px}.tug-keypad{gap:9px}.tug-keypad button{min-height:54px}}@media (prefers-reduced-motion:reduce){.tug-rope-marker,.tug-scene-art,.tug-keypad button{transition:none}.tug-scene-art img{animation:none!important}}