*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0d1a14;height:100%;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--sky1:#3fb6ff;--sky2:#9fe0ff;--sky3:#fff1c9;--grass1:#5cbf5a;--grass2:#3f9a45;--stand1:#6b4a8a;--stand2:#4a2f66;--ink:#12304a;--hud:#0a1e32b8;color:#fff;background:linear-gradient(180deg, var(--grass2), #1d4a2a);font-family:Be Vietnam Pro,system-ui,sans-serif;position:relative;overflow:hidden}#shake{position:absolute;inset:0}#stage.shaking #shake{animation:.45s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-6px,2px)}20%,80%{transform:translate(10px,-4px)}30%,50%,70%{transform:translate(-14px,6px)}40%,60%{transform:translate(14px,-6px)}}#sky{background:linear-gradient(180deg, var(--sky1) 0%, var(--sky2) 55%, var(--sky3) 100%);height:540px;position:absolute;top:0;left:0;right:0;overflow:hidden}#scenery{position:absolute;inset:0}#scenery svg{width:100%;height:100%;display:block}#title{text-align:center;z-index:2;position:absolute;top:132px;left:0;right:0}#title h1{letter-spacing:.02em;color:#fff;-webkit-text-stroke:16px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink), 0 20px 30px #00142866;font:800 120px/.9 "Baloo 2",system-ui}#sub{background:var(--hud);letter-spacing:.04em;border-radius:999px;align-items:center;gap:14px;margin-top:10px;padding:6px 26px;font:800 28px/1.2 "Baloo 2",system-ui;display:inline-flex;box-shadow:inset 0 0 0 2px #fff3}#sub .dot{background:#ffd34d;border-radius:50%;width:8px;height:8px}#round{color:#ffd34d}#board{z-index:3;align-items:center;gap:10px;height:112px;display:flex;position:absolute;top:318px;left:24px;right:24px}.side{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 85%, #fff 15%), color-mix(in srgb, var(--c) 70%, #000 30%));border-radius:30px;flex:1;align-items:center;gap:12px;height:112px;padding:0 14px;transition:transform .25s;display:flex;position:relative;box-shadow:inset 0 -7px #00000038,0 12px 22px -10px #0009}.side.s1{text-align:right;flex-direction:row-reverse}.side.lead{transform:scale(1.04);box-shadow:inset 0 -7px #00000038,0 0 0 5px #ffd34d,0 12px 26px -8px #0009}.side .ico{flex:none;width:62px;height:62px}.side .ico svg{width:100%;height:100%;display:block}.side .info{flex-direction:column;flex:1;min-width:0;display:flex}.side .name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 3px #00000040;font:800 40px/1 "Baloo 2",system-ui;overflow:hidden}.side .mem{opacity:.92;margin-top:4px;font:700 24px/1.1 Be Vietnam Pro,system-ui}.side .wins{color:#ffd34d;text-shadow:0 4px #0000004d;background:#00000047;border-radius:24px;flex:none;place-items:center;width:84px;height:84px;font:800 70px/1 "Baloo 2",system-ui;display:grid}.side .wins.bump{animation:.6s cubic-bezier(.3,1.6,.5,1) bump}@keyframes bump{30%{transform:scale(1.5)}}.vs{width:76px;height:76px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;font:800 36px/1 "Baloo 2",system-ui;display:grid;box-shadow:0 6px #00000040}#meter{z-index:3;height:54px;position:absolute;top:448px;left:0;right:0}#meter .track{background:var(--hud);border-radius:999px;height:34px;position:absolute;top:10px;left:200px;right:200px;overflow:visible;box-shadow:inset 0 0 0 3px #ffffff59}#meter .half{opacity:.35;width:calc(50% - 5px);position:absolute;top:5px;bottom:5px}#meter .h0{background:var(--a);border-radius:999px 0 0 999px;left:5px}#meter .h1{background:var(--b);border-radius:0 999px 999px 0;right:5px}#meter .fill{transition:left .35s cubic-bezier(.3,1.4,.5,1),width .35s cubic-bezier(.3,1.4,.5,1);position:absolute;top:5px;bottom:5px}#meter .end{background:#fff;border-radius:4px;width:8px;font-size:0;position:absolute;top:-4px;bottom:-4px}#meter .e0{left:-2px}#meter .e1{right:-2px}#meter .knob{background:#ff2d4a;border-radius:10px;width:26px;height:52px;margin:-26px 0 0 -13px;transition:left .35s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;box-shadow:0 0 0 4px #fff,0 6px 12px #0006}#meter .pw{background:var(--hud);text-align:center;white-space:nowrap;border-radius:999px;min-width:150px;padding:0 16px;font:800 30px/44px "Baloo 2",system-ui;position:absolute;top:5px;box-shadow:inset 0 0 0 2px #fff3}#meter .p0{color:color-mix(in srgb, var(--a,#fff) 45%, #fff);left:28px}#meter .p1{color:color-mix(in srgb, var(--b,#fff) 45%, #fff);right:28px}#arena{clip-path:inset(-600px 0 0);width:1080px;height:700px;position:absolute;top:520px;left:0}#stands{background:repeating-linear-gradient(180deg, transparent 0 50px, #00000038 50px 56px), linear-gradient(180deg, var(--stand1), var(--stand2));height:280px;position:absolute;top:0;left:0;right:0}#fans{position:absolute;inset:0}.fan{animation:1.3s ease-in-out infinite alternate bob;position:absolute}.fan svg{width:100%;height:100%;display:block}.fan .arms{transform-origin:50% 62%;opacity:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .15s;transform:scale(.3)}.fan.cheer{animation:.42s ease-in-out infinite alternate jump}.fan.cheer .arms{opacity:1;transform:none}@keyframes bob{to{transform:translateY(-5px)}}@keyframes jump{to{transform:translateY(-22px)}}#boards{height:66px;display:flex;position:absolute;top:214px;left:0;right:0;box-shadow:0 10px 20px #0000004d}.board{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 90%, #fff 10%), color-mix(in srgb, var(--c) 70%, #000 30%));letter-spacing:.03em;white-space:nowrap;border-top:4px solid #fff9;flex:1;justify-content:center;align-items:center;gap:10px;font:800 32px/1 "Baloo 2",system-ui;display:flex;overflow:hidden}.board+.board{border-left:6px solid #fff}.board .ico{width:40px;height:40px}.board .ico svg{width:100%;height:100%;display:block}#field{background:repeating-linear-gradient(90deg, transparent 0 90px, #ffffff0f 90px 180px), linear-gradient(180deg, var(--grass1), var(--grass2));position:absolute;inset:280px 0 0}#pit{width:300px;height:120px;position:absolute;top:250px;left:390px;overflow:visible}.pitsign{color:#5d3a1c;letter-spacing:.06em;white-space:nowrap;background:#fff6e0;border-radius:10px;padding:4px 18px;font:800 26px/1.1 "Baloo 2",system-ui;position:absolute;top:364px;left:540px;transform:translate(-50%)rotate(-2deg);box-shadow:0 5px #00000040}#pit .bub{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in infinite bub}@keyframes bub{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}#lines{position:absolute;inset:0}.line{width:12px;height:200px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 70%, transparent);background:repeating-linear-gradient(#fff 0 26px,#ffffff8c 26px 34px);border-radius:6px;margin-left:-6px;position:absolute;top:200px}.line .flag{width:64px;height:64px;margin-left:-16px;position:absolute;top:-60px;left:50%}.line .flag svg{transform-origin:22% 90%;width:100%;height:100%;animation:.9s ease-in-out infinite alternate flap;display:block}@keyframes flap{to{transform:skewY(-6deg)scaleX(.92)}}#teams{z-index:1;position:absolute;inset:0}.puller{transform-origin:0 0;will-change:transform;width:150px;height:210px;position:absolute;top:0;left:0}.flip,.act,.idle{position:absolute;inset:0}.t1 .flip{transform:scaleX(-1)}.idle{transform-origin:70px 204px;animation:.5s ease-in-out infinite alternate strain}.idle svg{width:100%;height:100%;display:block;overflow:visible}@keyframes strain{0%{transform:rotate(.5deg)}to{transform:rotate(-2deg)translate(-2px)}}.act{transform-origin:70px 204px}.act.tug{animation:.38s cubic-bezier(.2,1.4,.4,1) tug}.act.heave{animation:.7s cubic-bezier(.2,1.4,.4,1) heave}.act.stumble{animation:.4s ease-out stumble}.act.teeter{animation:.35s ease-in-out 4 teeter}@keyframes tug{40%{transform:rotate(-8deg)translate(-10px)}}@keyframes heave{30%{transform:rotate(-16deg)translate(-20px,-14px)}60%{transform:rotate(-12deg)translate(-16px)}}@keyframes stumble{40%{transform:rotate(7deg)translate(8px)}}@keyframes teeter{50%{transform:rotate(14deg)translate(10px)}}.act.fall{animation:.9s cubic-bezier(.5,0,.6,1.3) forwards fall}.act.trip{animation:.7s ease-out forwards trip}.act.celebrate{animation:.45s ease-in-out 6 alternate celebrate}@keyframes fall{40%{transform:translate(60px,-30px)rotate(30deg)}to{transform:translate(110px,24px)rotate(70deg)}}@keyframes trip{to{transform:translate(40px,10px)rotate(24deg)}}@keyframes celebrate{to{transform:translateY(-34px)rotate(-6deg)}}.act.muddy .idle{filter:sepia(.85)saturate(1.6)brightness(.62)hue-rotate(-12deg);transition:filter .4s .5s}.face{border-radius:50%;display:none;position:absolute}.face.on{display:block}.t1 .face{transform:scaleX(-1)}.face .lk-av{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--c), 0 4px 10px #00000059}.face.bounce{animation:.5s cubic-bezier(.3,1.8,.5,1) facepop}.t1 .face.bounce{animation-name:facepop1}@keyframes facepop{0%{transform:scale(.3)}}@keyframes facepop1{0%{transform:scaleX(-1)scale(.3)}}#rope{z-index:0;pointer-events:none;filter:drop-shadow(0 6px 4px #00000040);width:1080px;height:700px;position:absolute;inset:0;overflow:visible}#marker{z-index:21;transform-origin:40px 14px;filter:drop-shadow(0 4px 4px #0000004d);width:80px;height:120px;position:absolute;top:0;left:0}#marker svg{width:100%;height:100%;display:block}#fx{z-index:30;pointer-events:none;width:1080px;height:700px;position:absolute;inset:0}#pops{z-index:40;pointer-events:none;position:absolute;inset:0}.pop{background:color-mix(in srgb, var(--c) 80%, #000 20%);border-radius:999px;align-items:center;gap:8px;padding:6px 18px 6px 6px;animation:1.5s cubic-bezier(.2,.9,.3,1) forwards popup;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 4px #fff,0 10px 20px #00000059}.pop b{white-space:nowrap;font:800 40px/1 "Baloo 2",system-ui}.pop.big b{color:#ffd34d;font-size:56px}@keyframes popup{0%{opacity:0;transform:translate(-50%,30px)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.1)}25%{transform:translate(-50%,-6px)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-120px)scale(1)}}.danger{z-index:45;background:#ff2d4a;border-radius:999px;padding:8px 26px;font:800 44px/1 "Baloo 2",system-ui;animation:.3s ease-in-out 6 alternate alarm;position:absolute;top:130px;box-shadow:0 0 0 5px #fff,0 10px 20px #00000059}.danger.d0{left:40px}.danger.d1{right:40px}@keyframes alarm{to{transform:scale(1.12)rotate(-3deg)}}.heaver{z-index:51;background:color-mix(in srgb, var(--c) 80%, #000 20%);border-radius:999px;align-items:center;gap:12px;padding:8px 26px 8px 8px;animation:1.8s cubic-bezier(.2,.9,.3,1) forwards popup;display:flex;position:absolute;top:590px;left:50%;transform:translate(-50%);box-shadow:0 0 0 5px #fff,0 12px 24px #0006}.heaver b{white-space:nowrap;font:800 40px/1 "Baloo 2",system-ui}#howto{z-index:3;justify-content:center;gap:12px;display:flex;position:absolute;top:1236px;left:0;right:0}#howto span{background:var(--hud);white-space:nowrap;border-radius:999px;padding:8px 22px;font:700 28px/1.2 Be Vietnam Pro,system-ui;box-shadow:inset 0 0 0 2px #ffffff29}#howto b{color:#ffd34d;font-family:"Baloo 2",system-ui;font-weight:800}#gifts{z-index:3;position:absolute;top:1316px;left:28px;right:28px}#feed{z-index:3;justify-content:flex-end;height:150px;position:absolute;top:1458px;left:28px;right:28px}#overlay{pointer-events:none;z-index:70;position:absolute;inset:0}#overlay>*{pointer-events:auto}