:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #0f1410;--panel: #1a221c;--text: #e8f0ea;--muted: #9db0a3;--accent: #52b788;--rock: #c4a35a;--hole: #8d6e63;--danger: #ff8a80}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior:none}.app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;overflow:hidden}.screen{min-height:calc(100dvh - 72px);display:flex;flex-direction:column;padding:16px 16px 8px}.screen-header h2{margin:0 0 4px}.muted{color:var(--muted)}.login-screen{align-items:center;justify-content:center}.login-card{width:min(420px,100%);background:var(--panel);border-radius:16px;padding:24px}.login-card form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.95rem}input,select,button{font:inherit}input,select{border:1px solid #2f3d34;border-radius:10px;padding:12px;background:#101612;color:var(--text)}button{border:none;border-radius:12px;padding:14px 16px;background:#2d6a4f;color:#fff;font-weight:600}button:disabled{opacity:.6}.error{color:var(--danger)}.mow-buttons{flex:1;display:grid;grid-template-rows:1fr 1fr;gap:16px;margin-top:12px}.marker-button{font-size:2rem;border-radius:24px;min-height:140px}.marker-button.rock{background:linear-gradient(160deg,#8a6d2f,var(--rock))}.marker-button.hole{background:linear-gradient(160deg,#5d4037,var(--hole))}.marker-label{display:block}.status-banner,.offline-banner,.map-count{text-align:center;margin-top:12px}.marker-popup p{margin:8px 0}.popup-actions{display:grid;gap:8px}.popup-actions button{width:100%;padding:10px 12px}.popup-actions button.danger{background:#8b2e2e}.offline-banner{color:#ffd166}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}.locate-button{padding:10px 12px;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:8px}.map-screen{min-height:calc(100dvh - 72px)}.map-container{height:55dvh;min-height:280px;border-radius:16px;overflow:hidden;position:relative;flex-shrink:0}.map-placeholder{height:100%;min-height:55dvh;display:grid;place-items:center;color:var(--muted);background:var(--panel);border-radius:16px}.marker-popup-google{color:#1a1a1a;min-width:160px}.marker-popup-google button{background:#2d6a4f;color:#fff}.marker-popup-google button.danger{background:#8b2e2e}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid #243028}.bottom-nav button{background:transparent;color:var(--muted)}.bottom-nav button.active{background:#244734;color:var(--text)}.navigate-screen{align-items:center}.compass-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.compass-arrow{width:160px;height:160px;border-radius:50%;border:4px solid var(--accent);display:grid;place-items:center;font-size:4rem;transition:transform .2s ease}.compass-distance{font-size:2rem;font-weight:700;margin:0}.compass-label{color:var(--muted)}.nav-actions{display:grid;gap:12px;width:100%}.nav-actions .primary{background:var(--accent);color:#0f1410}.nav-empty{flex:1;display:grid;place-items:center;color:var(--muted)}