.bout-rules{display:grid;gap:10px;margin-top:23px;font-size:12px}.bout-rules b{display:inline-block;font-family:var(--display);font-size:17px;margin-right:10px;color:#7b886a}.personal-best{display:grid;gap:7px;border-block:1px solid var(--line);padding:15px 0;max-width:310px}.personal-best>span{font-size:8px;font-weight:700;letter-spacing:1.2px}.personal-best>strong{font-family:var(--display);font-size:24px;font-weight:700}.training-copy #reset-leaves{margin-top:10px}.training-copy .training-disclaimer{max-width:350px;font-size:10px;line-height:1.7}.bout-wrap{min-width:0}.bout-wrap .yard{min-height:540px;isolation:isolate}.bout-wrap .yard:before{inset:155px 24px 50px}.bout-wrap .yard:after{inset:170px 45px 70px}.bout-clock{position:absolute;top:46px;left:22px;right:22px;display:flex;align-items:baseline;gap:11px;color:var(--cream);z-index:2}.bout-clock>span:first-child{font:800 48px/.9 var(--display);font-variant-numeric:tabular-nums;min-width:84px}.bout-clock>span:last-child{font-size:8px;font-weight:700;letter-spacing:1px}.time-track{position:absolute;left:22px;right:22px;top:102px;height:4px;background:#f5f1e522;z-index:2}.time-track>span{display:block;width:100%;height:100%;background:var(--yellow);transform-origin:left}.yard.urgent .bout-clock{color:#ffd87a}.yard.urgent .time-track>span{background:#ff9d56}.bout-wrap .yard-mark{font-size:200px;padding-top:100px}.bout-wrap .leaf-field{inset:126px 15px 54px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;z-index:3}.leaf-slot{display:grid;place-items:center;min-width:0;min-height:0}.bout-wrap .leaf{position:relative;left:auto;top:auto;rotate:var(--leaf-rotation,0deg);width:70px;height:70px;font-size:51px;transition:opacity .16s,transform .16s;animation:leafFloat 2.5s ease-in-out infinite;transform:translate(var(--leaf-x,0px),var(--leaf-y,0px));padding:0}.bout-wrap .leaf:hover{scale:1.12}.bout-wrap .leaf:focus-visible{outline-color:var(--yellow);outline-offset:0;border-radius:12px}.bout-wrap .leaf.collected{opacity:0;scale:.5;pointer-events:none}.bout-overlay{position:absolute;inset:121px 17px 44px;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--cream)}.bout-symbol{color:var(--yellow);font-size:35px;line-height:1;margin-bottom:12px}.bout-overlay h3{font:800 69px/.82 var(--display);font-style:italic;letter-spacing:-1px;margin:0}.bout-overlay p{font-size:12px;line-height:1.6;margin:14px 0 18px;color:#e4eadc}.bout-overlay .button{min-height:48px;padding:15px 21px;font-size:10px}.bout-wrap .yard-top{font-size:8px;left:22px;right:22px}.bout-wrap .yard-bottom{font-size:8px;line-height:1.4;left:13px;right:13px;bottom:18px;text-align:center}.round-callout{position:absolute;inset:126px 15px 54px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--yellow);font:800 55px/.95 var(--display);text-align:center;font-style:italic;z-index:4;white-space:pre-line;background:#365740e8}.result-overlay{inset:116px 16px 40px;outline:none}.result-kicker{font-size:8px;letter-spacing:1.5px;color:var(--yellow);font-weight:700}.result-medal{font-size:37px;line-height:1.1;color:var(--yellow);margin:10px 0}.result-overlay h3{font-size:52px;max-width:95%;white-space:pre-line}.result-overlay #result-description{font-size:11px;margin:9px 0 12px;max-width:350px}.result-stats{display:flex;gap:30px;justify-content:center}.result-stats>span{display:flex;flex-direction:column;gap:4px;font-size:7px;letter-spacing:1px}.result-stats strong{font:800 28px/1 var(--display);letter-spacing:0}.result-overlay .record-note{min-height:15px;font-size:9px;margin:10px 0;color:var(--yellow)}.result-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.result-actions .button{font-size:9px;min-height:41px;padding:13px 16px;letter-spacing:.6px}.result-share{border:1px solid #f5f1e566;color:var(--cream);background:transparent}.result-copy{background:transparent;color:#e4eadc;font-size:9px;text-decoration:underline;text-underline-offset:4px;padding:12px;min-height:35px;letter-spacing:.5px}.rank-guide{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin-top:13px;font-size:8px;color:#65705c}.rank-guide>span:first-child{font-weight:700;letter-spacing:.7px}.rank-guide b{color:var(--green);font-size:8px;margin-left:3px}.yard[data-state=won]{background:#254a34}.yard[data-state=lost]{background:#4d4d37}.yard[data-state=won] .yard-mark{color:#ffcf4512}.bout-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.bout-confetti i{position:absolute;top:-15px;left:var(--x);width:7px;height:13px;background:var(--yellow);animation:confettiDrop 1.8s var(--delay) ease-in forwards;rotate:var(--rotate)}.bout-confetti i:nth-child(3n){background:#f5f1e5}.bout-confetti i:nth-child(3n+1){background:#c88332}@keyframes confettiDrop{to{translate:var(--drift) 570px;rotate:550deg;opacity:0}}.yard.miss-flash{box-shadow:inset 0 0 0 3px #ffcf45,0 0 0 1px var(--line)}.bout-wrap .yard[data-state=playing]{cursor:crosshair}.bout-wrap .yard[data-state=playing] .leaf{cursor:pointer}
@media(max-width:1100px){.training-grid{grid-template-columns:1fr 1.35fr;gap:30px}.result-overlay h3{font-size:48px}.bout-wrap .leaf{width:62px;height:62px;font-size:45px}}
@media(max-width:800px){.training-grid{grid-template-columns:1fr;gap:34px}.training-copy{max-width:none}.bout-wrap{max-width:600px;width:100%;margin-inline:auto}.bout-wrap .yard{min-height:510px}.training-copy .personal-best{max-width:350px}.bout-wrap .leaf{width:72px;height:72px;font-size:52px}.result-overlay h3{font-size:53px}}
@media(max-width:560px){.bout-wrap .yard{min-height:530px}.bout-wrap .yard-top{font-size:7px;left:15px;right:15px}.bout-clock{left:15px;top:45px}.time-track{left:15px;right:15px}.bout-wrap .leaf-field{inset:126px 8px 54px;gap:5px}.bout-wrap .leaf{width:60px;height:60px;font-size:45px}.result-overlay{inset-inline:9px}.result-overlay h3{font-size:49px}.result-overlay #result-description{max-width:260px}.result-actions .button{font-size:8px;padding:12px;min-height:43px}.rank-guide{font-size:7px;gap:7px}.rank-guide>span:first-child{width:100%;margin-bottom:2px}.training-score{margin-block:20px}.bout-overlay h3{font-size:62px}.result-overlay h3{font-size:49px}.bout-overlay p{font-size:12px}.bout-wrap .yard-bottom{font-size:7px}.bout-rules{font-size:12px}}
.bout-wrap .yard{min-height:590px}
@media(prefers-reduced-motion:reduce){.bout-confetti{display:none}.bout-wrap .leaf{animation:none}.bout-wrap .leaf:hover{scale:1}}