.hoop-page{padding-top:8px}.hoop-intro{margin-bottom:14px}.hoop-intro h1{font-size:36px;margin:8px 0}.hoop-intro p{color:#414a3e}.hoop-panel{max-width:470px;padding:16px;margin-bottom:30px}.hoop-panel .mini-stats{padding-bottom:0}.hoop-panel .mini-status{min-height:24px;margin:8px 0;font-size:13px}.hoop-court{display:block;width:100%;padding:0;border:2px solid #68817c;border-radius:14px;background:#1b3c3c;color:#fff;cursor:pointer;touch-action:manipulation;overflow:hidden}.hoop-court svg{display:block;width:100%;max-height:380px}.hoop-court:focus-visible{outline:4px solid #f2ca69;outline-offset:4px}.hoop-court[data-phase="flying"],.hoop-court[data-phase="feedback"]{cursor:default}.hoop-court[data-result="made"]{border-color:#adebc0}.hoop-court[data-result="miss"]{border-color:#f4b59c}.hoop-panel .mini-controls{margin-top:10px;justify-content:center}.hoop-panel .mini-controls button{min-width:140px;min-height:44px}.hoop-keyboard{text-align:center;font-size:11px;color:#c1cecb;margin:8px 0 0}@media(max-width:600px){.hoop-page{padding-top:0}.hoop-page .mini-intro h1{font-size:30px}.hoop-page .mini-intro{margin-bottom:12px}.hoop-panel{padding:12px}.hoop-page .mini-intro p{font-size:13px}.hoop-court svg{max-height:340px}}