.op-hero{padding:calc(var(--section-space) / 2) 0 0}.op-hero__sub{max-width:720px;margin-top:12px}.op-tabs{background:var(--color-sunken);border-radius:999px;gap:6px;margin-top:24px;padding:6px;display:inline-flex}.op-tab{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 22px;font-weight:600}.op-tab.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.op-panel{padding:24px 0 var(--section-space)}.op-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.op-search{flex:2 260px;min-width:200px;position:relative}.op-search svg{color:var(--color-text-secondary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.op-search input{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);padding:11px 14px 11px 40px}.op-toolbar select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);flex:150px;min-width:130px;padding:11px 12px}.op-toolbar input:focus,.op-toolbar select:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-ring);outline:none}.op-add-btn{flex:none}.op-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.op-map-col{position:sticky;top:150px}.op-map{border-radius:var(--radius-xl);width:100%;height:min(72vh,760px);box-shadow:var(--shadow-card);z-index:1;background:var(--color-sunken);overflow:hidden}.op-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-bottom:12px}.op-empty-list{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clubs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.club-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;height:100%;color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:10px;padding:16px;font-family:inherit;display:flex}.club-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong);transform:translateY(-2px)}.club-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.club-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.club-card__name{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.club-card__loc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.45}.club-card__foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.club-card__meta{font-size:var(--font-size-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.club-card__links{align-items:center;gap:5px;display:inline-flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot--web{background:#3b82f6}.dot--fb{background:#1877f2}.dot--ig{background:#e1306c}.spot-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);color:inherit;gap:14px;width:100%;padding:12px;font-family:inherit;display:flex}.spot-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-strong);transform:translateY(-2px)}.spot-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.spot-card__photo{border-radius:var(--radius);object-fit:cover;background:var(--color-sunken);flex:none;width:84px;height:84px}.spot-card__photo--empty{justify-content:center;align-items:center;font-size:26px;display:flex}.spot-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.spot-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.spot-card__top strong{font-weight:600;line-height:1.3}.spot-card__loc{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.spot-card__equip{font-size:var(--font-size-xs);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.badge{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge--a{color:var(--lightningcss-light,#0b7a5b)var(--lightningcss-dark,#34d399);background:#10b98129}.badge--b{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa);background:#3b82f629}.badge--c{color:var(--lightningcss-light,#a16207)var(--lightningcss-dark,#fbbf24);background:#eab3082e}.badge--d{background:color-mix(in srgb, var(--color-text) 8%, transparent);color:var(--color-text-secondary)}.badge--spot{color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171);background:#ff4d4d29}.op-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.op-empty[hidden]{display:none}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);animation:modal-overlay-in .18s var(--ease-out);background:var(--lightningcss-light,#0f172a75)var(--lightningcss-dark,#050912bd);justify-content:center;align-items:center;padding:clamp(12px,3vw,24px);display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-card{overscroll-behavior:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sheet);width:100%;max-width:520px;max-height:min(90vh,880px);box-shadow:var(--shadow-xl);animation:modal-card-in .22s var(--ease-out);padding:clamp(22px,3vw,32px);position:relative;overflow-y:auto}.modal-card--wide{max-width:640px}.modal-card--detail{max-width:560px;padding:clamp(20px,3vw,28px)}.modal-card>h2{font-family:var(--font-display);letter-spacing:var(--tracking-snug);margin:0 40px 6px 0;font-size:clamp(26px,3.4vw,32px);line-height:1.1}.modal-close{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--chip-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:34px;height:34px;color:var(--chip-text);cursor:pointer;z-index:2;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex;position:absolute;inset-block-start:12px;inset-inline-end:12px}.modal-close:hover{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.modal-close:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-card{animation:none}}.auth-subtitle{color:var(--color-text-secondary);margin-bottom:20px}.auth-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:11px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-ring);outline:none}.equip-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.equip-grid label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;align-items:center;gap:8px;display:flex}.equip-grid input{accent-color:var(--color-brand)}.coord-help{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.coord-pick{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.coord-pick__status{font-size:var(--font-size-sm);min-height:1.3em;color:var(--color-text-secondary);transition:color var(--transition-fast)}.coord-pick__status.is-info{color:var(--color-brand)}.coord-pick__status.is-error{color:#b42318}.coord-pick__status.is-ok{color:#067647}.form-group input:disabled,.form-group select:disabled{color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-text) 5%, var(--color-bg));cursor:not-allowed;opacity:1}.coord-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 0;display:flex}.coord-note[hidden]{display:none}.coord-note__edit{color:var(--color-brand);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.coord-note__edit:hover{color:var(--color-text)}body.is-picking #spot-modal{display:none}body.is-picking .op-map{box-shadow:0 0 0 3px var(--color-brand), var(--shadow-card)}body.is-picking #s-map.leaflet-container{cursor:crosshair}.pick-banner{z-index:1200;inset-inline:50%;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);max-width:calc(100vw - 24px);box-shadow:var(--shadow-card-hover);font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;top:84px;translate:-50%}.pick-banner[hidden]{display:none}.pick-banner__dot{background:#ff4d4d;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pick-pulse;box-shadow:0 0 0 4px #ff4d4d33}.pick-banner__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pick-banner__cancel{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;padding:5px 12px}.pick-banner__cancel:hover{border-color:var(--color-brand)}@keyframes pick-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.pick-banner__dot{animation:none}}.btn-sm{font-size:var(--font-size-sm);padding:8px 14px}.btn-full{width:100%}.auth-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.detail{flex-direction:column;gap:14px;display:flex}.detail__eyebrow{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-brand) 18%, transparent);color:var(--color-text);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:7px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.detail__dot{background:var(--color-brand);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent);border-radius:50%}.detail__photo{object-fit:cover;border-radius:var(--radius);background:var(--color-sunken);width:100%;height:200px}.detail__head{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:38px;display:flex}.detail__head h2{font-family:var(--font-display);font-size:clamp(24px,3.6vw,32px);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-snug);text-wrap:balance;margin:0;line-height:1.08}.detail__loc{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:flex-start;gap:7px;margin:0;line-height:1.45;display:flex}.detail__loc .detail__icon{flex:none;margin-top:2px}.detail__address{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.detail__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--leading-normal);margin:0}.detail__stats{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;display:grid}.detail__stats .mini{border-radius:var(--radius);background:color-mix(in srgb, var(--color-text) 5%, var(--color-surface));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:12px 8px;display:flex}.detail__stats .mini b{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600;line-height:1.1}.detail__stats .mini span{color:var(--color-text-secondary);font-size:11px}.detail__rows{flex-direction:column;gap:6px;display:flex}.detail__row{border-radius:var(--radius);background:color-mix(in srgb, var(--color-text) 5%, var(--color-surface));color:var(--color-text);font-size:var(--font-size-sm);transition:background var(--transition-fast);align-items:center;gap:10px;padding:11px 13px;text-decoration:none;display:flex}.detail__row:hover{background:color-mix(in srgb, var(--color-text) 9%, var(--color-surface))}.detail__row .detail__icon{color:var(--color-text-secondary);flex:none}.detail__row span{overflow-wrap:anywhere}.detail__chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:color var(--transition-fast), border-color var(--transition-fast);align-items:center;padding:6px 12px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{color:var(--color-text);border-color:var(--color-brand)}.detail__actions{gap:10px;display:flex}.detail__actions .btn{flex:1}.detail__actions .detail__icon{transition:translate var(--transition-base);flex:none}.detail__actions .btn:hover .detail__icon{translate:2px}@media (width<=900px){.op-split{grid-template-columns:1fr}.op-map-col{position:static}.op-map{height:55vh}.form-row{grid-template-columns:1fr}.op-tabs{width:100%;display:flex}.op-tab{flex:1}.clubs-grid{grid-template-columns:1fr}}@media (width<=480px){.detail__head{padding-right:34px}.detail__stats{grid-template-columns:repeat(2,1fr)}}