:root{--color-primary: #c6e20b;--color-secondary: #6bf5ff;--color-text: #000000;--color-on-image: #ffffff;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--panel-bg: #ffffff;--radius: 1.5rem;--tap: 44px;--gap: 1rem;--screen-bg: none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-family);color:var(--color-text);background:#222;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}img{max-width:100%;display:block}svg.icon{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{min-height:100dvh;max-width:560px;margin:0 auto;background-color:var(--color-primary);background-image:var(--screen-bg);background-size:cover;background-position:center top;background-attachment:scroll}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:max(1.5rem,env(safe-area-inset-top)) 1rem max(6rem,calc(env(safe-area-inset-bottom) + 5rem));text-align:center}.screen--centered{justify-content:center}.screen--flush{padding:0 0 max(6rem,calc(env(safe-area-inset-bottom) + 5rem))}.on-image{color:var(--color-on-image);text-shadow:0 2px 6px rgb(0 0 0 / 70%)}.course-name{font-size:clamp(2rem,9vw,3rem);line-height:1.1;margin:0}.logo{max-height:30vh;width:auto;margin:0 auto}.title-pill{margin:0;background:var(--panel-bg);border-radius:999px;padding:.75rem 2rem;font-size:1.25rem;text-transform:uppercase;box-shadow:0 4px 12px #00000040}.panel{width:100%;background:var(--panel-bg);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:0 4px 12px #00000040}.stack{display:flex;flex-direction:column;gap:.75rem;width:100%;align-items:stretch}.btn{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border:2px solid transparent;border-radius:999px;font-size:1.1rem;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-text);border-color:var(--color-text)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--ghost{background:var(--panel-bg);color:var(--color-text)}.btn--large{font-size:1.4rem;padding:.9rem 2rem}.btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.fixed-bar{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:.75rem;pointer-events:none}.fixed-bar>*{pointer-events:auto;box-shadow:0 4px 12px #00000059}.offline-badge{font-size:.9rem;padding:.4rem .9rem;border-radius:999px;background:#0000008c;color:#fff}.offline-badge[data-state=ready]{background:#1b7f3b}.offline-badge[data-state=incomplete]{background:#a33b00}.lang-switch{display:flex;gap:.5rem;justify-content:center}.lang-switch .btn{min-width:3.5rem;text-transform:uppercase;font-size:.95rem}.lang-switch .btn[aria-pressed=true]{background:var(--color-secondary)}.count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%}.count-grid .btn{font-size:1.75rem;aspect-ratio:1;border-radius:1rem}.name-field input{width:100%;min-height:var(--tap);border:0;border-bottom:2px dashed rgb(0 0 0 / 40%);background:transparent;font-size:1.4rem;text-align:center;padding:.25rem}.name-field input:focus{outline:none;border-bottom-color:var(--color-text)}.course-map{position:relative;width:100%}.course-map>img{width:100%;height:auto}.hole-pin{width:3.25rem;height:3.25rem;min-width:var(--tap);min-height:var(--tap);border-radius:50%;border:3px solid var(--color-text);background:var(--color-primary);color:var(--color-text);font-size:1.35rem;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 3px 8px #00000073}.course-map .hole-pin{position:absolute;transform:translate(-50%,-50%)}.hole-pin--done{background:#fff;color:#0000008c;border-color:#00000059}.hole-pin--done .icon{position:absolute;right:-.35rem;top:-.35rem;width:1.3rem;height:1.3rem;padding:.1rem;border-radius:50%;background:#1b7f3b;color:#fff;stroke-width:3}.hole-pin--next{background:var(--color-secondary);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 .6rem #ffffff73}}@media(prefers-reduced-motion:reduce){.hole-pin--next{animation:none}}.hole-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;justify-items:center;width:100%}.hole-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hole-header .par{font-size:1rem}.stroke-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgb(0 0 0 / 10%)}.stroke-row:last-child{border-bottom:0}.stroke-row__name{flex:1;text-align:left;overflow-wrap:anywhere;font-size:1.1rem}.stepper{display:flex;align-items:center;gap:.5rem}.stepper .btn{width:3rem;height:3rem;padding:0;font-size:1.6rem}.stepper__value{min-width:2.5rem;font-size:1.8rem;text-align:center}.stepper__value[data-empty=true]{color:#00000059}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ranking-table{border-collapse:collapse;width:100%;font-size:.95rem}.ranking-table th,.ranking-table td{padding:.35rem .5rem;text-align:center;white-space:nowrap}.ranking-table thead th{position:sticky;top:0;background:var(--panel-bg);border-bottom:2px solid var(--color-text)}.ranking-table tbody tr:nth-child(2n){background:#0000000d}.ranking-table th:first-child,.ranking-table td:first-child{position:sticky;left:0;background:var(--panel-bg);text-align:left}.ranking-table tfoot td{font-weight:700;border-top:2px solid var(--color-text)}.holes-played{font-size:.95rem}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.5rem;width:100%;margin-top:auto}.podium__place{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.podium__name{font-size:1.2rem;overflow-wrap:anywhere}.podium__score{color:var(--color-secondary);font-size:1rem}.podium__tie{font-size:.8rem}.podium__step{width:100%;border-radius:.75rem .75rem 0 0;background:var(--color-primary);color:var(--color-text);display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;font-size:2rem;box-shadow:inset 0 -6px #0003}.podium__place--1{order:2}.podium__place--1 .podium__step{height:9rem}.podium__place--2{order:1}.podium__place--2 .podium__step{height:6.5rem}.podium__place--3{order:3}.podium__place--3 .podium__step{height:4.5rem}.podium__rest{list-style:none;margin:0;padding:0;width:100%}.podium__rest li{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgb(0 0 0 / 10%)}.banner{position:sticky;top:0;z-index:5;width:100%;padding:.5rem 1rem;background:#a33b00;color:#fff;text-align:center;font-size:.9rem}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c}.dialog{max-width:26rem}.dialog p{margin:0 0 1rem;font-size:1.1rem}.toast{position:fixed;left:50%;bottom:6rem;transform:translate(-50%);z-index:30;padding:.6rem 1.2rem;border-radius:999px;background:#000c;color:#fff}.error-screen{background:#f4f4f4;color:#222}.error-screen details{max-width:100%;text-align:left;font-family:monospace;font-size:.8rem}