.turf-stage{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}.turf-stage canvas{position:absolute;inset:0;width:100%;height:100%}.turf-fighter{position:absolute;width:clamp(100px,16vw,180px);height:auto;transform-origin:center;filter:drop-shadow(0 8px 6px #18283725);will-change:transform,left,top}.turf-shot{position:absolute;width:130px;height:90px;object-fit:contain;transform-origin:center;will-change:transform,opacity}.turf-stop{position:absolute;right:16px;top:16px;pointer-events:auto;border:0;border-radius:50%;width:34px;height:34px;background:#ffffffde;color:#334851;font:22px sans-serif;cursor:pointer;box-shadow:0 3px 15px #0002}.turf-cleaner{position:absolute;background:linear-gradient(#eaf2ee,#d5e4dc 45%,#a4bbb0 80%,#e8f0ec);border-radius:16px;box-shadow:0 4px 10px #18283730;opacity:0}.turf-cleaner:after{content:'';position:absolute;width:36px;height:65px;border:8px solid #526570;border-top:0;border-radius:0 0 15px 15px;left:calc(50% - 26px);top:100%}.turf-cleaner.vertical{left:-5%;width:110%;height:44px}.turf-cleaner.horizontal{top:-5%;height:110%;width:44px}.turf-cleaner.horizontal:after{left:100%;top:calc(50% - 26px);width:65px;height:36px;border:8px solid #526570;border-left:0;border-radius:0 15px 15px 0}.brand:focus-visible{outline:2px solid #00bed8;outline-offset:8px}.turf-stage[data-phase=cleaning] .turf-cleaner{opacity:1}@media(max-width:650px){.turf-fighter{width:115px}.turf-shot{width:95px;height:65px}.turf-cleaner.vertical{height:52px}}@media(prefers-reduced-motion:reduce){.turf-fighter,.turf-shot{filter:none}}
.roller-stains{position:absolute;inset:0;overflow:hidden;border-radius:inherit;opacity:var(--ink,1);background:radial-gradient(ellipse at 13% 45%,#873cf4 0 10%,transparent 11%),radial-gradient(ellipse at 35% 70%,#91d400 0 17%,transparent 18%),radial-gradient(ellipse at 65% 30%,#ff8a16 0 15%,transparent 16%),radial-gradient(ellipse at 87% 65%,#05a8ec 0 13%,transparent 14%);box-shadow:inset 0 -7px 7px #35445235}.horizontal .roller-stains{background:radial-gradient(ellipse at 45% 13%,#873cf4 0 10%,transparent 11%),radial-gradient(ellipse at 70% 35%,#91d400 0 17%,transparent 18%),radial-gradient(ellipse at 30% 65%,#ff8a16 0 15%,transparent 16%),radial-gradient(ellipse at 65% 87%,#05a8ec 0 13%,transparent 14%)}
.turf-cleaner.half-top,.turf-cleaner.half-bottom{width:44px;height:50%}.turf-cleaner.half-top{top:0}.turf-cleaner.half-bottom{top:50%}.turf-cleaner.half-top:after,.turf-cleaner.half-bottom:after{left:100%;top:calc(50% - 26px);width:65px;height:36px;border:8px solid #526570;border-left:0;border-radius:0 15px 15px 0}.roller-stains{background:radial-gradient(ellipse at 15% 60%,#873cf4 0 20%,transparent 38%),radial-gradient(ellipse at 65% 20%,#ff8a16 0 20%,transparent 38%),linear-gradient(100deg,#873cf4,#91d400 35%,#ff8a16 65%,#05a8ec)}.half-top .roller-stains,.half-bottom .roller-stains{background:radial-gradient(ellipse at 60% 15%,#873cf4 0 20%,transparent 38%),radial-gradient(ellipse at 20% 65%,#ff8a16 0 20%,transparent 38%),linear-gradient(180deg,#873cf4,#91d400 35%,#ff8a16 65%,#05a8ec)}
.turf-cleaner{border-radius:12px;background:#f5f5ef;box-shadow:0 5px 9px #192d4033;isolation:isolate}.turf-cleaner:after{display:none}.turf-cleaner.half-top,.turf-cleaner.half-bottom{width:54px;height:50%;border-top:8px solid #3f515c;border-bottom:8px solid #3f515c;box-sizing:border-box}.turf-cleaner.vertical{height:54px;border-left:8px solid #3f515c;border-right:8px solid #3f515c;box-sizing:border-box}.roller-stains,.half-top .roller-stains,.half-bottom .roller-stains{z-index:1;background:radial-gradient(ellipse at 75% 22%,#a0d51c 0 26%,transparent 27%),radial-gradient(ellipse at 22% 75%,#04a9de 0 27%,transparent 28%),radial-gradient(ellipse at 60% 53%,#fa8b29 0 28%,transparent 29%),linear-gradient(165deg,#884bd4 20%,#a0d51c 46%,#fa8b29 67%,#04a9de 90%);box-shadow:none;background-size:100% 160%;background-position:0 var(--spin,0px)}.roller-shade{position:absolute;inset:0;z-index:2;border-radius:inherit;background:linear-gradient(90deg,#1b29404d,transparent 28%,#fff4 43%,transparent 68%,#18253755);box-shadow:inset 2px 0 2px #ffffff70,inset -2px 0 2px #162c4050}.vertical .roller-shade{background:linear-gradient(#1b29404d,transparent 28%,#fff4 43%,transparent 68%,#18253755)}.roller-frame{position:absolute;z-index:0;top:4%;bottom:4%;width:80px;right:23px;border:7px solid #4b606b;border-right:0;border-radius:24px 0 0 24px;box-sizing:border-box}.half-bottom .roller-frame{right:auto;left:23px;border:7px solid #4b606b;border-left:0;border-radius:0 24px 24px 0}.roller-grip{position:absolute;z-index:0;width:60px;height:15px;background:#293a45;border-radius:8px;right:97px;top:calc(50% - 7px);box-shadow:inset 0 3px #627783}.half-bottom .roller-grip{right:auto;left:97px}.vertical .roller-frame{top:23px;bottom:auto;left:4%;right:4%;width:auto;height:75px;border:7px solid #4b606b;border-top:0;border-radius:0 0 24px 24px}.vertical .roller-grip{top:92px;left:calc(50% - 7px);right:auto;width:15px;height:50px}
.roller-stains,.half-top .roller-stains,.half-bottom .roller-stains{background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background:radial-gradient(ellipse at 20% 20%,#8947d6 0 14%,transparent 43%),radial-gradient(ellipse at 75% 40%,#a0d51c 0 15%,transparent 45%),radial-gradient(ellipse at 25% 67%,#fb8a27 0 14%,transparent 44%),radial-gradient(ellipse at 75% 88%,#04a9de 0 15%,transparent 44%),linear-gradient(170deg,#8947d6,#a0d51c 35%,#fb8a27 65%,#04a9de)}.vertical .roller-stains{background:radial-gradient(ellipse at 20% 20%,#8947d6 0 14%,transparent 43%),radial-gradient(ellipse at 40% 75%,#a0d51c 0 15%,transparent 45%),radial-gradient(ellipse at 67% 25%,#fb8a27 0 14%,transparent 44%),radial-gradient(ellipse at 88% 75%,#04a9de 0 15%,transparent 44%),linear-gradient(100deg,#8947d6,#a0d51c 35%,#fb8a27 65%,#04a9de)}.roller-shade{background:linear-gradient(90deg,#1b29404d,transparent 28%,#fff3 var(--roll-light,42%),transparent 68%,#18253755)}.vertical .roller-shade{background:linear-gradient(#1b29404d,transparent 28%,#fff3 var(--roll-light,42%),transparent 68%,#18253755)}
.roller-stains,.half-top .roller-stains,.half-bottom .roller-stains{background-image:url("assets/turf/dualies-splat.png"),url("assets/turf/roller-splat.png"),url("assets/turf/bath-splat.png"),url("assets/turf/bow-splat.png"),url("assets/turf/dualies-splat.png"),url("assets/turf/bath-splat.png");background-size:150% 42%,155% 40%,145% 44%,150% 45%,145% 44%,150% 43%;background-position:30% -4%,70% 18%,20% 40%,70% 67%,20% 91%,80% 113%;background-repeat:no-repeat;background-color:#853bd1;filter:none}.vertical .roller-stains{background-image:url("assets/turf/dualies-splat.png"),url("assets/turf/roller-splat.png"),url("assets/turf/bath-splat.png"),url("assets/turf/bow-splat.png"),url("assets/turf/dualies-splat.png"),url("assets/turf/bath-splat.png");background-size:42% 150%,40% 155%,44% 145%,45% 150%,44% 145%,43% 150%;background-position:-4% 30%,18% 70%,40% 20%,67% 70%,91% 20%,113% 80%;background-color:#853bd1}.roller-shade{background:linear-gradient(90deg,#17233366 0%,#17233324 13%,transparent 27%,#ffffff24 42%,#ffffff0d 48%,transparent 60%,#17233324 82%,#17233370 100%);box-shadow:inset 1px 0 #ffffff44,inset -1px 0 #17233366}.vertical .roller-shade{background:linear-gradient(#17233366 0%,#17233324 13%,transparent 27%,#ffffff24 42%,#ffffff0d 48%,transparent 60%,#17233324 82%,#17233370 100%);box-shadow:inset 0 1px #ffffff44,inset 0 -1px #17233366}
.roller-surface{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:1;border-radius:inherit;pointer-events:none}.roller-stains{visibility:hidden}