.golf-scorecard-mockup{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:20px;width:100%;height:100%;padding:16px;font-family:Inter,sans-serif;animation:3s ease-in-out infinite scorecardGlow;position:relative;overflow:hidden}@keyframes scorecardGlow{0%,to{box-shadow:0 0 20px #52b7881a}50%{box-shadow:0 0 30px #52b7884d}}.app-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.header-left{align-items:center;gap:12px;display:flex}.back-button{cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.back-button:hover{background:#52b78833;transform:scale(1.1)}.course-info h3{color:#52b788;margin:0;font-size:16px;font-weight:600;animation:2s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{text-shadow:0 0 5px #52b7884d}50%{text-shadow:0 0 15px #52b78899}}.course-info p{opacity:.7;margin:2px 0 0;font-size:12px}.header-right .weather{opacity:.8;font-size:14px;animation:4s ease-in-out infinite weatherPulse}@keyframes weatherPulse{0%,to{opacity:.8}50%{opacity:1}}.scorecard-container{background:#ffffff0d;border-radius:12px;margin-bottom:16px;padding:16px;animation:6s ease-in-out infinite containerFloat}@keyframes containerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.scorecard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.player-info{align-items:center;gap:12px;display:flex}.player-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.player-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes avatarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-details h4{margin:0;font-size:14px;font-weight:600}.player-details p{opacity:.7;margin:2px 0 0;font-size:12px}.round-info{text-align:right}.round-info .date{color:#52b788;font-size:12px;font-weight:600}.round-info .time{opacity:.7;margin-top:2px;font-size:11px}.holes-grid{grid-template-columns:repeat(9,1fr);gap:8px;margin-bottom:16px;display:grid}.hole-numbers{display:contents}.hole-number{text-align:center;color:#52b788;cursor:pointer;background:#ffffff1a;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:600;transition:all .3s}.hole-number:hover{background:#52b78833;transform:scale(1.1)}.par-row{display:contents}.par-value{text-align:center;opacity:.8;background:#ffffff0d;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:500}.scores-row{display:contents}.score-value{text-align:center;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:600;transition:all .3s;animation:.5s ease-out scoreAppear}@keyframes scoreAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-value.birdie{color:#22c55e;background:#22c55e33;animation:2s ease-in-out infinite birdieGlow}@keyframes birdieGlow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 15px #22c55e99}}.score-value.par{color:#3b82f6;background:#3b82f633}.score-value.bogey{color:#f59e0b;background:#f59e0b33}.score-value.double-bogey{color:#ef4444;background:#ef444433}.putts-row{display:contents}.putts-value{text-align:center;opacity:.7;background:#ffffff0d;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:500}.round-summary{background:#ffffff0d;border-radius:8px;justify-content:space-around;margin-bottom:16px;padding:12px;animation:4s ease-in-out infinite summaryPulse;display:flex}@keyframes summaryPulse{0%,to{background:#ffffff0d}50%{background:#ffffff14}}.summary-item{text-align:center;transition:all .3s}.summary-item:hover{transform:scale(1.05)}.summary-item .label{opacity:.7;margin-bottom:4px;font-size:11px;display:block}.summary-item .value{color:#52b788;font-size:18px;font-weight:700;animation:2s ease-out valueCount;display:block}@keyframes valueCount{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-actions{gap:12px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-btn:hover:before{left:100%}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#52b788,#2d5a3d)}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #52b7884d}.action-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.action-btn.secondary:hover{background:#ffffff26;transform:translateY(-1px)}.golf-course-map-mockup{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:20px;width:100%;height:100%;padding:16px;font-family:Inter,sans-serif;animation:4s ease-in-out infinite mapGlow;position:relative;overflow:hidden}@keyframes mapGlow{0%,to{box-shadow:0 0 20px #2d5a3d1a}50%{box-shadow:0 0 30px #2d5a3d4d}}.course-map-container{background:linear-gradient(135deg,#2d5a3d 0%,#1b4332 100%);border-radius:12px;height:calc(100% - 32px);padding:16px;animation:8s ease-in-out infinite mapFloat;position:relative}@keyframes mapFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(.5deg)}}.course-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;position:absolute;inset:16px}.course-holes{width:80%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hole-marker{color:#fff;cursor:pointer;background:#52b788;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;transition:all .3s;animation:6s ease-in-out infinite holeFloat;display:flex;position:absolute;box-shadow:0 2px 8px #52b7884d}@keyframes holeFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.05)}}.hole-marker:hover{transform:scale(1.2);box-shadow:0 4px 16px #52b78880}.hole-marker.current{background:#ff6b6b;animation:2s infinite currentHolePulse;box-shadow:0 2px 8px #ff6b6b4d}@keyframes currentHolePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b6b4d}50%{transform:scale(1.1);box-shadow:0 4px 16px #ff6b6b99}}.course-features{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.feature{justify-content:center;align-items:center;font-size:16px;animation:10s ease-in-out infinite featureFloat;display:flex;position:absolute}@keyframes featureFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(2deg)}}.feature.water{animation-delay:0s}.feature.bunker{animation-delay:2s}.feature.green{animation-delay:4s}.current-position{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;animation:3s ease-in-out infinite positionGlow;display:flex;position:absolute}@keyframes positionGlow{0%,to{box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #ffffff4d}}.position-indicator{font-size:16px;animation:2s ease-in-out infinite positionPulse}@keyframes positionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.position-info{font-size:12px}.hole-info{color:#52b788;font-weight:600}.distance-info{opacity:.8;font-size:10px}.map-controls-bottom{gap:16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.control-group{flex-direction:column;align-items:center;gap:4px;display:flex}.control-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.control-btn:hover{background:#52b78833;transform:scale(1.1)}.control-group span{opacity:.7;font-size:10px}.golf-shot-tracking-mockup{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:20px;width:100%;height:100%;padding:16px;font-family:Inter,sans-serif;animation:5s ease-in-out infinite trackingGlow;position:relative;overflow:hidden}@keyframes trackingGlow{0%,to{box-shadow:0 0 20px #52b7881a}50%{box-shadow:0 0 30px #52b78866}}.shot-tracking-container{background:#ffffff0d;border-radius:12px;height:calc(100% - 32px);padding:16px;animation:7s ease-in-out infinite trackingFloat}@keyframes trackingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.shot-info{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shot-number{color:#52b788;font-size:24px;font-weight:700;animation:1s ease-out numberCount}@keyframes numberCount{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.shot-club{background:#52b78833;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;animation:3s ease-in-out infinite clubGlow}@keyframes clubGlow{0%,to{box-shadow:0 0 5px #52b7884d}50%{box-shadow:0 0 15px #52b78899}}.shot-distance{text-align:center;margin-bottom:20px}.distance-value{color:#52b788;font-size:48px;font-weight:700;line-height:1;animation:2s ease-out distanceCount}@keyframes distanceCount{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.distance-unit{opacity:.7;margin-left:4px;font-size:16px}.distance-label{opacity:.7;margin-top:4px;font-size:12px}.shot-accuracy{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:16px}.accuracy-label{opacity:.7;margin-bottom:8px;font-size:12px}.accuracy-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.accuracy-fill{background:linear-gradient(90deg,#52b788,#2d5a3d);border-radius:4px;width:85%;height:100%;animation:1s ease-out fillBar}@keyframes fillBar{0%{width:0%}to{width:85%}}.accuracy-stats{opacity:.8;justify-content:space-between;font-size:10px;display:flex}.shot-details{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:12px}.detail-row{justify-content:space-between;margin-bottom:8px;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{opacity:.7;font-size:12px}.detail-value{color:#52b788;font-size:12px;font-weight:600}.shot-actions{gap:12px;display:flex}.shot-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.shot-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.shot-action-btn:hover:before{left:100%}.shot-action-btn.primary{color:#fff;background:linear-gradient(135deg,#52b788,#2d5a3d)}.shot-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #52b7884d}.shot-action-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.shot-action-btn.secondary:hover{background:#ffffff26;transform:translateY(-1px)}@media (max-width:768px){.golf-scorecard-mockup,.golf-course-map-mockup,.golf-shot-tracking-mockup{padding:12px}.holes-grid{gap:6px}.hole-number,.par-value,.score-value,.putts-value{padding:6px 2px;font-size:11px}.distance-value{font-size:36px}}