*{box-sizing:border-box}body{margin:0;background:#0b1824;color:#eef5f4;font:16px system-ui,-apple-system,sans-serif}main{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:clamp(30px,6vw,48px);margin:4px 0}header p,.help,.note{color:#afc6c7}small{letter-spacing:.2em;color:#9de1b9}.badge{border:1px solid #3b625f;border-radius:99px;padding:8px 13px;font-size:13px}.setup{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#142b37;padding:16px;border-radius:14px}label{display:grid;gap:6px;flex:1;min-width:170px;font-size:14px}select,button{font:inherit;border:1px solid #648a88;border-radius:8px;padding:10px;background:#203b46;color:#fff}button{cursor:pointer;touch-action:none}button:hover,button:focus-visible{outline:2px solid #d6f87e}#start{background:#d6f87e;color:#14251d;font-weight:800;border:0}.info{min-height:45px;color:#bad8c5;padding:12px 4px;font-size:14px}.score{display:flex;align-items:center;justify-content:space-between;background:#142b37;border-radius:12px 12px 0 0;padding:12px 20px;gap:10px}.score div{display:flex;gap:16px;align-items:center}.score strong{font-size:25px;color:#d6f87e}.score p{text-align:center;font-size:14px;margin:0}canvas{width:100%;height:auto;display:block;background:#326653;border-radius:0 0 12px 12px}.controls{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.pad,.shots{display:flex;gap:6px}.controls button{min-height:48px;min-width:45px}.shots button{background:#255a4b}.help,.note{font-size:13px;line-height:1.6}@media (max-width:560px){main{padding:12px}.badge{display:none}.score{padding:10px;font-size:13px}.score div{gap:6px}.controls button{padding:8px;min-width:38px}.shots button,.help{font-size:12px}}.assist{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#cce3da}.assist input{accent-color:#d6f87e;width:18px;height:18px}