:root{--bma-red:#e30613;--bma-red-dark:#b8000a;--bma-muted:rgba(255,255,255,.64);--bma-glass:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));--bma-shadow:0 18px 50px rgba(0,0,0,.20)}
html,body{min-height:100%;background:#17201c!important;color:#fff!important}body{overflow-x:hidden!important}
body>.app-bg.bma-app-bg{filter:blur(15px) saturate(.94) brightness(.78);-webkit-filter:blur(15px) saturate(.94) brightness(.78);transform:scale(1.08)}
body>.app-bg.bma-app-bg:before{background:linear-gradient(180deg,rgba(4,8,12,.15),rgba(4,8,12,.17) 30%,rgba(4,8,12,.47) 68%,rgba(4,8,12,.81))}
#belalp-mybelalp-modal{background:transparent!important;color:#fff!important;z-index:1!important}#belalp-mybelalp-modal .bma-backdrop{display:none!important}#belalp-mybelalp-modal .bma-panel,#belalp-mybelalp-modal .bma-body{background:transparent!important}#belalp-mybelalp-modal .bma-head{display:none!important}#belalp-mybelalp-modal .bma-body{padding:0!important}
.bma-dashboard{position:relative!important;z-index:2!important;min-height:100svh!important;background:transparent!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}.bma-dashboard-inner{width:min(100%,560px)!important;margin:0 auto!important;padding:calc(env(safe-area-inset-top) + 14px) 16px 0!important;box-sizing:border-box!important}
.bma-app-topbar{margin-bottom:16px!important}.bma-app-hero{padding:5px 2px 15px!important;margin:0!important;text-shadow:0 2px 20px rgba(0,0,0,.28)}.bma-app-hero h1{margin:0!important;color:#fff!important;font-size:clamp(32px,9vw,46px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:820!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif!important}.bma-app-hero .hero-sub{margin-top:9px!important}.bma-app-home{color:#fff;text-decoration:none}
.bma-topline{position:relative!important;top:auto!important;z-index:3!important;padding:4px!important;margin:0 0 12px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:18px!important;background:rgba(20,24,27,.30)!important;backdrop-filter:blur(22px) saturate(1.25)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important}.bma-topline>.bma-muted,.bma-topline>#bma-logout{display:none!important}.bma-tabs{width:100%!important;min-width:0!important;gap:4px!important}.bma-tab{min-height:42px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:rgba(255,255,255,.62)!important;font:700 12px/1 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important}.bma-tab.active{background:rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important}
.bma-hero{padding:0!important;margin:0 0 13px!important;background:transparent!important}.bma-mapwrap{height:min(45vh,420px)!important;min-height:310px!important;border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important;background:rgba(255,255,255,.09)!important}.bma-map-overlay{left:10px!important;top:10px!important;gap:5px!important}.bma-pill{background:rgba(18,23,27,.66)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 5px 18px rgba(0,0,0,.15)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;font-weight:750!important}.bma-locate{background:rgba(255,255,255,.90)!important;color:#202326!important;border-color:rgba(255,255,255,.75)!important}
.bma-content{padding:0 0 20px!important}.bma-app-section-title{margin:19px 3px 9px!important}.bma-app-section-title.first{margin-top:2px!important}
.bma-summary-card,.bma-card,.bma-trackbox,.bma-session,.bma-empty,.bma-badges,.bma-hex-game-card,.bma-detail-stat,.bma-detail-section,.bma-auth,.bma-recover{background:var(--bma-glass)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;box-shadow:var(--bma-shadow),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(22px) saturate(1.24)!important;-webkit-backdrop-filter:blur(22px) saturate(1.24)!important}
.bma-summary{gap:8px!important;margin:0 0 13px!important}.bma-summary-card{border-radius:19px!important;padding:12px 10px!important;min-width:0!important}.bma-summary-card small{color:rgba(255,255,255,.55)!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:9px!important;font-weight:800!important}.bma-summary-card strong{color:#fff!important;font-size:16px!important;letter-spacing:-.02em!important}.bma-muted,.bma-session-date,.bma-session-note-preview,.bma-section-head span,.bma-private,.bma-detail-date{color:rgba(255,255,255,.58)!important}
.bma-card,.bma-trackbox,.bma-hex-game-card{border-radius:23px!important}.bma-trackbox{padding:15px!important;margin-bottom:13px!important}.bma-card-title{margin-bottom:11px!important}.bma-card-title strong{font-size:16px!important;letter-spacing:-.02em!important}.bma-trackrow{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.bma-trackrow select,.bma-detail-note,.bma-auth input,.bma-photo-caption-input{background:rgba(7,11,14,.20)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.bma-trackrow select option{color:#111!important;background:#fff!important}.bma-notice{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.60)!important}.bma-live div{background:rgba(7,11,14,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important}.bma-live small{color:rgba(255,255,255,.52)!important}.bma-btn{border-radius:14px!important;font-weight:780!important}.bma-btn:not(.primary):not(.danger):not(.magic){background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}.bma-btn.primary,.bma-btn.magic{background:linear-gradient(145deg,var(--bma-red),var(--bma-red-dark))!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 9px 24px rgba(227,6,19,.22)!important}.bma-btn.danger{background:rgba(227,6,19,.13)!important;border-color:rgba(255,95,105,.24)!important;color:#ffb0b6!important}.bma-diary-cta{margin:12px 0!important}.bma-diary-cta .bma-btn{min-height:52px!important}
.bma-section-head{margin:20px 3px 9px!important}.bma-section-head h2{margin:0!important;color:#fff!important;font:780 18px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif!important;letter-spacing:-.025em!important}.bma-session-list{gap:9px!important}.bma-session{border-radius:21px!important;padding:9px!important;text-align:left!important}.bma-session:active{transform:scale(.992)}.bma-session-thumb{border-radius:15px!important;overflow:hidden!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important}.bma-session-title,.bma-session-meta{color:#fff!important}.bma-session-title{font-weight:780!important}.bma-session-arrow{color:rgba(255,255,255,.52)!important}.bma-empty{border-radius:21px!important;border-style:dashed!important;padding:18px!important;color:rgba(255,255,255,.66)!important}
/* Badges: same glass card language as the app; colourful medals are only accents. */
.bma-badges{position:relative!important;border-radius:24px!important;padding:15px!important;margin:0 0 13px!important;overflow:hidden!important}.bma-badges:before,.bma-badges:after{display:none!important}.bma-badge-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 10px!important;position:relative!important;z-index:1!important}.bma-badge-head h2{margin:0!important;color:#fff!important;font:790 18px/1.15 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;letter-spacing:-.025em!important}.bma-badge-head p{margin:4px 0 0!important;color:rgba(255,255,255,.57)!important;font:600 10px/1.4 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;max-width:260px!important}.bma-badge-count{flex:0 0 auto!important;border-radius:999px!important;padding:6px 8px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.10)!important;color:rgba(255,255,255,.72)!important;font:800 9px/1.1 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important}.bma-badge-sort-note{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 10px!important;padding:0 1px!important;color:rgba(255,255,255,.45)!important;font:700 9px/1.3 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important}.bma-badge-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(154px,42vw)!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;overscroll-behavior-inline:contain!important;padding:0 1px 3px!important;scrollbar-width:none!important}.bma-badge-grid::-webkit-scrollbar{display:none!important}.bma-badge{scroll-snap-align:start!important;position:relative!important;min-height:188px!important;padding:12px 11px 11px!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(8,12,16,.25),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;color:#fff!important;filter:none!important;opacity:1!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;overflow:hidden!important}.bma-badge.unlocked{border-color:rgba(255,255,255,.23)!important;background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.045))!important}.bma-badge.in-progress{border-color:rgba(255,255,255,.18)!important}.bma-badge.locked:not(.in-progress){opacity:.62!important}.bma-badge:after{position:absolute!important;right:9px!important;top:9px!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;background:rgba(0,0,0,.19)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;padding:4px 6px!important;color:rgba(255,255,255,.65)!important;font-size:8px!important;line-height:1!important;text-shadow:none!important;box-shadow:none!important;transform:none!important}.bma-badge.unlocked:after{content:"✓"!important;background:rgba(103,224,139,.15)!important;color:#aaf2bd!important;border-color:rgba(103,224,139,.18)!important}.bma-badge.in-progress:after{content:"…"!important;background:rgba(255,255,255,.08)!important;color:#fff!important}.bma-badge.locked:not(.in-progress):after{content:"○"!important}.bma-badge-medal{width:72px!important;height:72px!important;min-height:72px!important;margin:0 0 9px!important;border:0!important;border-radius:22px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:hidden!important}.bma-badge-medal:before{display:none!important}.bma-badge-svg{width:64px!important;height:64px!important;display:block!important;filter:saturate(.78) brightness(.98)!important}.bma-badge-title{min-height:0!important;color:#fff!important;font:790 13px/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;letter-spacing:-.01em!important;margin:0 0 4px!important;text-align:left!important}.bma-badge-desc{color:rgba(255,255,255,.52)!important;font:600 9px/1.35 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;text-align:left!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:24px!important}.bma-badge-progress{width:100%!important;height:5px!important;margin:auto 0 6px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important}.bma-badge-progress span{display:block!important;height:100%!important;width:var(--progress)!important;border-radius:inherit!important;background:linear-gradient(90deg,#fff,var(--bma-red))!important;box-shadow:none!important}.bma-badge-state{color:rgba(255,255,255,.60)!important;font:750 8px/1.2 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important;text-align:left!important}.bma-badge.unlocked .bma-badge-state{color:#aaf2bd!important}
.bma-subpage,.bma-diary-view{background:transparent!important;color:#fff!important;position:relative!important;z-index:2!important;min-height:100svh!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}.bma-subhead,.bma-diary-actions{position:sticky!important;top:0!important;z-index:12!important;background:rgba(18,23,26,.72)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important;padding-top:calc(9px + env(safe-area-inset-top))!important}.bma-subhead .bma-back,.bma-diary-actions .bma-back{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}.bma-detail-content{color:#fff!important}.bma-detail-stat,.bma-detail-section{border-radius:20px!important}.bma-detail-stat small{color:rgba(255,255,255,.55)!important}.bma-detail-section h3{color:#fff!important}.bma-photo-add{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}.bma-photo-caption-help{color:rgba(255,255,255,.48)!important}
.bma-auth{width:min(calc(100% - 28px),480px)!important;margin:calc(env(safe-area-inset-top) + 92px) auto 110px!important;border-radius:25px!important;padding:18px!important;position:relative!important;z-index:2!important}.bma-auth h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif!important;font-size:25px!important;letter-spacing:-.035em!important;color:#fff!important}.bma-auth input{min-height:50px!important;border-radius:15px!important;padding:0 13px!important}.bma-auth-brand{position:absolute;left:16px;right:16px;top:calc(env(safe-area-inset-top) + 14px);z-index:2;display:flex;align-items:center;justify-content:space-between}.bma-auth-brand .brand-logo{width:144px}.bma-auth-brand .icon-btn{text-decoration:none;color:#fff}
.bma-trackbox.bma-active-floating{background:rgba(18,22,25,.94)!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important}.bma-navigation-body,.bma-navigation-only{background:transparent!important}
@media(max-width:380px){.bma-dashboard-inner{padding-left:12px!important;padding-right:12px!important}.bma-badge-grid{grid-auto-columns:minmax(146px,44vw)!important}.bma-mapwrap{min-height:290px!important}.bma-summary-card strong{font-size:14px!important}}
@media(min-width:761px){.bma-dashboard-inner{padding-left:20px!important;padding-right:20px!important}}
@media print{body>.app-bg,.bottom-nav,.bma-auth-brand,.bma-app-topbar,.bma-app-hero,.bma-app-section-title{display:none!important}.bma-diary-view{padding-bottom:0!important}}

/* V9.10 — one visual language: neutral glass + Belalp red only */
.bma-tab{position:relative!important;color:rgba(255,255,255,.64)!important;transition:background .16s ease,color .16s ease!important}
.bma-tab.active{background:rgba(227,6,19,.16)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(227,6,19,.34)!important}
.bma-tab.active:after{content:"";position:absolute;left:22%;right:22%;bottom:4px;height:2px;border-radius:99px;background:var(--bma-red)}
.bma-session{color:#fff!important;text-decoration:none!important;display:grid!important;cursor:pointer!important}
.bma-session:focus-visible,.bma-tab:focus-visible,.bma-btn:focus-visible{outline:2px solid var(--bma-red)!important;outline-offset:2px!important}

/* Badges: remove the old multicolour witch aesthetic. */
.bma-badge-svg{filter:grayscale(1) brightness(1.9) contrast(.88)!important;opacity:.82!important}
.bma-badge-medal{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
.bma-badge.unlocked .bma-badge-medal{background:rgba(227,6,19,.12)!important;border-color:rgba(227,6,19,.28)!important}
.bma-badge-progress span{background:var(--bma-red)!important}
.bma-badge.unlocked:after{background:rgba(227,6,19,.18)!important;color:#fff!important;border-color:rgba(227,6,19,.30)!important}
.bma-badge.unlocked .bma-badge-state{color:#fff!important}
.bma-badge-count{background:rgba(227,6,19,.11)!important;border-color:rgba(227,6,19,.20)!important;color:#fff!important}

/* Hexenflug belongs to the same UI now; the game itself may stay playful. */
.bma-hex-game-card{background:var(--bma-glass)!important;border-color:rgba(255,255,255,.20)!important}
.bma-hex-game-card:before{display:none!important}
.bma-hex-game-card h2,.bma-hex-best{color:#fff!important}
.bma-hex-game-card p,.bma-hex-game-status{color:rgba(255,255,255,.60)!important}
.bma-hex-game-button{background:linear-gradient(145deg,var(--bma-red),var(--bma-red-dark))!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 9px 24px rgba(227,6,19,.22)!important}

/* Dedicated Tracking screen: no detour through the Meine-Belalp dashboard. */
#belalp-mybelalp-modal.tracking-only-mode{z-index:3000!important;background:rgba(10,14,16,.52)!important}
#belalp-mybelalp-modal.tracking-only-mode .bma-panel{background:transparent!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0!important}
#belalp-mybelalp-modal.tracking-only-mode .bma-body{width:100%!important;max-width:560px!important;flex:0 1 auto!important;overflow:auto!important;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(env(safe-area-inset-bottom) + 18px)!important;background:rgba(18,22,25,.88)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:30px 30px 0 0!important;box-shadow:0 -20px 60px rgba(0,0,0,.34)!important;backdrop-filter:blur(28px) saturate(1.2)!important;-webkit-backdrop-filter:blur(28px) saturate(1.2)!important}
.bma-tracking-only{width:100%!important}
.bma-tracking-only-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px!important}
.bma-tracking-only-head small{display:block;color:rgba(255,255,255,.50);font-size:9px;text-transform:uppercase;letter-spacing:.10em;font-weight:800}
.bma-tracking-only-head strong{display:block;color:#fff;font-size:22px;letter-spacing:-.035em;margin-top:2px}
.bma-tracking-only-head button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1}
.bma-tracking-only .bma-trackbox{margin:0!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important}
.bma-tracking-only .bma-trackbox:not(.bma-active-floating){padding:14px!important}
.bma-track-preview{height:min(46vh,390px);min-height:290px;position:relative;overflow:hidden;border-radius:20px;margin:0 0 12px;background:#dbe3de;border:1px solid rgba(255,255,255,.16)}
#bma-track-preview-map{position:absolute;inset:0}
.bma-track-preview .bma-floating-nav-locate{right:10px;bottom:25px}
.bma-track-preview .bma-floating-nav-osm{right:6px;bottom:4px}
.bma-floating-nav-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#24272a!important}
.bma-route-dot,.bma-track-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--bma-red)}
.bma-track-dot{background:#303438}

/* Our one shared bottom navigation — no coloured legacy mobile nav. */
body>.bottom-nav.bma-app-nav .nav-item.active{color:#fff!important;background:rgba(227,6,19,.14)!important;box-shadow:inset 0 0 0 1px rgba(227,6,19,.16)!important}
body>.bottom-nav.bma-app-nav .nav-item.active svg{color:#fff!important}

@media(max-width:600px){
  #belalp-mybelalp-modal.tracking-only-mode .bma-body{max-height:94svh!important}
  .bma-track-preview{height:43svh;min-height:270px}
}

/* V9.10 final polish — readable, restrained badges and red-only UI accents */
.bma-badge-sort-note{display:none!important}
.bma-badge-grid{grid-auto-columns:min(210px,72vw)!important;gap:10px!important;padding-bottom:5px!important}
.bma-badge{min-height:166px!important;padding:12px!important;border-radius:20px!important;background:rgba(13,17,20,.24)!important;border-color:rgba(255,255,255,.12)!important}
.bma-badge.unlocked{background:linear-gradient(145deg,rgba(227,6,19,.10),rgba(255,255,255,.045))!important;border-color:rgba(227,6,19,.24)!important}
.bma-badge-medal{width:54px!important;height:54px!important;min-height:54px!important;border-radius:16px!important;margin-bottom:10px!important}
.bma-badge-svg{width:48px!important;height:48px!important;filter:grayscale(1) brightness(1.75) contrast(.92)!important;opacity:.88!important}
.bma-badge-title{font-size:14px!important;line-height:1.22!important;white-space:normal!important}
.bma-badge-desc{font-size:10px!important;line-height:1.4!important;min-height:28px!important;-webkit-line-clamp:2!important}
.bma-badge-state{font-size:8px!important;color:rgba(255,255,255,.58)!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.bma-badge:after{background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.10)!important}
.bma-badge.unlocked:after{background:var(--bma-red)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.bma-track-dot{background:#f4f5f6!important}
.bma-floating-nav-chip{color:#fff!important;background:rgba(17,21,24,.62)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;padding:4px 7px!important}
@media(max-width:380px){.bma-badge-grid{grid-auto-columns:min(196px,76vw)!important}}

/* V9.10 badge simplification: no fantasy medal artwork on the dashboard. */
.bma-badge-medal{width:46px!important;height:46px!important;min-height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;margin-bottom:10px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;animation:none!important}
.bma-badge-medal .bma-badge-svg{display:none!important}
.bma-badge-medal:before{content:""!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:999px!important;border:2px solid rgba(255,255,255,.42)!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:900 13px/1 -apple-system,BlinkMacSystemFont,Inter,sans-serif!important}
.bma-badge.unlocked .bma-badge-medal{background:rgba(227,6,19,.12)!important;border-color:rgba(227,6,19,.26)!important}
.bma-badge.unlocked .bma-badge-medal:before{content:"✓"!important;border-color:var(--bma-red)!important;background:var(--bma-red)!important}
.bma-badge.in-progress .bma-badge-medal:before{border-color:rgba(227,6,19,.70)!important;box-shadow:inset 0 0 0 5px rgba(227,6,19,.14)!important}

/* V9.11 — app-like stateful UX, green live GPS trail, collectible 3D badges */
:root{--bma-gps:#178f4b;--bma-gps-glow:rgba(23,143,75,.34)}

/* Live GPS is intentionally green: route/reference stays Belalp red. */
.bma-track-dot{background:var(--bma-gps)!important;box-shadow:0 0 0 2px rgba(255,255,255,.20),0 0 10px var(--bma-gps-glow)!important}
.bma-route-dot{background:var(--bma-red)!important}

/* Session details behave like an app sheet; the core remembers and restores the dashboard scroll position. */
.bma-session{transition:transform .16s ease,border-color .16s ease,background .16s ease!important;touch-action:manipulation}
.bma-session:active{transform:scale(.985)!important;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07))!important}
.bma-subpage{width:min(100%,560px)!important;margin:0 auto!important;animation:bma-detail-enter .22s cubic-bezier(.22,.75,.25,1) both!important}
.bma-subhead{padding-left:14px!important;padding-right:14px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
.bma-subhead h2{margin:0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font:780 17px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif!important;letter-spacing:-.025em!important}
.bma-subhead .bma-back{min-height:42px!important;padding:9px 12px!important;border-radius:14px!important}
@keyframes bma-detail-enter{from{opacity:.15;transform:translate3d(0,16px,0) scale(.992)}to{opacity:1;transform:none}}

/* Badge cards remain neutral/red UI; the collectible itself may be colourful and unique. */
.bma-badge-grid{grid-auto-columns:min(218px,74vw)!important;gap:11px!important}
.bma-badge{min-height:205px!important;padding:13px!important;background:linear-gradient(145deg,rgba(10,14,18,.34),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.13)!important;overflow:hidden!important}
.bma-badge.unlocked{background:linear-gradient(145deg,rgba(227,6,19,.085),rgba(255,255,255,.065))!important;border-color:rgba(227,6,19,.25)!important}
.bma-badge:after{background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.11)!important}
.bma-badge.unlocked:after{content:"✓"!important;background:var(--bma-red)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.bma-badge.in-progress:after{content:"…"!important;background:rgba(227,6,19,.17)!important;color:#fff!important;border-color:rgba(227,6,19,.28)!important}
.bma-badge.unlocked .bma-badge-state{color:#fff!important}
.bma-badge-progress span{background:linear-gradient(90deg,var(--bma-red-dark),var(--bma-red))!important;box-shadow:0 0 12px rgba(227,6,19,.28)!important}

.bma-badge-medal,
.bma-badge.unlocked .bma-badge-medal,
.bma-badge.in-progress .bma-badge-medal{
  position:relative!important;
  width:84px!important;height:84px!important;min-height:84px!important;
  border-radius:50%!important;margin:0 0 11px!important;
  display:grid!important;place-items:center!important;
  overflow:visible!important;
  background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.24),rgba(255,255,255,.055) 48%,rgba(0,0,0,.12))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -8px 18px rgba(0,0,0,.14),0 13px 26px rgba(0,0,0,.22)!important;
  perspective:600px!important;
  transform-style:preserve-3d!important;
  animation:none!important;
}
.bma-badge-medal:before{display:none!important}
.bma-badge-medal:after{content:""!important;display:block!important;position:absolute!important;z-index:3!important;left:13px!important;top:10px!important;width:33px!important;height:15px!important;border-radius:50%!important;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0))!important;filter:blur(1px)!important;transform:rotate(-24deg)!important;pointer-events:none!important}
.bma-badge-medal .bma-badge-svg{
  display:block!important;width:78px!important;height:78px!important;opacity:1!important;
  transform:translateZ(18px)!important;transform-origin:50% 50%!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.25)) saturate(1.10) contrast(1.03)!important;
  will-change:transform,filter!important;
}
.bma-badge.unlocked .bma-badge-svg{animation:bma-badge-3d-float 4.1s ease-in-out infinite!important}
.bma-badge.in-progress .bma-badge-svg{filter:drop-shadow(0 7px 7px rgba(0,0,0,.22)) saturate(.72) brightness(.92)!important;animation:bma-badge-3d-breathe 4.8s ease-in-out infinite!important}
.bma-badge.locked:not(.in-progress) .bma-badge-svg{filter:grayscale(1) drop-shadow(0 6px 6px rgba(0,0,0,.20)) brightness(.70)!important;opacity:.58!important;animation:none!important}
.bma-badge-svg .spark{transform-box:fill-box!important;transform-origin:center!important;animation:bma-badge-spark 2.6s ease-in-out infinite!important}
.bma-badge-svg .spark.two{animation-delay:.7s!important}.bma-badge-svg .spark.three{animation-delay:1.35s!important}
@keyframes bma-badge-3d-float{0%,100%{transform:translateZ(18px) rotateX(0deg) rotateY(-3deg) translateY(0)}50%{transform:translateZ(24px) rotateX(3deg) rotateY(4deg) translateY(-4px)}}
@keyframes bma-badge-3d-breathe{0%,100%{transform:translateZ(13px) scale(.985)}50%{transform:translateZ(19px) scale(1.025)}}
@keyframes bma-badge-spark{0%,100%{opacity:.42;transform:scale(.76) rotate(0deg)}50%{opacity:1;transform:scale(1.18) rotate(24deg)}}

@media (prefers-reduced-motion:reduce){
  .bma-badge.unlocked .bma-badge-svg,.bma-badge.in-progress .bma-badge-svg,.bma-badge-svg .spark,.bma-subpage{animation:none!important}
}
@media(max-width:380px){.bma-badge-grid{grid-auto-columns:min(205px,78vw)!important}.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:78px!important;height:78px!important;min-height:78px!important}.bma-badge-medal .bma-badge-svg{width:72px!important;height:72px!important}}

/* V9.14 — premium alpine badges + robust touch cards */
.bma-session{width:100%!important;appearance:none!important;-webkit-appearance:none!important;font:inherit!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.bma-session:focus-visible{outline:2px solid rgba(255,255,255,.82)!important;outline-offset:2px!important}
.bma-badges{background:linear-gradient(145deg,rgba(30,34,35,.53),rgba(13,17,19,.34))!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.11)!important}
.bma-badge-grid{grid-auto-columns:min(224px,76vw)!important}
.bma-badge{min-height:216px!important;background:linear-gradient(155deg,rgba(255,255,255,.095),rgba(9,13,15,.20) 72%)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 30px rgba(0,0,0,.13)!important}
.bma-badge.unlocked{background:linear-gradient(155deg,rgba(227,6,19,.105),rgba(255,255,255,.075) 48%,rgba(9,13,15,.18))!important;border-color:rgba(227,6,19,.28)!important}
.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:91px!important;height:91px!important;min-height:91px!important;background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.34),rgba(255,255,255,.075) 35%,rgba(12,16,18,.16) 67%,rgba(0,0,0,.31))!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.27),inset 0 -10px 20px rgba(0,0,0,.22),0 15px 30px rgba(0,0,0,.30),0 0 0 5px rgba(255,255,255,.025)!important;isolation:isolate!important}
.bma-badge-medal:after{left:15px!important;top:11px!important;width:38px!important;height:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,0))!important}
.bma-badge-medal .bma-badge-svg{width:85px!important;height:85px!important;filter:drop-shadow(0 9px 9px rgba(0,0,0,.30)) saturate(1.08) contrast(1.04)!important}
.bma-badge.unlocked .bma-badge-medal:before{content:""!important;display:block!important;position:absolute!important;inset:-5px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 0 24px color-mix(in srgb,var(--badge-a) 35%,transparent)!important;animation:bma-badge-halo 3.8s ease-in-out infinite!important;pointer-events:none!important}
.bma-badge.in-progress .bma-badge-medal:before{content:""!important;display:block!important;position:absolute!important;inset:-4px!important;border-radius:50%!important;border:1px dashed rgba(255,255,255,.18)!important;animation:bma-badge-orbit 12s linear infinite!important;pointer-events:none!important}
.bma-badge-title{font-size:14.5px!important;letter-spacing:-.015em!important}.bma-badge-desc{color:rgba(255,255,255,.61)!important;font-size:10.5px!important}.bma-badge-state{margin-top:7px!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.065em!important}.bma-badge-progress{height:4px!important;background:rgba(255,255,255,.08)!important}.bma-badge-progress span{border-radius:999px!important}
@keyframes bma-badge-halo{0%,100%{opacity:.46;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}
@keyframes bma-badge-orbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bma-badge.unlocked .bma-badge-medal:before,.bma-badge.in-progress .bma-badge-medal:before{animation:none!important}}
@media(max-width:380px){.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:84px!important;height:84px!important;min-height:84px!important}.bma-badge-medal .bma-badge-svg{width:78px!important;height:78px!important}}

/* V9.16 — tactile sessions, mobile season tabs and alpine-metal badges */
.bma-session{display:grid!important;text-decoration:none!important;color:#fff!important;position:relative!important;z-index:2!important;pointer-events:auto!important}
.bma-tabs{position:relative!important;z-index:5!important;pointer-events:auto!important}
.bma-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.bma-badge{border-color:rgba(255,255,255,.14)!important;background:linear-gradient(155deg,rgba(35,40,42,.72),rgba(11,15,17,.52))!important}
.bma-badge.unlocked{background:linear-gradient(155deg,rgba(44,47,48,.78),rgba(19,22,24,.60))!important;border-color:rgba(227,6,19,.32)!important}
.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.25),rgba(166,179,184,.075) 30%,rgba(10,14,16,.28) 68%,rgba(0,0,0,.46))!important;border:1px solid rgba(218,228,232,.28)!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.24),inset 0 -12px 20px rgba(0,0,0,.30),0 15px 30px rgba(0,0,0,.30),0 0 0 4px rgba(255,255,255,.025)!important}
.bma-badge-medal .bma-badge-svg{filter:drop-shadow(0 9px 9px rgba(0,0,0,.34)) saturate(.88) contrast(1.06)!important}
.bma-badge.unlocked .bma-badge-svg{filter:drop-shadow(0 10px 10px rgba(0,0,0,.32)) saturate(.98) contrast(1.08)!important}
.bma-badge:after{width:19px!important;height:19px!important;min-width:19px!important;padding:0!important;display:grid!important;place-items:center!important;top:10px!important;right:10px!important;font-size:10px!important;border-radius:999px!important;background:rgba(11,15,17,.72)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 5px 13px rgba(0,0,0,.24)!important}
.bma-badge.unlocked:after{background:rgba(227,6,19,.90)!important;border-color:rgba(255,255,255,.30)!important}
.bma-badge-progress{background:rgba(255,255,255,.10)!important;height:3px!important}
.bma-badge-progress span{background:linear-gradient(90deg,#99101a,#e30613,#ff5360)!important;box-shadow:0 0 10px rgba(227,6,19,.20)!important}
.bma-badge-medal:after{background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,0))!important;opacity:.72!important}

/* V9.17 — badge refinement only: sculpted Alpine enamel pins, no status dot */
.bma-badge:after{display:none!important;content:none!important}
.bma-badge-grid{grid-auto-columns:min(238px,78vw)!important;gap:12px!important}
.bma-badge{
  min-height:232px!important;
  padding:15px!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(34,40,42,.76),rgba(9,13,15,.55) 72%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 36px rgba(0,0,0,.16)!important;
}
.bma-badge.unlocked{
  background:radial-gradient(circle at 20% 8%,rgba(227,6,19,.13),transparent 40%),linear-gradient(155deg,rgba(43,48,49,.84),rgba(13,17,19,.62))!important;
  border-color:rgba(227,6,19,.24)!important;
}
.bma-badge.in-progress{
  background:radial-gradient(circle at 20% 8%,rgba(255,255,255,.07),transparent 42%),linear-gradient(155deg,rgba(39,44,46,.80),rgba(12,16,18,.59))!important;
  border-color:rgba(255,255,255,.16)!important;
}
.bma-badge.locked:not(.in-progress){opacity:.70!important}
.bma-badge-medal,
.bma-badge.unlocked .bma-badge-medal,
.bma-badge.in-progress .bma-badge-medal{
  width:106px!important;height:106px!important;min-height:106px!important;
  margin:-2px 0 9px -3px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;perspective:760px!important;
}
.bma-badge-medal:before,.bma-badge-medal:after,
.bma-badge.unlocked .bma-badge-medal:before,.bma-badge.in-progress .bma-badge-medal:before{display:none!important;content:none!important}
.bma-badge-medal .bma-badge-svg{
  width:106px!important;height:106px!important;opacity:1!important;
  transform:translateZ(22px) rotateX(0deg) rotateY(-2deg)!important;
  filter:drop-shadow(0 12px 10px rgba(0,0,0,.34)) saturate(.94) contrast(1.05)!important;
  will-change:transform,filter!important;
}
.bma-badge.unlocked .bma-badge-svg{
  filter:drop-shadow(0 13px 11px rgba(0,0,0,.31)) saturate(1.03) contrast(1.07)!important;
  animation:bma-v917-float 4.6s cubic-bezier(.45,.05,.55,.95) infinite!important;
}
.bma-badge.in-progress .bma-badge-svg{
  filter:drop-shadow(0 11px 10px rgba(0,0,0,.30)) saturate(.72) brightness(.88)!important;
  animation:bma-v917-breathe 5.4s ease-in-out infinite!important;
}
.bma-badge.locked:not(.in-progress) .bma-badge-svg{
  filter:grayscale(1) drop-shadow(0 10px 9px rgba(0,0,0,.25)) brightness(.58)!important;
  opacity:.62!important;animation:none!important;
}
.bma-badge-svg .badge-sheen{transform-box:fill-box!important;transform-origin:center!important;animation:bma-v917-sheen 5.8s ease-in-out infinite!important}
.bma-badge-svg .badge-red-accent{filter:drop-shadow(0 0 3px rgba(227,6,19,.22))!important}
.bma-badge.unlocked .bma-badge-svg .badge-red-accent{filter:drop-shadow(0 0 5px rgba(227,6,19,.48))!important}
.bma-badge-svg .spark{transform-box:fill-box!important;transform-origin:center!important;animation:bma-v917-spark 3.2s ease-in-out infinite!important}
.bma-badge-svg .spark.two{animation-delay:1.1s!important}
.bma-badge-title{font-size:15px!important;line-height:1.18!important;margin-top:0!important;letter-spacing:-.018em!important}
.bma-badge-desc{font-size:10.5px!important;line-height:1.42!important;color:rgba(255,255,255,.64)!important;min-height:30px!important}
.bma-badge-progress{height:4px!important;margin-top:auto!important;background:rgba(255,255,255,.09)!important}
.bma-badge-progress span{background:linear-gradient(90deg,#8d0008,#e30613,#ff5864)!important;box-shadow:0 0 9px rgba(227,6,19,.24)!important}
.bma-badge-state{margin-top:7px!important;font-size:8.5px!important;letter-spacing:.06em!important;color:rgba(255,255,255,.62)!important}
.bma-badge.unlocked .bma-badge-state{color:rgba(255,255,255,.90)!important}
@keyframes bma-v917-float{
  0%,100%{transform:translateZ(22px) translateY(0) rotateX(0deg) rotateY(-2.5deg) rotateZ(-.35deg)}
  50%{transform:translateZ(30px) translateY(-5px) rotateX(2.8deg) rotateY(3.5deg) rotateZ(.45deg)}
}
@keyframes bma-v917-breathe{
  0%,100%{transform:translateZ(17px) scale(.985) rotateY(-1deg)}
  50%{transform:translateZ(23px) scale(1.018) rotateY(1.5deg)}
}
@keyframes bma-v917-sheen{
  0%,58%,100%{opacity:.20;transform:translateX(-10px)}
  72%{opacity:.62;transform:translateX(11px)}
}
@keyframes bma-v917-spark{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.28)}}
@media(max-width:380px){
  .bma-badge-grid{grid-auto-columns:min(224px,80vw)!important}
  .bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:100px!important;height:100px!important;min-height:100px!important}
  .bma-badge-medal .bma-badge-svg{width:100px!important;height:100px!important}
}
@media(prefers-reduced-motion:reduce){
  .bma-badge.unlocked .bma-badge-svg,.bma-badge.in-progress .bma-badge-svg,.bma-badge-svg .badge-sheen,.bma-badge-svg .spark{animation:none!important}
}


/* V9.18 badge polish + locked badges muted */
.bma-badge-grid{grid-auto-columns:min(214px,72vw)!important;gap:12px!important}
.bma-badge{min-height:170px!important;border-radius:22px!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important}
.bma-badge.unlocked{background:linear-gradient(160deg,rgba(227,6,19,.14),rgba(255,255,255,.045) 48%,rgba(10,13,16,.22))!important;border-color:rgba(227,6,19,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.16)!important}
.bma-badge.unlocked .bma-badge-medal{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(227,6,19,.10))!important;border-color:rgba(227,6,19,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.18)!important}
.bma-badge.unlocked .bma-badge-svg{filter:none!important;opacity:1!important;transform:translateZ(0) scale(1.01)!important}
.bma-badge:not(.unlocked){background:linear-gradient(160deg,rgba(12,14,18,.25),rgba(255,255,255,.04))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.bma-badge:not(.unlocked) .bma-badge-medal{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
.bma-badge:not(.unlocked) .bma-badge-svg{filter:grayscale(1) saturate(0) brightness(.86) contrast(.9)!important;opacity:.42!important}
.bma-badge:not(.unlocked) .badge-red-accent,.bma-badge:not(.unlocked) .spark,.bma-badge:not(.unlocked) .spark.two,.bma-badge:not(.unlocked) .badge-sheen{opacity:0!important}
.bma-badge:not(.unlocked) .bma-badge-title{color:rgba(255,255,255,.90)!important}
.bma-badge:not(.unlocked) .bma-badge-desc{color:rgba(255,255,255,.44)!important}
.bma-badge:not(.unlocked) .bma-badge-state{color:rgba(255,255,255,.55)!important}
.bma-badge:not(.unlocked) .bma-badge-progress{background:rgba(255,255,255,.08)!important}
.bma-badge:not(.unlocked) .bma-badge-progress span{background:linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,.55))!important;box-shadow:none!important}
.bma-badge:not(.unlocked):after{background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.50)!important;border-color:rgba(255,255,255,.08)!important}
.bma-badge.in-progress:after{content:"…"!important}
.bma-badge.locked:not(.in-progress):after{content:"○"!important}


/* V9.19 badges redesign: each badge more unique */
.bma-badge-grid{grid-auto-columns:min(242px,79vw)!important;gap:13px!important}
.bma-badge{min-height:218px!important;padding:14px!important;border-radius:24px!important}
.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:108px!important;height:108px!important;min-height:108px!important;margin-bottom:12px!important;border-radius:28px!important;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.20),rgba(255,255,255,.06) 34%,rgba(5,7,10,.24) 72%,rgba(0,0,0,.38))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.18), inset 0 -12px 24px rgba(0,0,0,.22), 0 18px 30px rgba(0,0,0,.28)!important}
.bma-badge-medal .bma-badge-svg{display:block!important;width:102px!important;height:102px!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28)) saturate(1.02)!important;opacity:1!important}
.bma-badge-title{font-size:15px!important;line-height:1.18!important}
.bma-badge-desc{font-size:10.5px!important;line-height:1.42!important;min-height:30px!important}
.bma-badge-state{font-size:8.5px!important;letter-spacing:.06em!important}
.bma-badge:not(.unlocked) .bma-badge-medal .bma-badge-svg{filter:grayscale(1) saturate(0) brightness(.84) contrast(.92)!important;opacity:.45!important}
.bma-badge.locked:not(.in-progress){opacity:.72!important}
.bma-badge-svg .badge-sheen{animation:bma-v919-sheen 6.5s ease-in-out infinite!important}
.bma-badge-svg .spark{animation:bma-v919-spark 3.8s ease-in-out infinite!important}
.bma-badge-svg .spark.two{animation-delay:1.2s!important}
@keyframes bma-v919-sheen{0%,100%{opacity:.28;transform:translateX(-1px)}50%{opacity:.8;transform:translateX(1px)}}
@keyframes bma-v919-spark{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:380px){.bma-badge-grid{grid-auto-columns:min(228px,82vw)!important}.bma-badge-medal,.bma-badge.unlocked .bma-badge-medal,.bma-badge.in-progress .bma-badge-medal{width:98px!important;height:98px!important;min-height:98px!important}.bma-badge-medal .bma-badge-svg{width:94px!important;height:94px!important}}


