.golf-page { display:block; background:#f3f5ec; color:#173e30; letter-spacing:0; height:auto; }
.golf-shell, .golf-shell * { box-sizing:border-box; }
.golf-shell { max-width:880px; margin:auto; padding:28px 24px 48px; }
.golf-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.golf-topbar img { width:130px; height:auto; }
.golf-pill { font-size:12px; padding:10px 15px; background:#e4ebdb; border-radius:30px; }
.golf-course { position:relative; overflow:hidden; padding:32px; border-radius:28px; background:#173e30; color:#fffdf2; display:grid; grid-template-columns:1fr 180px; gap:16px; }
.golf-eyebrow { display:block; text-transform:uppercase; letter-spacing:2px; font-size:11px; }
.golf-course .golf-eyebrow { color:#d6eb9a; }
.golf-course h1 { font-size:clamp(24px,4vw,36px); line-height:1.15; margin:14px 0; }
.golf-par { display:inline-block; padding:5px 12px; background:#dfef9c; color:#173e30; border-radius:9px; font-size:13px; }
.golf-course p { font-size:13px; line-height:1.7; font-weight:400; max-width:480px; color:#e0e9df; }
.golf-course-art { width:100%; align-self:center; filter:drop-shadow(0 14px 12px #0003); }
.golf-progress { grid-column:1/-1; display:flex; gap:10px; margin-top:8px; }
.golf-progress span { display:grid; place-items:center; width:38px; height:38px; border:1px solid #ffffff45; border-radius:50%; font-size:13px; color:#c6d6cc; }
.golf-progress .is-done { background:#ffffff18; color:white; }
.golf-progress .is-current { background:#f5d66b; border-color:#f5d66b; color:#173e30; box-shadow:0 0 0 4px #f5d66b20; }
.golf-board { margin-top:30px; }
.golf-board-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.golf-board h2 { margin:5px 0 0; font-size:28px; }
.golf-back { color:inherit; text-decoration:none; font-size:13px; padding:12px; border:1px solid #c7d2bf; border-radius:12px; }
.golf-help, .golf-actions p { font-size:13px; font-weight:400; color:#526753; line-height:1.6; }
.golf-players { display:grid; gap:12px; margin-top:22px; }
.golf-player { display:flex; align-items:center; gap:16px; padding:20px; border:1px solid #dfe5d7; border-radius:20px; background:#fffef8; box-shadow:0 4px 12px #173e3005; }
.golf-avatar { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border-radius:16px; background:#e6edc9; font-size:18px; transform:rotate(-5deg); }
.golf-player:nth-child(3n+2) .golf-avatar { background:#fae3bb; transform:rotate(5deg); }
.golf-player:nth-child(3n) .golf-avatar { background:#dce9f4; }
.golf-name { flex:1; min-width:0; }
.golf-name label { display:block; font-size:17px; overflow-wrap:anywhere; }
.golf-name > span { display:block; font-size:12px; font-weight:400; margin-top:5px; color:#526753; }
.golf-total { font-weight:700; color:#173e30; }
.golf-counter > span { display:block; text-align:center; font-size:10px; margin-bottom:6px; color:#526753; }
.golf-stepper { display:flex; align-items:center; gap:8px; }
.golf-stepper button { width:44px; height:44px; border:0; border-radius:14px; background:#eaf0e2; color:#173e30; font-size:26px; cursor:pointer; }
.golf-stepper button:last-child { background:#173e30; color:white; }
.golf-stepper input { width:52px; height:44px; padding:0; text-align:center; border:1px solid #ccd8c2; border-radius:12px; font-size:22px; color:#173e30; background:white; appearance:textfield; }
.golf-stepper input::-webkit-inner-spin-button, .golf-stepper input::-webkit-outer-spin-button { appearance:none; margin:0; }
.golf-stepper button:disabled { opacity:.35; cursor:default; }
.golf-player.is-scored { border-color:#afc699; }
.golf-actions { margin-top:24px; text-align:center; }
.golf-actions button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:18px 24px; border:0; border-radius:16px; background:#f5d66b; color:#173e30; font:700 16px 'Poppins',sans-serif; cursor:pointer; }
.golf-shell :focus-visible { outline:3px solid #b47715; outline-offset:4px; }
.golf-sponsor { text-align:center; margin-top:28px; }
.golf-sponsor img { max-width:100px; max-height:45px; object-fit:contain; }
@media(max-width:520px) {
 .golf-shell { padding:18px 14px 30px; }
 .golf-pill { font-size:10px; padding:8px 10px; }
 .golf-course { padding:24px; grid-template-columns:1fr; }
 .golf-course-art { display:none; }
 .golf-player { padding:14px; gap:10px; flex-wrap:wrap; }
 .golf-avatar { width:36px; height:36px; border-radius:12px; }
 .golf-name label { font-size:15px; }
 .golf-counter { margin-left:auto; }
 .golf-stepper { gap:5px; }
 .golf-stepper input { width:40px; }
}
@media(prefers-reduced-motion:reduce) { .golf-page { animation:none; } }