/* One visual language for the browser and the native iPhone app. */
body.native-look{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f2f2f7;color:#10243a;padding-bottom:calc(88px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
.native-look .shell{max-width:1040px;margin:auto;padding:0 20px}.native-look header{min-height:58px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:0}.native-look header .brand{min-width:44px;min-height:44px}.native-look .brand-icon{width:40px;height:40px;border-radius:10px}.native-look main{padding:10px 0 24px}.native-look h1{font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-.7px}.native-look h2{font-size:21px}.native-look .app-tabs{display:none}.native-look footer{display:none}
.native-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f9f9fbf5;backdrop-filter:blur(16px);border-top:1px solid #dfe1e6;display:flex;justify-content:center;padding:6px 10px calc(6px + env(safe-area-inset-bottom));gap:2px}.native-bottom-nav a{flex:1;max-width:200px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:12px;font-weight:650;color:#797b80}.native-bottom-nav svg{width:24px;height:24px}.native-bottom-nav [aria-current=page]{color:#10243a}.native-bottom-nav a:focus-visible{outline:3px solid #185caa;outline-offset:-3px;border-radius:10px}
.native-look .round-tabs,.native-look .leaderboard-tabs{background:#e8e8ed;border:0;border-radius:24px;padding:4px;display:flex;flex-wrap:nowrap;gap:4px;box-shadow:none}.native-look .round-tabs button,.native-look .leaderboard-tabs button{flex:1;min-width:0;min-height:44px;border:0;border-radius:22px;font:650 16px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:transparent;box-shadow:none;padding:10px 12px}.native-look .round-tabs button[aria-pressed=true],.native-look .round-tabs button[aria-current=page],.native-look .leaderboard-tabs button[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 1px 4px #00000008}.native-look .leaderboard-tabs button::before{display:none}
.native-look .round-panel,.native-look .cup-panel,.native-look .setup-card,.native-look .player-editor,.native-look .match-player,.native-look .team-player{border:0;border-radius:22px;background:#fff;padding:18px;margin:14px 0;box-shadow:none}.native-look input:not([type=checkbox]):not([type=radio]),.native-look select,.native-look textarea{font:400 17px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:44px;border:1px solid #e1e2e7;border-radius:12px;background:#f5f5f8;color:#10243a;padding:10px 12px;max-width:100%;box-sizing:border-box}.native-look label{font-size:16px;font-weight:600}.native-look .primary-button{background:#10243a;border:1px solid #10243a;color:#fff;border-radius:14px;box-shadow:none;min-height:44px}.native-look .secondary-button{background:#fff;border:1px solid #dce0e7;border-radius:14px;color:#185caa;box-shadow:none;min-height:44px}.native-look button:disabled{opacity:.45}.native-look .match-status{border-radius:24px;padding:18px;background:#10243a;color:#c5f542}.native-look .hole-nav{background:#fff;border-radius:22px;padding:10px 16px}.native-look .hole-player{border:0;border-radius:22px;padding:16px;background:#fff}.native-look .gross-box,.native-look .point-result{border-radius:16px;min-height:74px}.native-look .hole-note{font-size:13px;line-height:1.4}
.native-look[data-format=index]{background:#173425}.native-look .native-home-heading{display:flex;align-items:center;gap:12px;background:#10243a;color:#fff;padding:18px;border-radius:20px;text-shadow:none;font-size:24px}.native-home-heading img{border-radius:11px}.native-home-heading small{display:block;color:#c5f542;font-size:16px;font-weight:600;margin-top:4px}.native-look .home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.native-look .home-card,.native-look .round-launch .format-list a{background:#fff;border:0;border-radius:18px;box-shadow:none}.native-look .native-menu-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) 14px;column-gap:12px;align-items:center;padding:16px!important;text-align:left}.native-menu-row .native-row-icon{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf2ee;width:44px;height:44px;color:#2f6458;margin:0}.native-row-icon svg{width:26px;height:26px}.native-menu-row>strong{grid-column:2;font-size:18px!important;color:#10243a!important}.native-menu-row>span:not(.native-row-icon){grid-column:2;font-size:14px!important;line-height:1.35;margin-top:3px;color:#68717e}.native-menu-row::after{content:'›';grid-column:3;grid-row:1 / span 2;font-size:25px;color:#9ba2aa}.native-look .home-handicap>.handicap-shortcut-icon{display:none}.native-look .home-handicap{max-width:none;width:auto}.native-look .scoring-link-option{margin:18px 0;padding:16px;border:0;border-radius:18px}.native-look .format-list{gap:8px}.native-look .edit-grid{gap:12px}.native-look .native-embedded{padding-bottom:0}
@media(max-width:600px){.native-look .shell{padding:0 16px}.native-look .home-grid{grid-template-columns:1fr}.native-look .round-tabs button,.native-look .leaderboard-tabs button{font-size:15px;padding:10px 7px}.native-look .edit-grid{grid-template-columns:1fr}.native-look .match-status-score{font-size:2rem}.native-look .round-panel,.native-look .cup-panel{padding:16px}.native-look .native-menu-row{padding:13px 14px!important}.native-look .native-home-heading{margin-top:4px}.native-look .round-launch h1{font-size:24px}}
body.native-embedded{padding-bottom:env(safe-area-inset-bottom)}

.native-look .result.awaiting-details{background:#10263c;color:white;border-color:#10263c}.native-look .result.awaiting-details .eyebrow{color:#c8f542}.native-look .result.awaiting-details .score p,.native-look .result.awaiting-details .result-error{color:white}.native-look .result.awaiting-details .result-divider,.native-look .result.awaiting-details h2,.native-look .result.awaiting-details dl,.native-look .result.awaiting-details .rounding-note,.native-look .result.awaiting-details .mode{display:none}

.handicap-live-bar{position:sticky;top:0;z-index:30;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#10263c;color:white;border-radius:16px;margin-bottom:16px;box-shadow:0 3px 10px #10263c22}.handicap-live-bar small{display:block;font-size:12px;color:#d6dfe7;margin-top:3px}#live-handicap-value{font-size:32px;line-height:1.1;color:#c8f542}

/* Native grouped lists, calm surfaces and format accents. */
.native-look header{position:relative;min-height:68px;margin-bottom:8px}
.native-page-title{position:absolute;left:60px;right:100px;text-align:center;font-size:19px;font-weight:700;pointer-events:none;color:#111;line-height:1.25}
.native-look header:has(.brand:only-child) .native-page-title{right:60px}
.native-look header #refresh-app{font-size:12px;padding:8px;min-width:44px}
.native-look .native-menu-row{border:0!important;min-height:80px}
.native-menu-row .native-row-icon{color:var(--row-accent);background:color-mix(in srgb,var(--row-accent) 10%,white)}
.native-menu-row>strong{color:var(--row-accent)!important}
.native-look .home-card:first-child{border-top:0}
.native-look .home-grid{gap:12px}.native-look .home-grid a{transition:background .15s,box-shadow .15s}.native-look .home-grid a:hover{background:#fafcfa;box-shadow:0 3px 12px #10243a12}
.native-look .country-courses{border:0;border-radius:22px;padding:18px 20px}
.native-look .country-courses summary{color:#087465;min-height:36px}
.native-look .country-courses a{padding:16px 0}
.native-look .round-launch .format-list{border-radius:22px;overflow:hidden;gap:0;background:white;padding:0 16px}
.native-look .round-launch .format-list>a{border-radius:0;margin:0;padding:14px 0!important;border-bottom:1px solid #e5e5ea!important}
.native-look .round-launch .format-list>a:last-child{border-bottom:0!important}
.native-look .round-launch h1{font-size:20px;letter-spacing:0;margin:24px 0 12px}
.native-look[data-format=handicap] main{max-width:760px;margin:auto}
.native-look[data-format=handicap] .intro,.native-look[data-format=handicap] .inputs>.section-heading,.native-look[data-format=handicap] .step{display:none}
.native-look[data-format=handicap] .workspace{display:block}
.native-look[data-format=handicap] .inputs{background:transparent;border:0;padding:0;box-shadow:none}
.native-look[data-format=handicap] .result{position:static;background:#10263c;border:0;border-radius:28px;padding:24px;margin:12px 0 24px;color:white}
.native-look[data-format=handicap] .result .score{margin:12px 0}.native-look[data-format=handicap] .result output{color:#c8f542;font-size:64px}
.native-look[data-format=handicap] .result h2,.native-look[data-format=handicap] .result dl,.native-look[data-format=handicap] .result .rounding-note,.native-look[data-format=handicap] .result-divider{display:none}
.native-look[data-format=handicap] #calculator>.field,.native-look[data-format=handicap] .finder,.native-look[data-format=handicap] .adjustment{background:white;border:0;border-radius:22px;padding:20px;margin:16px 0}
.native-look[data-format=handicap] .field>label{display:block;color:#737780;margin-bottom:12px}
.native-look[data-format=handicap] .field>input{background:white;border:0;border-bottom:1px solid #e5e5ea;border-radius:0;font-size:22px;padding:10px 0}
.native-look[data-format=handicap] .presets button{border-radius:12px;min-height:44px}.native-look[data-format=handicap] .presets button[aria-pressed=true]{background:#10263c;color:white;border-color:#10263c}
.handicap-keyboard-done{background:#c8f542;color:#10263c;border:0;border-radius:24px;padding:10px 16px;min-height:44px;font-weight:700}.handicap-keyboard-done[hidden]{display:none}
@media(min-width:800px){.native-look .home-grid{max-width:860px;margin:20px auto}.native-look .native-home-heading{max-width:824px;margin:12px auto}.native-look[data-format=index] .scoring-link-option{max-width:828px;margin:20px auto}.native-look .round-launch{max-width:760px}}
@media(max-width:600px){.native-page-title{font-size:17px;left:52px;right:88px}.native-look[data-format=handicap] .result{padding:22px;border-radius:26px}.native-look[data-format=handicap] .result output{font-size:60px}.native-look .native-home-heading{font-size:23px}.native-look .native-menu-row>strong{font-size:17px!important}}

.native-look[data-format=handicap] .inputs{display:flex;flex-direction:column}.native-look[data-format=handicap] #calculator{display:contents}.native-look[data-format=handicap] #calculator>.field:first-child{order:0}.native-look[data-format=handicap] .finder{order:1}.native-look[data-format=handicap] #calculator>.field:not(:first-child),.native-look[data-format=handicap] #calculator>.adjustment{order:2}

.native-look[data-format=handicap] .result .native-calculation dl{display:block}.native-look[data-format=handicap] .result .native-calculation .rounding-note{display:block}.native-calculation{margin-top:16px;color:#e0e7ee}.native-calculation summary{min-height:44px;padding:12px 0;cursor:pointer}.native-look .result.awaiting-details .native-calculation{display:none}

.native-menu-row .native-row-icon svg{color:var(--row-accent)}

button[data-remove],button.remove-player{background:#fff0f1!important;color:#b3283b!important;border:1px solid #e9aab4!important;border-radius:10px!important;padding:8px 12px!important;font-weight:650!important}

.traditional-card td[class*=player-colour],.traditional-card .score-gross{background:#e8f3ff;color:#15538b}.traditional-card .score-net{background:#e5f4e7!important;color:#176036!important}.traditional-card .score-points{background:#fff0d4!important;color:#795000!important}.card-course{background:#10283b;color:white;padding:12px;border-radius:10px}

.native-look .player-editor{padding:12px 14px;margin:10px 0}.native-look .player-editor .edit-grid{gap:8px;margin:8px 0}.native-look .player-editor .player-name-entry{padding:8px;margin-bottom:8px}.native-look .player-editor .name-controls{margin-top:4px}.native-look .setup-person .name-index label{font-size:14px}.native-look .setup-person input{padding:8px 10px}.native-look .setup-person [data-remove]{background:#fff0f1;color:#b3283b;border-color:#e9aab4}.native-look .setup-person details[open] select{margin-bottom:6px}