.fs-play{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:48px 72px}.fs-play h2{margin:0 0 22px;font-size:clamp(2.8rem,3.4vw,4.2rem);line-height:1.3;letter-spacing:-.035em}.fs-play__intro>p:not(.fs-eyebrow){font-size:1.4rem;line-height:1.9;color:#526273}.fs-play__intro .fs-play__note{font-size:1.15rem;margin-top:24px}.fs-play__machine{display:block;min-width:0;border:1px solid #bfd3e6;border-radius:18px;padding:18px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:0 6px #c5d8e8,0 22px 34px -25px #183b62}.fs-play__hud{display:flex;justify-content:space-between;font-size:1.1rem;letter-spacing:.08em;color:#365576}.fs-play__hud b{font-size:1.8rem;font-variant-numeric:tabular-nums;padding-left:6px;color:#153c6b}.fs-play__field{height:230px;position:relative;overflow:hidden;border-radius:10px;margin-top:14px;background-color:#e3effa;background-image:linear-gradient(#ffffff80 1px,transparent 1px),linear-gradient(90deg,#ffffff80 1px,transparent 1px);background-size:28px 28px;box-shadow:inset 0 3px 8px #17324d15}.fs-play__ghost{position:absolute;inset:26px 0 auto;text-align:center;font-size:3.7rem;font-weight:800;line-height:1;color:#6c91b529;pointer-events:none}.fs-play__basket{position:absolute;width:80px;height:52px;bottom:8px;left:calc(50% - 40px);filter:drop-shadow(0 4px 0 #b59434)}.fs-play__basket svg{width:100%;height:100%}.fs-play__tee{position:absolute;top:0;left:0;filter:drop-shadow(2px 3px 0 #12365335)}.fs-play__status{min-height:2.8em;margin:16px 0 8px;font-size:1.3rem;line-height:1.5;color:#233f5d}.fs-play__move{display:grid;gap:2px;font-size:1.1rem;color:#526273}.fs-play__move input{width:100%;height:44px;margin:0;accent-color:#1f67b9;cursor:ew-resize}.fs-play__actions{display:flex;gap:12px;margin-top:8px}.fs-play__actions button{border:1px solid #193e64;border-radius:8px;min-height:46px;padding:10px 18px;font:inherit;font-size:1.3rem;cursor:pointer;color:#fff;background:#214f84;box-shadow:0 3px #153556}.fs-play__actions button[data-stop]{color:#193e64;background:#fff;box-shadow:0 3px #c4d6e6}.fs-play__actions button:disabled{opacity:.45;cursor:default;box-shadow:none}.fs-play__actions button:focus-visible,.fs-play__move input:focus-visible{outline:3px solid #bc8620;outline-offset:4px}.fs-play__hint{font-size:1.1rem;line-height:1.7;color:#526273;margin:15px 0 0}@media(max-width:749px){.fs-play{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px 48px}.fs-play__machine{padding:16px}.fs-play__field{height:210px}}@media(prefers-reduced-motion:reduce){.fs-play__field{display:none}}.fs-play__machine{border:1px solid #c0ceda;background:linear-gradient(120deg,#fff 10%,#ecf1f6 60%,#dfe8ef);box-shadow:1px 8px #a7bbc9,0 26px 40px -20px #183b6240,inset 0 1px #fff}.fs-play__difficulty{display:flex;gap:8px;padding:0;margin:0 0 18px;border:0;min-width:0}.fs-play__difficulty legend{padding:0;margin-bottom:9px;color:#536b80;font-size:1.2rem}.fs-play__difficulty label{flex:1;position:relative}.fs-play__difficulty input{position:absolute;width:1px;height:1px;opacity:0}.fs-play__difficulty span{display:grid;place-items:center;min-height:42px;padding:8px;border:1px solid #c4d3df;border-radius:7px;background:#fff;color:#35526c;font-size:1.15rem;font-weight:600;letter-spacing:.03em;cursor:pointer;box-shadow:0 2px #c2d1dc}.fs-play__difficulty input:checked+span{color:#fff;background:#234565;border-color:#234565;box-shadow:inset 0 2px 3px #14283d}.fs-play__difficulty input:focus-visible+span{outline:3px solid #b38935;outline-offset:3px}.fs-play__difficulty input:disabled+span{cursor:default;opacity:.65}.fs-play__field{isolation:isolate;background:radial-gradient(ellipse at 50% 8%,#fff 0,#e0ebf4 58%,#b7cbdc);box-shadow:inset 0 4px 13px #1c3c6122,inset 0 -1px #fff}.fs-play__field:after{content:"";position:absolute;z-index:-1;inset:auto -25% -25px;height:105px;background-color:#c4d7e6;background-image:linear-gradient(#8aa8bf60 1px,transparent 1px),linear-gradient(90deg,#8aa8bf60 1px,transparent 1px);background-size:30px 30px;transform:perspective(180px) rotateX(46deg);box-shadow:0 -8px 16px #577b9620}.fs-play__ghost{color:#577d9e20;text-shadow:0 1px #fff9,0 3px #8ca6ba30}.fs-play__tee{filter:drop-shadow(3px 5px 2px #193a5a40);z-index:1}.fs-play__basket{width:96px;left:calc(50% - 48px);z-index:2;filter:drop-shadow(0 7px 3px #25455d55)}.fs-play__machine.is-playing .fs-play__field{touch-action:none;cursor:ew-resize}
/*# sourceMappingURL=/cdn/shop/t/44/assets/studio-play.css.map */