/* V9.20 release hardening — active tracking controls must never be hidden by bottom navigation */
@media (max-width:760px){
  .bma-trackbox.bma-active-floating{
    z-index:4500!important;
    bottom:calc(92px + max(8px,env(safe-area-inset-bottom)))!important;
    height:auto!important;
    max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - 108px - max(8px,env(safe-area-inset-bottom)))!important;
    overflow:hidden!important;
  }
  .bma-trackbox.bma-active-floating .bma-floating-nav{min-height:0!important;flex:1 1 auto!important}
  .bma-trackbox.bma-active-floating .bma-actions{
    position:relative!important;top:auto!important;bottom:auto!important;z-index:4600!important;flex:0 0 auto!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    margin:8px -3px 4px!important;padding:3px!important;background:transparent!important;
  }
  .bma-trackbox.bma-active-floating .bma-actions .bma-btn{min-height:50px!important;font-size:14px!important}
}

/* V9.20.4 — Safari: keep an activity-launched live track full-screen.
   backdrop-filter creates a containing block for fixed descendants in WebKit;
   the old auto-height sheet therefore collapsed the active tracker at the bottom. */
#belalp-mybelalp-modal.tracking-only-mode.has-active-track{z-index:5000!important}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-panel{
  align-items:stretch!important;
  justify-content:stretch!important;
}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-body{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  flex:1 1 100%!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-sizing:border-box!important;
}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-tracking-only{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-tracking-only-head{display:none!important}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-trackbox.bma-active-floating{
  position:absolute!important;
  left:max(6px,env(safe-area-inset-left))!important;
  right:max(6px,env(safe-area-inset-right))!important;
  top:max(6px,env(safe-area-inset-top))!important;
  bottom:max(6px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  max-width:760px!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  border-radius:20px!important;
}
#belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-trackbox.bma-active-floating .bma-floating-nav{
  min-height:0!important;
  flex:1 1 auto!important;
}
@supports not (height:100dvh){
  #belalp-mybelalp-modal.tracking-only-mode.has-active-track .bma-body{
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
  }
}