.putt-game{display:grid;gap:1rem}.putt-toolbar{display:flex;align-items:end;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.putt-toolbar label{display:grid;gap:.35rem;font-weight:900}.putt-toolbar select{min-width:13rem}.putt-course{display:block;width:100%;height:auto;aspect-ratio:36/23;border:3px solid #111;border-radius:1rem;background:#171022;touch-action:none;box-shadow:inset 0 0 36px rgba(185,128,255,.18)}.putt-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.putt-readout>div{border:2px solid #111;border-radius:.7rem;padding:.7rem;background:#fff}.putt-readout span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.08em}.putt-readout strong{font-size:1.25rem}.putt-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.putt-controls button{min-height:3rem;font-weight:900}.putt-controls .putt-shoot{background:#b980ff;grid-column:auto}.putt-help{margin:0;text-align:center;font-weight:750}.putt-legend{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:0;font-size:.82rem;font-weight:800}.putt-legend span::before{content:"";display:inline-block;width:.75rem;height:.75rem;margin-right:.35rem;border:2px solid #111;vertical-align:-.12rem}.putt-legend .tee::before{background:#b980ff}.putt-legend .cup::before{background:#111;border-radius:50%}.putt-legend .wall::before{background:#fff}@media(max-width:620px){.putt-readout{grid-template-columns:1fr 1fr}.putt-readout>div:last-child{grid-column:1/-1}.putt-controls{grid-template-columns:repeat(3,1fr)}.putt-controls .putt-shoot{grid-column:2}.putt-toolbar select{min-width:0;width:100%}.putt-toolbar label{width:100%}}@media(prefers-reduced-motion:reduce){.putt-course{scroll-behavior:auto}}
