:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}.scorecard{display:flex;gap:2px;background:#111;border:2px solid #333;border-radius:8px;padding:4px;overflow-x:auto;max-width:100%}.frame{display:flex;flex-direction:column;min-width:52px;border:1px solid #222;border-radius:4px;background:#181818;transition:background .2s}.frame.active{background:#1a2a1a;border-color:#4a4}.frame.tenth{min-width:72px}.frame-number{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#555;text-align:center;padding:2px 0}.rolls{display:flex;border-bottom:1px solid #222}.roll-box{flex:1;min-height:28px;display:flex;align-items:center;justify-content:center;border-right:1px solid #222;font-size:.85rem}.roll-box:last-child{border-right:none}.roll{font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.roll.strike{color:#f44;font-size:1rem}.roll.spare{color:#4cf;font-size:1rem}.roll.gutter{color:#555}.frame-score{min-height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.message{margin:0;color:#ffffffb3;font-size:.95rem;text-align:center}.message.final{font-size:1.2rem;font-weight:600;color:#4cf}.pin-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:400px}.pin-btn{width:42px;height:42px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#fafafa;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}.pin-btn:hover{background:#2a2a2a;border-color:#555}.pin-btn:active{background:#333}.reset-btn{padding:.6rem 1.5rem;border-radius:6px;border:1px solid #444;background:#1a1a1a;color:#fafafa;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s}.reset-btn:hover{background:#2a2a2a}.reset-btn.small{font-size:.8rem;padding:.4rem 1rem;margin-top:.5rem}