/* Legalofe: home web mobile only. Desktop and Flutter app are untouched. */
@media screen and (max-width:800px){
 body.lofe-app-ui.page-home{background:#dce6ec!important;color:#152f45!important;overflow-x:hidden!important}
 body.lofe-app-ui.page-home main.container,body.lofe-app-ui.page-home #lofe-main{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px 12px 100px!important;margin:0 auto!important;box-sizing:border-box!important}
 body.lofe-app-ui.page-home main.container *,body.lofe-app-ui.page-home #lofe-main *{box-sizing:border-box}
 body.lofe-app-ui.page-home .lofe-v500-dashboard,body.lofe-app-ui.page-home .mobile-deadline-quick{display:none!important}
 body.lofe-app-ui.page-home .app-ui-formation-status{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:0!important;background:#fff!important;border:1px solid #cad9e3!important;border-radius:15px!important;box-shadow:0 3px 12px rgba(10,45,70,.06)!important;color:#16354c!important;text-decoration:none!important;overflow:hidden!important;min-height:0!important;height:auto!important;line-height:1.3!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__main{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:14px!important;min-height:0!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__icon{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#e7f1f8!important;color:#126092!important;font-size:21px!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__copy{display:flex!important;flex:1 1 0!important;min-width:0!important;flex-direction:column!important;gap:3px!important;text-align:left!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__copy strong{display:block!important;font-size:15px!important;line-height:1.25!important;color:#112e46!important;font-weight:750!important;text-decoration:none!important;white-space:normal!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__copy>span{display:block!important;font-size:12px!important;line-height:1.4!important;color:#5d7282!important;font-weight:400!important;white-space:normal!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__arrow{display:block!important;flex:0 0 auto!important;font-size:24px!important;color:#5382a2!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__deadline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 14px!important;border-top:1px solid #e1eaf0!important;background:#f5f9fc!important;color:#536b7e!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important}
 body.lofe-app-ui.page-home .app-ui-formation-status__deadline strong{font-size:12px!important;color:#193a53!important;white-space:nowrap!important;text-align:right!important}
 body.lofe-app-ui.page-home .mobile-welcome-first{display:block!important;margin:0 0 14px!important;padding:15px 16px!important;background:#092b45!important;border-radius:15px!important;color:#fff!important;overflow:hidden!important}
 body.lofe-app-ui.page-home .mobile-welcome-first small{font-size:10px!important;letter-spacing:.08em!important;color:#b8d0df!important}
 body.lofe-app-ui.page-home .mobile-welcome-first h1{margin:5px 0!important;color:#fff!important;font-size:20px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
 body.lofe-app-ui.page-home .mobile-welcome-first p{margin:3px 0 0!important;color:#c7d9e6!important;font-size:12px!important}
 body.lofe-app-ui.page-home .home-live-mobile,body.lofe-app-ui.page-home .home-results-mobile{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:0!important;border:1px solid #c7d8e3!important;border-radius:15px!important;background:#fff!important;color:#15344c!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(10,45,70,.06)!important}
 body.lofe-app-ui.page-home .home-live-mobile>header,body.lofe-app-ui.page-home .home-results-mobile>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:68px!important;padding:13px 15px!important;margin:0!important;background:#092d49!important;color:#fff!important;border:0!important}
 body.lofe-app-ui.page-home .home-live-mobile>header h2,body.lofe-app-ui.page-home .home-results-mobile>header h2{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.3!important;font-weight:750!important;text-transform:uppercase!important}
 body.lofe-app-ui.page-home .home-live-mobile>header .home-seriea-round,body.lofe-app-ui.page-home .home-results-mobile>header .home-seriea-round{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.3!important;color:#c0d5e4!important;font-weight:400!important}
 body.lofe-app-ui.page-home .home-live-mobile>header>span,body.lofe-app-ui.page-home .home-results-mobile>header>span{flex:0 0 auto!important;font-size:12px!important;color:#e1ecf5!important;white-space:nowrap!important}
 body.lofe-app-ui.page-home .home-live-mobile .lofe-mobile-match-list,body.lofe-app-ui.page-home .home-results-mobile .lofe-mobile-match-list,body.lofe-app-ui.page-home .home-results-mobile .next-turn-list{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}
 body.lofe-app-ui.page-home .home-live-mobile a.lofe-mobile-match-row,body.lofe-app-ui.page-home .home-results-mobile a.lofe-mobile-match-row{display:grid!important;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:57px!important;height:auto!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #e3ebf0!important;border-radius:0!important;background:#fff!important;color:#19364b!important;text-decoration:none!important;box-shadow:none!important;font-size:12px!important;line-height:1.3!important}
 body.lofe-app-ui.page-home .home-live-mobile a.lofe-mobile-match-row:last-child,body.lofe-app-ui.page-home .home-results-mobile a.lofe-mobile-match-row:last-child{border-bottom:0!important}
 body.lofe-app-ui.page-home a.lofe-mobile-match-row>span{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;text-align:right!important;font-size:12px!important;line-height:1.25!important;color:#19364b!important;font-weight:500!important}
 body.lofe-app-ui.page-home a.lofe-mobile-match-row>span:last-child{text-align:left!important}
 body.lofe-app-ui.page-home a.lofe-mobile-match-row>b{display:grid!important;place-items:center!important;min-width:0!important;width:62px!important;min-height:33px!important;padding:5px 3px!important;border:1px solid #a9c8de!important;border-radius:9px!important;background:#e3f1fb!important;color:#0d4268!important;font-size:15px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important}
 body.lofe-app-ui.page-home .home-live-mobile .home-live-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:40px!important;margin:0!important;padding:9px 14px!important;border-top:1px solid #e4edf2!important;background:#f6fafd!important;overflow:visible!important}
 body.lofe-app-ui.page-home .home-live-mobile .home-live-footer a{display:inline-block!important;position:static!important;max-width:100%!important;color:#126397!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;white-space:normal!important;line-height:1.4!important}
}
@media screen and (max-width:370px){body.lofe-app-ui.page-home .home-live-mobile a.lofe-mobile-match-row,body.lofe-app-ui.page-home .home-results-mobile a.lofe-mobile-match-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:6px!important;padding-inline:8px!important}body.lofe-app-ui.page-home a.lofe-mobile-match-row>b{width:54px!important;font-size:13px!important}}

/* Home web 2026-10-09: compact app-inspired mobile presentation.
   Scoped to home only. Replaces old visual declarations rather than loading
   another override file. No server logic or desktop styles are changed. */
@media screen and (max-width:800px){
 html body.lofe-app-ui.page-home{background:#dce6ec!important;font-family:inherit!important}
 html body.page-home .site-header{min-height:62px!important;padding:calc(env(safe-area-inset-top,0px) + 5px) 12px 5px!important;grid-template-columns:44px minmax(0,1fr) 44px!important;background:#061e32!important;box-shadow:none!important}
 html body.page-home .site-header .brand .lofe-logo-img{height:38px!important;max-height:38px!important;max-width:155px!important}
 html body.page-home main.container,html body.page-home #lofe-main{padding:10px 10px calc(82px + env(safe-area-inset-bottom,0px))!important;background:transparent!important}
 html body.page-home .app-ui-formation-status{margin:0 0 10px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid #d0dfe9!important}
 html body.page-home .app-ui-formation-status__main{padding:10px 12px!important;gap:10px!important}
 html body.page-home .app-ui-formation-status__icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:18px!important;border-radius:9px!important}
 html body.page-home .app-ui-formation-status__copy strong{font-size:14px!important}
 html body.page-home .app-ui-formation-status__copy>span{font-size:11px!important}
 html body.page-home .app-ui-formation-status__deadline{padding:8px 12px!important;font-size:11px!important}
 html body.page-home .app-ui-formation-status__deadline strong{font-size:11px!important}
 html body.page-home .mobile-welcome-first{padding:12px 14px!important;margin:0 0 10px!important;background:#092b45!important;border-radius:13px!important;box-shadow:none!important;min-height:0!important;border:0!important;outline:0!important}
 html body.page-home .mobile-welcome-first::before,html body.page-home .mobile-welcome-first::after{display:none!important;content:none!important}
 html body.page-home .mobile-welcome-first small{font-size:9px!important;letter-spacing:.06em!important}
 html body.page-home .mobile-welcome-first h1{font-size:17px!important;margin:4px 0!important;line-height:1.25!important}
 html body.page-home .mobile-welcome-first p{font-size:11px!important;margin:2px 0 0!important}
 html body.page-home .home-live-mobile,html body.page-home .home-results-mobile{margin:0 0 10px!important;border-radius:13px!important;border:1px solid #d0dfe9!important;box-shadow:none!important;background:#fff!important}
 html body.page-home .home-live-mobile>header,html body.page-home .home-results-mobile>header{min-height:51px!important;padding:9px 12px!important;background:#092b45!important}
 html body.page-home .home-live-mobile>header h2,html body.page-home .home-results-mobile>header h2{font-size:13px!important;letter-spacing:.035em!important}
 html body.page-home .home-live-mobile>header .home-seriea-round,html body.page-home .home-results-mobile>header .home-seriea-round{font-size:10px!important;margin-top:1px!important}
 html body.page-home .home-live-mobile>header>span,html body.page-home .home-results-mobile>header>span{font-size:11px!important}
 html body.page-home .home-live-mobile a.lofe-mobile-match-row,html body.page-home .home-results-mobile a.lofe-mobile-match-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;min-height:43px!important;padding:6px 9px!important;gap:7px!important;border-bottom:1px solid #e6edf2!important;font-size:11px!important}
 html body.page-home a.lofe-mobile-match-row>span{font-size:11px!important;line-height:1.2!important;font-weight:500!important}
 html body.page-home a.lofe-mobile-match-row>b{width:54px!important;min-height:28px!important;border-radius:7px!important;font-size:13px!important;padding:4px 2px!important;border:1px solid #b5d1e4!important;background:#e8f3fa!important}
 html body.page-home .home-live-mobile .home-live-footer{min-height:33px!important;padding:7px 12px!important}
 html body.page-home .home-live-mobile .home-live-footer a{font-size:11px!important}
 html body.page-home .lofe-home-bottom-nav{min-height:58px!important;padding:3px 6px calc(3px + env(safe-area-inset-bottom,0px))!important;background:#082c47!important;box-shadow:none!important}
 html body.page-home .lofe-home-bottom-nav__item{min-height:50px!important;gap:1px!important;padding:3px 2px!important}
 html body.page-home .lofe-home-bottom-nav__label{font-size:10px!important;line-height:1.2!important}
 html body.page-home .lofe-home-bottom-nav__icon svg{width:23px!important;height:23px!important}
}
@media screen and (max-width:370px){html body.page-home .home-live-mobile a.lofe-mobile-match-row,html body.page-home .home-results-mobile a.lofe-mobile-match-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:5px!important;padding:6px!important}html body.page-home a.lofe-mobile-match-row>b{width:48px!important}}

/* v3: Home mobile aligned to the actual Flutter home screenshot. */
@media screen and (max-width:800px){
 html body.page-home main.container,html body.page-home #lofe-main{padding:0 0 calc(90px + env(safe-area-inset-bottom,0px))!important}
 html body.page-home .app-ui-formation-status,html body.page-home .mobile-welcome-first,html body.page-home .mobile-deadline-quick{display:none!important}
 html body.page-home .lofe-app-home-hero{display:block!important;position:relative!important;padding:22px 12px 15px!important;margin:0 0 10px!important;background:linear-gradient(180deg,rgba(2,31,55,.68),rgba(5,47,74,.4)),url('legalofe-stadium-hero.jpg') center/cover no-repeat!important;color:white!important;overflow:hidden!important}
 html body.page-home .lofe-app-home-hero__intro{margin:0 0 14px!important}
 html body.page-home .lofe-app-home-hero__intro h1{margin:0 0 6px!important;font-size:clamp(21px,5.7vw,30px)!important;line-height:1.12!important;letter-spacing:-.02em!important;font-weight:850!important;color:#fff!important}
 html body.page-home .lofe-app-home-hero__intro p{margin:0!important;font-size:13px!important;font-weight:650!important;color:#c6d8e7!important}
 html body.page-home .lofe-app-home-match{background:#fff!important;color:#303238!important;padding:14px!important;border-radius:19px!important;margin:0 0 10px!important;border:0!important;box-shadow:none!important}
 html body.page-home .lofe-app-home-match header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;background:none!important;color:#333!important}
 html body.page-home .lofe-app-home-match header strong{font-size:12px!important;letter-spacing:.06em!important;font-weight:850!important}
 html body.page-home .lofe-app-home-match header span{font-size:11px!important;color:#737373!important;font-weight:700!important;text-align:right!important}
 html body.page-home .lofe-app-home-match__teams{display:grid!important;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:16px 0 12px!important;text-align:center!important}
 html body.page-home .lofe-app-home-match__teams strong{font-size:clamp(13px,3.8vw,18px)!important;line-height:1.2!important;color:#333!important;overflow-wrap:anywhere!important}
 html body.page-home .lofe-app-home-match__teams>span{padding:10px 0!important;background:#f1f3f5!important;border-radius:10px!important;font-weight:850!important;font-size:18px!important;color:#333!important}
 html body.page-home .lofe-app-home-match__status{display:block!important;text-align:center!important;padding:11px 6px!important;border-radius:11px!important;background:#f2f4f5!important;color:#497961!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important}
 html body.page-home .lofe-app-home-match__status.is-pending{color:#9a622b!important}
 html body.page-home .lofe-app-home-no-match{color:#555!important}
 html body.page-home .lofe-app-home-rank{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:13px 14px!important;border-radius:18px!important;background:#fff!important;color:#333!important;text-decoration:none!important}
 html body.page-home .lofe-app-home-rank strong{font-size:12px!important;font-weight:850!important;letter-spacing:.04em!important}
 html body.page-home .lofe-app-home-rank span{font-size:13px!important;font-weight:800!important;white-space:nowrap!important}
 html body.page-home .lofe-app-home-rank small{font-size:10px!important;font-weight:700!important;color:#777!important;white-space:nowrap!important}
 html body.page-home .home-live-mobile,html body.page-home .home-results-mobile{border:0!important;border-radius:0!important;margin:0 0 10px!important;box-shadow:none!important}
 html body.page-home .home-live-mobile>header,html body.page-home .home-results-mobile>header{background:#edf1f4!important;color:#183f5b!important;border:0!important;padding:13px 15px!important;min-height:64px!important}
 html body.page-home .home-live-mobile>header h2,html body.page-home .home-results-mobile>header h2{color:#183f5b!important;font-size:17px!important}
 html body.page-home .home-live-mobile>header .home-seriea-round,html body.page-home .home-results-mobile>header .home-seriea-round{color:#58758b!important}
 html body.page-home .home-live-mobile>header>span,html body.page-home .home-results-mobile>header>span{color:#1686d7!important;font-weight:800!important}
 html body.page-home .home-live-mobile a.lofe-mobile-match-row,html body.page-home .home-results-mobile a.lofe-mobile-match-row{min-height:54px!important;padding:9px 12px!important;border-color:#d6d6d6!important}
 html body.page-home a.lofe-mobile-match-row>span{font-weight:700!important;font-size:12px!important;color:#333!important}
 html body.page-home a.lofe-mobile-match-row>b{background:#edf5fb!important;border-color:#d8e5ee!important;color:#153e65!important}
}
@media screen and (min-width:801px){body.page-home .lofe-app-home-hero{display:none!important}}
@media screen and (max-width:360px){html body.page-home .lofe-app-home-rank{flex-wrap:wrap!important}}

/* v4: app-style mobile Home fixes; loaded after footer styles. */
@media screen and (max-width:800px){
 html body.lofe-app-ui.page-home,
 html body.lofe-app-ui.page-home #lofe-main,
 html body.lofe-app-ui.page-home #lofe-main .lofe-app-home-hero,
 html body.lofe-app-ui.page-home #lofe-main .lofe-app-home-hero *{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
 }
 html body.lofe-app-ui.page-home #lofe-main > a.app-ui-formation-status{display:none!important}
 html body.lofe-app-ui.page-home #lofe-main > section.lofe-app-home-hero{
  margin:0 0 10px!important;border:0!important;border-radius:0!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 html body.lofe-app-ui.page-home #lofe-main{padding-left:0!important;padding-right:0!important}
}

/* v5: hide legacy Home blocks ONLY on mobile; keep desktop untouched. */
@media screen and (max-width:800px){
 body.page-home #lofe-main .welcome-president.mobile-welcome-first,
 body.page-home #lofe-main .mobile-deadline-quick,
 body.page-home #lofe-main .app-ui-formation-status{display:none!important;}
}