* {box-sizing:border-box;margin:0;padding:0} body{font-family:Georgia,serif;background:#1a3a1a;color:#f0ede0;min-height:100vh} header{background:#0d2b0d;padding:20px;text-align:center;border-bottom:3px solid #c8a84b} header h1{font-size:2rem;color:#c8a84b} header p{color:#aaa;font-size:.9rem;margin-top:4px} main{max-width:900px;margin:20px auto;padding:0 12px} .hole-card{background:#0d2b0d;border:1px solid #2d5a2d;border-radius:10px;margin-bottom:18px;overflow:hidden} .hole-header{background:#14401a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center} .hole-number{font-size:1.3rem;font-weight:bold;color:#c8a84b} .hole-meta{display:flex;gap:16px;font-size:.85rem;color:#ccc} .hole-meta span{background:#0d2b0d;padding:3px 10px;border-radius:12px} .hole-body{padding:14px 16px;display:flex;gap:16px;align-items:flex-start} .hole-img{width:220px;height:140px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#2d5a2d} .hole-info{flex:1} .hole-info h3{color:#c8a84b;margin-bottom:6px;font-size:1rem} .hole-info p{font-size:.85rem;color:#ccc;line-height:1.5} .score-row{display:flex;align-items:center;gap:10px;margin-top:10px} .score-row label{font-size:.85rem;color:#aaa} .score-input{width:60px;padding:6px;border-radius:6px;border:1px solid #2d5a2d;background:#1a3a1a;color:#f0ede0;font-size:1rem;text-align:center} .score-input:focus{outline:none;border-color:#c8a84b} .score-badge{font-size:.85rem;padding:4px 10px;border-radius:12px;font-weight:bold} .eagle{background:#4a90d9;color:#fff} .birdie{background:#27ae60;color:#fff} .par-score{background:#555;color:#fff} .bogey{background:#e67e22;color:#fff} .double{background:#c0392b;color:#fff} #totals{background:#0d2b0d;border:2px solid #c8a84b;border-radius:10px;padding:18px;margin:20px 0;text-align:center} #totals h2{color:#c8a84b;margin-bottom:10px} .totals-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap} .total-box{text-align:center} .total-box .val{font-size:2rem;font-weight:bold;color:#c8a84b} .total-box .lbl{font-size:.8rem;color:#aaa} @media(max-width:600px){.hole-body{flex-direction:column}.hole-img{width:100%;height:180px}}