:root{--color-bg-gradient:radial-gradient(circle at center, #2f7a3d 0%, #1a4d26 100%);--color-bg-dark:#1a1a2e;--color-bg-nav:#163d1f;--color-bg-card:#00000040;--color-bg-card-hover:#0006;--color-bg-overlay:#0000002e;--color-bg-input:#0000004d;--color-bg-subtle:#ffffff0f;--color-accent:#f0c040;--color-accent-dark:#d4a830;--color-accent-bg:#f0c04026;--color-text:#fff;--color-text-muted:#ffffffb3;--color-text-faint:#ffffff73;--color-success:#4caf50;--color-error:#ff6b6b;--color-error-bg:#ff000026;--color-border:#ffffff26;--color-border-strong:#ffffff4d;--color-border-faint:#ffffff14;--font-family:Arial, sans-serif;--font-size-xs:.78rem;--font-size-sm:.88rem;--font-size-base:1rem;--font-size-md:1.1rem;--font-size-lg:1.4rem;--font-size-xl:1.8rem;--font-size-2xl:2.2rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%;--shadow-card:0 4px 20px #0006;--shadow-accent:0 0 24px #f0c0404d;font-family:var(--font-family);color:var(--color-text)}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-md);border-radius:var(--radius-md);cursor:pointer;min-height:2.75rem;padding:var(--space-sm) var(--space-md);border:2px solid #0000;transition:all .2s ease-in-out;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-lg);min-height:3rem}.btn-primary{background-color:var(--color-accent);color:var(--color-bg-gradient)}.btn-primary:not(:disabled):hover{opacity:.85}.btn-secondary{color:var(--color-accent);border-color:var(--color-accent);background-color:#0000}.btn-secondary:not(:disabled):hover{background-color:var(--color-bg-card);opacity:.85}.btn-ghost{color:var(--color-accent);background-color:#0000;border-color:#0000}.btn-ghost:not(:disabled):hover{background-color:var(--color-bg-card)}.btn-spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.75s linear infinite btn-spinner-anim}@keyframes btn-spinner-anim{to{transform:rotate(360deg)}}.confirm-dialog{border-radius:var(--radius-lg);max-width:20rem;width:calc(100% - var(--space-xl));background:0 0;border:none;padding:0}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.confirm-dialog-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.confirm-dialog-title{font-size:var(--font-size-lg);color:var(--color-text);font-family:var(--font-family);margin:0}.confirm-dialog-message{font-size:var(--font-size-md);color:var(--color-text-muted);font-family:var(--font-family);margin:0}.confirm-dialog-actions{gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;display:flex}.friend-popup-overlay{background:color-mix(in srgb, var(--color-bg-gradient) 75%, black);padding:var(--space-md);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.friend-popup{width:min(32rem,100%);max-height:calc(100vh - (var(--space-md) * 2));background:var(--color-bg-nav);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.friend-popup-title{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-text);margin:0}.friend-popup-empty{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.friend-popup-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend-popup-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.friend-popup-message{color:var(--color-text);margin:0}.friend-popup-alias{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.friend-popup-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.friend-popup-footer{justify-content:flex-end;display:flex}.language-switcher-container{position:relative}.language-switcher{min-width:2.75rem;min-height:2.75rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;font-weight:600}.language-switcher:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.language-dropdown{margin-top:var(--space-xs);padding:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:100;min-width:8rem;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000080}.language-option{width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;display:block}.language-option:hover{background:var(--color-bg-input)}.language-option.active{color:var(--color-accent);font-weight:600}.notification-prompt{bottom:var(--space-lg);left:var(--space-md);right:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-md);z-index:90;position:fixed;box-shadow:0 4px 16px #0006}.notification-prompt-text{margin:0 0 var(--space-sm);font-size:var(--font-size-md)}.notification-prompt-actions{gap:var(--space-sm);display:flex}.scroll-indicator{z-index:50;pointer-events:none;animation:.3s ease-out scroll-fade-in;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}.scroll-indicator-arrow{color:var(--color-text-muted);font-size:1.25rem;animation:1.5s ease-in-out infinite scroll-bounce;display:block}@keyframes scroll-bounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes scroll-fade-in{0%{opacity:0}to{opacity:1}}.avatar{border-radius:var(--radius-full);border:.125rem solid var(--color-border);background-color:var(--color-bg-card);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-sm{width:2.5rem;height:2.5rem}.avatar-md{width:4rem;height:4rem}.avatar-lg{width:6rem;height:6rem}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;color:var(--color-text-muted);background-color:var(--color-bg-input);justify-content:center;align-items:center;display:flex}.avatar-placeholder svg{width:60%;height:60%}.step-indicator{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;min-height:2.75rem;display:flex}.step-dot{border-radius:var(--radius-full);width:.75rem;height:.75rem;transition:all .3s ease-in-out}.step-completed{background-color:var(--color-accent);border:.125rem solid var(--color-accent)}.step-current{background-color:var(--color-accent);border:.125rem solid var(--color-accent);transform:scale(1.33)}.step-upcoming{border:.125rem solid var(--color-border);background-color:#0000}.avatar-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.avatar-title{font-size:var(--font-size-xl);margin:0}.avatar-tabs{gap:var(--space-xs);background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-xs);display:flex}.avatar-tab{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;flex:1}.avatar-tab.active{background:var(--color-accent);color:var(--color-bg-dark);font-weight:600}.avatar-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.avatar-photo-section{align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;flex-direction:column;display:flex}.avatar-preview-container{justify-content:center;display:flex}.avatar-file-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.avatar-preset-filter{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);min-height:2.75rem}.avatar-preset-filter::placeholder{color:var(--color-text-muted)}.avatar-preset-grid{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:repeat(3,1fr);display:grid}.avatar-preset-item{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.avatar-preset-item .avatar{border:none;border-radius:0;width:100%;height:100%}.avatar-preset-item.selected{border-color:var(--color-accent)}.avatar-preset-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.avatar-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.avatar-skip{width:fit-content;margin:0 auto var(--space-lg);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;min-height:2.75rem;display:block}.avatar-skip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.avatar-actions>.action-btn-primary,.avatar-actions>.action-btn-secondary{min-width:0}.checkbox-container{font-family:var(--font-family);align-items:flex-start;min-height:2.75rem;display:flex;position:relative}.checkbox-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.checkbox-label{align-items:flex-start;gap:var(--space-md);cursor:pointer;width:100%;min-height:2.75rem;padding:var(--space-xs) 0;display:flex}.checkbox-custom{width:calc(var(--space-sm) * 3);height:calc(var(--space-sm) * 3);border:.125rem solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-input);flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;transition:all .2s ease-in-out;display:flex}.checkbox-input:checked+.checkbox-label .checkbox-custom{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox-input:focus-visible+.checkbox-label .checkbox-custom{outline:.125rem solid var(--color-accent);outline-offset:.125rem}.checkbox-mark{background-color:var(--color-bg-gradient);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:.75rem;height:.75rem}.checkbox-text{gap:var(--space-xs);flex-direction:column;display:flex}.checkbox-title{color:var(--color-text);font-size:var(--font-size-md);line-height:1.2}.checkbox-description{color:var(--color-text-muted);font-size:var(--font-size-sm)}.consent-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.consent-title{font-size:var(--font-size-xl);margin:0}.consent-intro{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.consent-checkboxes{gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;display:flex}.consent-legal-links{gap:var(--space-xs);padding-left:var(--space-sm);flex-direction:column;display:flex}.consent-legal-links a{font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;text-decoration:underline}.consent-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.consent-actions>.action-btn-primary,.consent-actions>.action-btn-secondary{min-width:0}.text-input-group{gap:var(--space-xs);font-family:var(--font-family);flex-direction:column;display:flex}.text-input-label{font-size:var(--font-size-md);color:var(--color-text);font-weight:500}.text-input-field{min-height:2.75rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-input);color:var(--color-text);font-size:var(--font-size-md);font-family:inherit;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.text-input-field::placeholder{color:var(--color-text-muted)}.text-input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent);outline:none}.text-input-field[aria-invalid=true]{border-color:var(--color-error)}.text-input-field[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-error)}.text-input-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-xs)}.error-alert{align-items:flex-start;gap:var(--space-sm);border:1px solid var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-error);font-family:var(--font-family);background-color:#0000;min-height:2.75rem;display:flex}.error-icon{font-size:var(--font-size-lg);line-height:1}.error-message{font-size:var(--font-size-md);line-height:1.4}.create-user-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.create-user-title{font-size:var(--font-size-xl);margin:0}.create-user-mode-toggle{gap:var(--space-xs);background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-xs);display:flex}.mode-btn{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;flex:1;transition:background .15s,color .15s}.mode-btn.active{background:var(--color-accent);color:var(--color-bg-dark);font-weight:600}.mode-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-user-form{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.create-user-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.create-user-actions>.action-btn-primary{min-width:0}.group-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.group-title{font-size:var(--font-size-xl);margin:0}.group-player-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-player-item{align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);min-height:calc(2.75rem + (var(--space-md) * 2));display:flex}.player-name{flex:1;font-weight:600}.player-type{font-size:var(--font-size-sm);color:var(--color-text-muted)}.player-remove{color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;display:flex}.player-remove:focus-visible{outline:2px solid var(--color-accent)}.group-add-buttons{gap:var(--space-sm);display:flex}.group-search-section,.group-guest-section{gap:var(--space-sm);flex-direction:column;display:flex}.group-search-results{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-search-result-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.group-search-result-meta{align-items:center;gap:var(--space-sm);display:flex}.group-search-result-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.search-result-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-md);text-align:left;cursor:pointer;font-family:var(--font-family);color:var(--color-text);gap:var(--space-sm);align-items:center;min-height:2.75rem;display:flex}.search-result-btn:focus-visible{outline:2px solid var(--color-accent)}.search-alias{color:var(--color-text-muted);font-size:var(--font-size-sm)}.group-friends-section{gap:var(--space-sm);flex-direction:column;display:flex}.group-friends-empty{color:var(--color-text-muted);margin:0}.group-friends-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-friends-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.group-friends-meta{align-items:center;gap:var(--space-sm);display:flex}.group-friends-actions{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.friend-remove-btn{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;min-height:2.75rem;padding:0 var(--space-xs);background:0 0;border:none;text-decoration:underline}.friend-remove-btn:disabled{opacity:.6;cursor:not-allowed}.friend-remove-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.group-guest-actions{gap:var(--space-sm);display:flex}.group-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.group-actions>.action-btn-primary,.group-actions>.action-btn-secondary{min-width:0}.landing-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(5rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.landing-title{font-size:var(--font-size-xl);margin:0}.landing-subtitle{font-size:var(--font-size-lg);margin:var(--space-sm) 0 0}.landing-loading{color:var(--color-text-muted);text-align:center;padding:var(--space-xl)}.venue-search-input{background:var(--color-bg-input);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:var(--font-family)}.venue-search-input::placeholder{color:var(--color-text-muted)}.venue-search-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.venue-sort-bar{gap:var(--space-sm);flex-wrap:wrap;display:flex}.venue-sort-btn,.venue-map-toggle{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer}.venue-sort-btn.active{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-text)}.venue-sort-btn:focus-visible,.venue-map-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.venue-map-toggle{margin-left:auto}.landing-venues,.landing-courses{gap:var(--space-sm);flex-direction:column;display:flex}.landing-venue-card,.landing-course-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:left;cursor:pointer;gap:var(--space-xs);min-height:2.75rem;font-family:var(--font-family);color:var(--color-text);flex-direction:column;transition:border-color .15s;display:flex}.landing-venue-card.selected,.landing-course-card.selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);font-weight:600}.landing-venue-card:focus-visible,.landing-course-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.venue-name,.course-name{font-size:var(--font-size-md);font-weight:600}.venue-type,.course-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.venue-distance-badge{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing-custom-venue-link{color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm) 0;text-align:center;background:0 0;border:none;text-decoration:underline}.landing-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.landing-actions>.action-btn-primary,.landing-actions>.action-btn-secondary{min-width:0}.custom-venue-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));gap:var(--space-md);flex-direction:column;display:flex}.custom-venue-title{font-size:var(--font-size-xl);margin:0}.custom-venue-description{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.custom-venue-form{gap:var(--space-lg);flex-direction:column;display:flex}.custom-venue-activity-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs);display:block}.custom-venue-activity-options{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.custom-venue-activity-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0}.custom-venue-activity-btn.selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, transparent);font-weight:600}.custom-venue-holes-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs);display:block}.custom-venue-holes-controls{align-items:center;gap:var(--space-md);display:flex}.custom-venue-holes-btn{border:2px solid var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-accent);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.custom-venue-holes-value{font-size:var(--font-size-xl);text-align:center;min-width:2.5rem;font-weight:700}.custom-venue-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.start-game-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);flex-direction:column;display:flex}.start-game-title{font-size:var(--font-size-xl);margin:0}.start-game-summary{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.summary-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.summary-heading{font-size:var(--font-size-lg);margin:0 0 var(--space-sm)}.summary-list{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.summary-row{justify-content:space-between;display:flex}.summary-row dt{color:var(--color-text-muted)}.summary-row dd{margin:0;font-weight:600}.summary-players{gap:var(--space-sm);flex-direction:column;display:flex}.summary-players-heading{font-size:var(--font-size-md);margin:0}.summary-player-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.summary-player-item{align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);min-height:2.75rem;display:flex}.summary-player-name{flex:1;font-weight:600}.summary-player-type{font-size:var(--font-size-sm);color:var(--color-text-muted)}.summary-player-reorder{flex-direction:column;gap:2px;display:flex}.reorder-btn{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:1.5rem;min-height:1.5rem;padding:2px 6px;line-height:1;display:flex}.reorder-btn:disabled{opacity:.3;cursor:default}.reorder-btn:not(:disabled):hover{background:var(--color-bg-input)}.start-game-rules-btn{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;background:0 0;min-height:2.75rem;font-weight:600}.start-game-actions{gap:var(--space-sm);padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.start-game-actions>.action-btn-primary,.start-game-actions>.action-btn-secondary{min-width:0}.pregame-rules-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));gap:var(--space-lg);flex-direction:column;display:flex}.pregame-rules-title{font-size:var(--font-size-xl);margin:0}.pregame-rules-list{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.pregame-rules-row{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.pregame-rules-row dt{color:var(--color-text-muted)}.pregame-rules-row dd{text-align:right;margin:0;font-weight:600}.pregame-penalty-list{font-weight:400;font-size:var(--font-size-sm);margin:0;padding:0;list-style:none}.scorecard{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}.scorecard-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border);flex:1;min-height:0;overflow-y:auto}.scorecard-table{border-collapse:collapse;width:100%;font-family:var(--font-family);font-size:var(--font-size-md);table-layout:fixed}.scorecard-table thead{background:var(--color-bg-card);z-index:2;position:sticky;top:0}.scorecard-table th{text-align:center;border-bottom:1px solid var(--color-border);white-space:nowrap;height:calc((100dvh - 21rem) / var(--hole-count,18));padding:0 .125rem}.scorecard-table td{text-align:center;border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);white-space:nowrap;height:calc((100dvh - 21rem) / var(--hole-count,18));padding:0 .125rem}.scorecard-th-hole,.scorecard-cell-hole{background:var(--color-bg-card);z-index:1;border-right:1px solid var(--color-border);text-overflow:ellipsis;width:3.2rem;font-weight:700;position:sticky;left:0;overflow:hidden}.scorecard-th-player{text-overflow:ellipsis;min-width:2.5rem;max-width:none;font-weight:600;font-size:var(--font-size-sm);border-left:1px solid var(--color-border);padding:var(--space-xs);overflow:hidden}.scorecard-subheader th{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:0 var(--space-xs) var(--space-xs);font-weight:400}.scorecard-th-sub{width:1.5rem}.scorecard-row{cursor:pointer;transition:background .1s}.scorecard-row:nth-child(2n){background:color-mix(in srgb, var(--color-bg-card) 30%, transparent)}.scorecard-row:hover,.scorecard-row:focus-visible{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.scorecard-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.scorecard-cell{min-width:1.5rem}.scorecard-cell-penalty{color:var(--color-text-muted);font-size:var(--font-size-sm)}.scorecard-cell-score{font-weight:600}.scorecard-table td.scorecard-cell-score{border-left:1px solid var(--color-border)}.scorecard-total-row{background:var(--color-bg-card);border-top:2px solid var(--color-border)}.scorecard-complete-btn{background:var(--color-accent);min-height:3rem;color:var(--color-bg-dark,#1a1a1a);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;margin-top:var(--space-md);border:none;font-weight:600}.scorecard-complete-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.scorecard-complete-btn:disabled{opacity:.4;cursor:not-allowed}.score-entry-page{min-height:100dvh;padding:var(--space-md);padding-bottom:calc(var(--space-xl) + 4rem);flex-direction:column;display:flex}.score-entry-header{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.score-entry-title{font-size:var(--font-size-lg);margin:0;animation:1s ease-out hole-pulse}@keyframes hole-pulse{0%{opacity:.5;font-weight:900}50%{font-weight:900}to{opacity:1;font-weight:700}}.score-entry-hole-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto}.score-entry-content{gap:var(--space-md);padding-bottom:var(--space-md);flex-direction:column;flex:1;display:flex}.score-compact-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);overflow:hidden}.score-entry-turn-order-info{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin:0}.score-entry-prev-hole-row{opacity:.6}.score-compact-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.score-compact-table th:first-child,.score-compact-table td:first-child{width:3.2rem}.score-compact-table th:last-child,.score-compact-table td:last-child{width:2.5rem}.score-compact-table th,.score-compact-table td{border:1px solid var(--color-border);padding:var(--space-sm);text-align:center;font-variant-numeric:tabular-nums}.score-compact-table th{font-weight:700}.score-entry-cell-btn{border-radius:var(--radius-sm,var(--radius-md));width:100%;color:var(--color-text);font:inherit;padding:var(--space-xs);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:700}.score-entry-cell-btn.selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.score-entry-cell-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.score-entry-panel{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.score-entry-panel-header h3{font-size:var(--font-size-lg);margin:0}.score-entry-player-name{animation:1s ease-out hole-pulse}.stroke-section{gap:var(--space-sm);flex-direction:column;display:flex}.stroke-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.stroke-controls{align-items:center;gap:var(--space-md);display:flex}.stroke-btn{border-radius:var(--radius-full);border:2px solid var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-accent);font-size:var(--font-size-lg);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.stroke-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.stroke-value{text-align:center;min-width:2.5rem;font-size:var(--font-size-xl);font-weight:700}.penalty-section{gap:var(--space-sm);flex-direction:column;display:flex}.penalty-heading{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.penalty-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.penalty-label{font-size:var(--font-size-sm)}.penalty-controls{align-items:center;gap:var(--space-sm);display:flex}.penalty-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text);font-size:var(--font-size-md);cursor:pointer;background:0 0}.penalty-value{text-align:center;min-width:1.25rem;font-weight:700}.sum-section{border-top:1px solid var(--color-border);padding-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.sum-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sum-value{font-size:var(--font-size-lg);font-weight:700}.max-warning-btn{border:1px solid var(--color-accent);border-radius:var(--radius-md);width:100%;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.max-warning-btn.not-completed{border-color:var(--color-error,#e74c3c);background:color-mix(in srgb, var(--color-error,#e74c3c) 15%, transparent)}.score-entry-panel-actions{gap:var(--space-sm);display:flex}.wc-btn,.score-entry-next-player-btn,.score-entry-next-hole-btn,.score-entry-finish-btn{border-radius:var(--radius-md);min-height:2.75rem;font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;font-weight:600}.wc-btn{border:2px solid var(--color-border);color:var(--color-text);background:0 0;flex:1}.wc-btn.active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.score-entry-next-player-btn,.score-entry-next-hole-btn{background:var(--color-accent);color:var(--color-bg-gradient);border:none;flex:1}.score-entry-footer{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background:var(--color-bg-gradient);border-top:1px solid var(--color-border);flex-direction:row;display:flex;position:fixed;bottom:0;left:0;right:0}.score-entry-finish-btn{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);flex:1}.wc-btn:focus-visible,.score-entry-next-player-btn:focus-visible,.score-entry-next-hole-btn:focus-visible,.score-entry-finish-btn:focus-visible,.penalty-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=42rem){.score-compact-table{font-size:var(--font-size-xs,var(--font-size-sm))}.score-compact-table th,.score-compact-table td{padding:var(--space-xs)}.score-entry-panel-actions,.score-entry-footer{flex-direction:column}}.standings{gap:var(--space-md);flex-direction:column;display:flex}.standings-title{font-size:var(--font-size-lg);margin:0}.standings-rule{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.standings-table{gap:var(--space-xs);flex-direction:column;display:flex}.standings-header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);grid-template-columns:2rem 1fr 3rem 3rem;font-weight:600;display:grid}.standings-row{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:2rem 1fr 3rem 3rem;align-items:center;min-height:2.75rem;display:grid}.standings-row.me{border-color:var(--color-accent);font-weight:600}.standings-rank{text-align:center;font-weight:700}.standings-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.standings-holes,.standings-score{text-align:center}.rule-set-info{gap:var(--space-md);flex-direction:column;display:flex}.rule-set-title{font-size:var(--font-size-lg);margin:0}.rule-set-scope{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:capitalize}.rule-set-list{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.rule-row{padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);flex-direction:column;gap:.125rem;display:flex}.rule-row dt{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.rule-row dd{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:700}.score-correction{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.correction-title{font-size:var(--font-size-xl);margin:0}.correction-original{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.correction-field{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.correction-label{font-size:var(--font-size-md)}.correction-counter{align-items:center;gap:var(--space-md);font-size:var(--font-size-lg);font-weight:600;display:flex}.counter-btn-sm{border-radius:var(--radius-full);border:2px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;font-family:var(--font-family);background:0 0;justify-content:center;align-items:center;display:flex}.counter-btn-sm:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);min-width:5rem;min-height:2.75rem;font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;font-weight:600}.toggle-btn.on{background:var(--color-success);border-color:var(--color-success);color:var(--color-text)}.toggle-btn.off{color:var(--color-text-muted);background:0 0}.toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.correction-actions{gap:var(--space-sm);flex-direction:column;align-items:center;margin-top:auto;display:flex}.correction-cancel{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;min-height:2.75rem}.game-complete{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.complete-title{font-size:var(--font-size-xl);text-align:center;margin:0}.complete-meta{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.complete-meta p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.complete-leaderboard-announce{padding:var(--space-md);background:color-mix(in srgb, var(--color-accent) 15%, transparent);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.complete-leaderboard-announce p{margin:0}.complete-leaderboard-announce p+p{margin-top:var(--space-xs)}.complete-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.complete-table{border-collapse:collapse;width:100%}.complete-table th,.complete-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.complete-table thead tr{background:var(--color-bg-card)}.complete-table th{font-weight:700;font-size:var(--font-size-sm)}.complete-table tbody tr.me{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.complete-col-rank{width:3rem;font-weight:700}.complete-col-score{text-align:right;width:3.5rem;color:var(--color-accent);font-weight:700}.offline-indicator{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;font-weight:600}.offline-indicator.offline{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent)}.offline-indicator.syncing{background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-text-muted)}.offline-indicator.online{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-text-muted)}.game-screen{min-height:0;padding:var(--space-md);padding-bottom:calc(var(--space-xl) + 3.5rem);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.game-loading{justify-content:center;align-items:center}.game-loading p{color:var(--color-text-muted)}.game-header{text-align:center;padding:var(--space-sm) 0}.game-course-name{font-size:var(--font-size-lg);margin:0}.game-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-xs) 0 0}.game-nav{background:var(--color-bg-nav);opacity:1;border-top:1px solid var(--color-border);padding:var(--space-xs);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.game-nav-btn{min-height:2.75rem;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1}.game-nav-btn.active{color:var(--color-accent);font-weight:600}.game-nav-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-screen{min-height:100dvh;padding:var(--space-lg);padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);font-family:var(--font-family);color:var(--color-text);flex-direction:column;display:flex}.history-header{align-items:center;gap:var(--space-sm);display:flex}.history-title{font-size:var(--font-size-xl);margin:0}.history-back-btn,.history-retry-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);min-height:2.75rem;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:0 var(--space-md)}.history-back-btn:focus-visible,.history-retry-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-section-title{font-size:var(--font-size-md);color:var(--color-text-secondary,var(--color-text-muted));margin:0}.history-stats-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.history-stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.history-stat-item{background:var(--color-bg-gradient);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.history-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary,var(--color-text-muted))}.history-stat-value{font-size:var(--font-size-lg);font-weight:700}.history-state-message{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary,var(--color-text-muted));margin:0}.history-error{gap:var(--space-sm);flex-direction:column;display:flex}.history-games{gap:var(--space-sm);min-height:0;padding-bottom:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.history-game-card-button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.history-game-card-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.history-game-card{box-sizing:border-box;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-md);gap:var(--space-sm);flex-direction:column;transition:border-color .12s,transform .12s;display:flex}.history-game-card-button:hover .history-game-card{border-color:var(--color-accent)}.history-game-card-button:active .history-game-card{transform:translateY(1px)}.history-game-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.history-game-title{font-size:var(--font-size-md);margin:0}.history-game-date{color:var(--color-text-secondary,var(--color-text-muted));font-size:var(--font-size-sm);white-space:nowrap}.history-game-meta{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.history-game-score{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:700}.history-game-detail{color:var(--color-text-secondary,var(--color-text-muted));font-size:var(--font-size-sm)}@media (width<=40rem){.history-game-meta{grid-template-columns:1fr}}.history-detail-screen{min-height:100dvh;padding:var(--space-lg);padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-md);font-family:var(--font-family);color:var(--color-text);flex-direction:column;display:flex}.history-detail-header{align-items:center;gap:var(--space-sm);display:flex}.history-detail-title{font-size:var(--font-size-xl);margin:0}.history-detail-back-btn,.history-detail-retry-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);min-height:2.75rem;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:0 var(--space-md)}.history-detail-back-btn:focus-visible,.history-detail-retry-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-detail-state-message{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary,var(--color-text-muted));margin:0}.history-detail-error{gap:var(--space-sm);flex-direction:column;display:flex}.history-detail-summary{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.history-detail-summary-item{color:var(--color-text-secondary,var(--color-text-muted));margin:0}.history-detail-standings{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.history-detail-table{border-collapse:collapse;width:100%;font-family:var(--font-family)}.history-detail-table th,.history-detail-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.history-detail-table th:last-child,.history-detail-table td:last-child{text-align:right}.history-detail-table tbody tr:last-child td{border-bottom:none}@media (width<=40rem){.history-detail-table{font-size:var(--font-size-sm)}}.leaderboard-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));gap:var(--space-md);flex-direction:column;display:flex}.leaderboard-header{align-items:center;gap:var(--space-md);display:flex}.leaderboard-back-btn{color:var(--color-accent);font:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.leaderboard-title{font-size:var(--font-size-xl);text-align:center;flex:1;margin:0}.leaderboard-venue-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);min-height:2.75rem}.leaderboard-period-tabs{gap:var(--space-xs);display:flex}.leaderboard-period-tab{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;flex:1;min-height:2.75rem;font-weight:500}.leaderboard-period-tab.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:600}.leaderboard-loading,.leaderboard-empty{text-align:center;color:var(--color-text-muted)}.leaderboard-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.leaderboard-entry{align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);min-height:2.75rem;display:flex}.leaderboard-rank{min-width:2rem;color:var(--color-accent);font-weight:700}.leaderboard-name{flex:1;font-weight:600}.leaderboard-score{font-weight:700;font-size:var(--font-size-lg)}.leaderboard-course{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-lg);flex-direction:column;display:flex}.profile-title{font-size:var(--font-size-xl);margin:0}.profile-avatar-section{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.profile-form{gap:var(--space-md);flex-direction:column;display:flex}.profile-email-display{gap:var(--space-xs);flex-direction:column;display:flex}.profile-email-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-email-value{color:var(--color-text)}.profile-saved{color:var(--color-accent);margin:0;font-weight:600}.profile-actions{gap:var(--space-sm);flex-direction:column;display:flex}.profile-section-heading{font-size:var(--font-size-md);margin:0 0 var(--space-sm)}.profile-consent-section{gap:var(--space-md);flex-direction:column;display:flex}.profile-danger-zone{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.profile-danger-heading{color:var(--color-error,#e74c3c)}.profile-delete-confirm{gap:var(--space-md);flex-direction:column;display:flex}.profile-delete-warning{font-size:var(--font-size-sm);color:var(--color-error,#e74c3c);margin:0;font-weight:600}.profile-delete-actions{gap:var(--space-sm);display:flex}.profile-avatar-screen{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));padding-left:calc(var(--space-lg) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-lg) + env(safe-area-inset-right,0px));gap:var(--space-lg);flex-direction:column;display:flex}.profile-avatar-title{font-size:var(--font-size-xl);margin:0}.profile-avatar-tabs{gap:var(--space-xs);display:flex}.profile-avatar-tab{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);border-radius:var(--radius-md);cursor:pointer;flex:1;min-height:2.75rem}.profile-avatar-tab.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:600}.profile-avatar-photo-section{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.profile-avatar-preview{justify-content:center;display:flex}.profile-avatar-file-input{display:none}.profile-avatar-filter{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);min-height:2.75rem}.profile-avatar-filter::placeholder{color:var(--color-text-muted)}.profile-avatar-preset-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.profile-avatar-preset-btn{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.profile-avatar-preset-btn .avatar{border:none;border-radius:0;width:100%;height:100%}.profile-avatar-preset-btn.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.profile-avatar-preset-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.profile-avatar-actions{gap:var(--space-sm);flex-direction:column;display:flex}.legal-page{padding:var(--space-lg);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(4rem + var(--space-xl));max-width:600px;margin:0 auto}.legal-content h1{font-size:var(--font-size-xl);margin:0 0 var(--space-xs)}.legal-content h2{font-size:var(--font-size-md);margin:var(--space-lg) 0 var(--space-sm)}.legal-content p{margin:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.legal-content ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.legal-content li{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.legal-content a{color:var(--color-accent)}.legal-back{margin-top:var(--space-lg)}:root{--app-top-bar-height:3.5rem;min-height:100dvh}html{background:#1a4d26;min-height:100%}body{font-family:var(--font-family);color:var(--color-text);-webkit-font-smoothing:antialiased;background:#1a4d26;min-height:100dvh;margin:0;position:relative}body:before{content:"";background:var(--color-bg-gradient);z-index:0;pointer-events:none;position:fixed;inset:0}body:after{content:"";opacity:.09;pointer-events:none;z-index:0;background-image:url(/watermark.svg);background-position:50%;background-repeat:no-repeat;background-size:100vw;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-content{min-height:calc(100dvh - var(--app-top-bar-height) - env(safe-area-inset-top,0px));padding-top:calc(var(--app-top-bar-height) + env(safe-area-inset-top,0px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-new-game-btn{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer}.app-new-game-btn:focus-visible{outline:2px solid var(--color-accent)}.app-top-bar{width:100%;min-height:var(--app-top-bar-height);justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:calc(var(--space-sm) + env(safe-area-inset-top,0px));padding-right:calc(var(--space-sm) + env(safe-area-inset-right,0px));padding-bottom:var(--space-sm);padding-left:calc(var(--space-sm) + env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--color-bg-nav);opacity:1;border-bottom:1px solid var(--color-border);z-index:100;pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.app-top-bar>*{pointer-events:auto}.action-btn-primary{background:var(--color-accent);min-height:3rem;color:var(--color-bg-dark,#1a1a1a);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;border:none;flex:1;font-weight:600}.action-btn-primary:disabled{opacity:.5;cursor:not-allowed}.action-btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.action-btn-secondary{background:var(--color-bg-card);min-height:3rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;flex:1;font-weight:600}.action-btn-secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
