/* You home (Bjorn 2026-10-27, proposal D): a calm full-screen page on phones. Title and round ✕, your
   name (opens Profile), the season as three numbers, then rounded cards of rows with blue icons and
   counts. My gear and Safety keep their own views inside the same sheet (data-gear-view /
   data-safety-view), so everything here applies only to the home view. */
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) {
  --you-bg:#16181c; --you-card:#22262c; --you-line:#ffffff10; --you-text:#f1f3f5; --you-muted:#8b95a1; --you-blue:#5b9cff;
  background:var(--you-bg)!important; color:var(--you-text)!important; border:0!important; box-shadow:none!important;
  overflow-y:auto!important; overscroll-behavior:contain;
}
@media (max-width:899px) {
  body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) {
    position:fixed!important; inset:0!important; z-index:1100!important; width:auto!important; max-width:none!important;
    height:100dvh!important; max-height:none!important; margin:0!important; border-radius:0!important; transform:none!important; translate:none!important; scale:none!important; animation:none!important;
    padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))!important;
  }
  body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view])::before { display:none!important; }
  body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-top .curtain-grabber { display:none!important; }
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-top {
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important;
  margin:4px 0 20px!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; position:static!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-top h2 { margin:0!important; color:var(--you-text,#f1f3f5)!important; font:800 28px/1.1 system-ui,-apple-system,sans-serif!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-top #closeYou {
  width:42px!important; height:42px!important; min-width:42px!important; border:0!important; border-radius:50%!important;
  background:#2a2e35!important; color:#fff!important; font-size:22px!important; line-height:1!important; display:grid!important; place-items:center!important; padding:0!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me {
  display:flex!important; align-items:center!important; gap:14px!important; width:100%!important; margin:0!important; padding:0!important;
  border:0!important; background:none!important; color:inherit!important; text-align:left!important; cursor:pointer;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me-avatar {
  flex:none!important; width:56px!important; height:56px!important; border-radius:50%!important; background:#3b82f6!important; color:#fff!important;
  display:grid!important; place-items:center!important; font:700 22px system-ui,-apple-system,sans-serif!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me-name { flex:1 1 auto!important; min-width:0!important; display:block!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me-name b { display:block!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--you-text,#f1f3f5)!important; font:700 20px/1.2 system-ui,-apple-system,sans-serif!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me-name small { display:block!important; color:#9aa4ae!important; font:500 14px/1.3 system-ui,-apple-system,sans-serif!important; letter-spacing:0!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-me>i { font-style:normal!important; color:#6b7480!important; font-size:22px!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-season-summary {
  display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:0!important; margin:22px 0 24px!important; padding:16px 0!important;
  border:0!important; border-top:1px solid var(--you-line,#ffffff10)!important; border-bottom:1px solid var(--you-line,#ffffff10)!important; border-radius:0!important; background:none!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-season-summary>div { text-align:center!important; min-width:0!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-season-summary>div+div { border-left:1px solid var(--you-line,#ffffff10)!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-season-summary b { display:block!important; color:#fff!important; font:800 26px/1.1 system-ui,-apple-system,sans-serif!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-season-summary small { display:block!important; margin-top:4px!important; color:var(--you-muted,#8b95a1)!important; font:600 11px/1.2 system-ui,-apple-system,sans-serif!important; letter-spacing:.1em!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-label { display:block!important; margin:0 4px 8px!important; color:var(--you-muted,#8b95a1)!important; font:700 12px/1.2 system-ui,-apple-system,sans-serif!important; letter-spacing:.14em!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu {
  display:block!important; margin:0 0 18px!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:22px!important; background:var(--you-card,#22262c)!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button {
  display:flex!important; align-items:center!important; gap:14px!important; width:100%!important; min-height:58px!important; height:auto!important; margin:0!important;
  padding:0 16px!important; border:0!important; border-radius:0!important; background:none!important; color:var(--you-text,#f1f3f5)!important; text-align:left!important; box-shadow:none!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button+button { border-top:1px solid #ffffff0d!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>span {
  flex:none!important; width:34px!important; height:34px!important; min-width:34px!important; border:0!important; border-radius:50%!important;
  background:#3b82f622!important; color:var(--you-blue,#5b9cff)!important; display:grid!important; place-items:center!important;
}
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>span svg { width:19px!important; height:19px!important; stroke:currentColor!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>b { flex:1 1 auto!important; min-width:0!important; color:var(--you-text,#f1f3f5)!important; font:600 16px/1.25 system-ui,-apple-system,sans-serif!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>em { font-style:normal!important; color:var(--you-muted,#8b95a1)!important; font:500 15px system-ui,-apple-system,sans-serif!important; white-space:nowrap!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>em.you-count-new { color:var(--you-blue,#5b9cff)!important; font-weight:700!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>em.you-count-due { color:#f8b864!important; font-weight:600!important; }
body.vertex-v3 #app#app#app#app#app#app#app#app#app#app #youSheet:not([data-gear-view]):not([data-safety-view]) .you-menu>button>i { font-style:normal!important; color:#6b7480!important; font-size:20px!important; width:auto!important; }
/* While the full-screen page is open the map's own buttons sit under it; hide them so nothing peeks through. */
@media (max-width:899px) {
  body.vertex-v3 #app:has(#youSheet:not([hidden]):not([data-gear-view]):not([data-safety-view])) :is(#thumbDock,#thumbRail,#mapCorner,#recordFab) { visibility:hidden!important; }
}