.nav{width:min(calc(100% - 24px),540px)!important;max-width:calc(100% - 24px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding:0 6px!important;gap:2px!important;border-left:1px solid #24422f!important;border-right:1px solid #24422f!important;box-sizing:border-box!important}.nav button:not(.play-main){min-width:0!important;flex:1 1 0!important;overflow:hidden;letter-spacing:-.25px!important}.nav button.play-main{flex:0 0 clamp(60px,20vw,86px)!important;width:clamp(60px,20vw,86px)!important;height:clamp(60px,20vw,86px)!important;min-width:0!important}.nav button.play-main svg{width:100%!important;height:100%!important;inset:0!important}@media(max-width:390px){.nav{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;padding:0 4px!important;gap:1px!important}.nav button:not(.play-main){font-size:clamp(8px,2.35vw,10px)!important}}
/* Finitions iPhone : relever la Pokéball de 2 mm et remplir l'onglet Accueil jusqu'au bord */
.nav button.play-main{transform:translateY(-2mm)!important}
.nav{padding-left:0!important;padding-right:0!important;gap:0!important}
.nav button:not(.play-main){border-radius:0!important}
.nav button:first-child{border-radius:10px 0 0 10px!important}
.nav button:last-child{border-radius:0 10px 10px 0!important}
@media(max-width:390px){.nav{padding-left:0!important;padding-right:0!important;gap:0!important}}

/* Dernier ajustement : 1 mm supplémentaire vers le haut */
.nav button.play-main{transform:translateY(-3mm)!important}

/* Fond continu sous la barre d'état iOS, sans masquer les informations système */
html{min-height:100%;background:#07150f!important}
body{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at top,#123423 0%,#091610 42%,#070e0b 85%) fixed!important}
main{padding-top:max(26px,env(safe-area-inset-top))!important}

/* Accueil compact et logo remonté sur iPhone */
@media(max-width:699px){main{padding-top:max(10px,calc(env(safe-area-inset-top) + 7px))!important}.brand{margin-top:0!important;margin-bottom:9px!important;transform:translateY(-3mm)}#homeView>.home-intro{margin:0 8px 9px!important}#homeView>.card{margin:7px 0!important;padding:13px 15px!important}#homeView .stat{padding:9px 5px!important}#homeView .home-winrate{margin-top:7px!important;padding:7px!important}#homeView .line{padding:7px 0!important}#homeView h2{font-size:17px!important;margin:4px 0!important}.nav button.play-main{transform:none!important}}
/* L'historique peut défiler indépendamment du menu fixe */
#historyView{padding-bottom:20px}

/* Fond net : suppression des effets de flou et du dégradé mobile */
@media(max-width:699px){html,body{background:#091610!important;background-image:none!important}body{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#08110c!important}.brand{filter:none!important}.elo-hero{padding:13px 15px!important;text-align:center!important;background:#112e20!important;border:1px solid #367b52!important;margin:7px 0!important}.elo-hero .eyebrow{margin-bottom:4px!important}.elo-hero #heroElo{display:block;font-size:clamp(32px,10vw,45px);font-weight:900;line-height:1.08;letter-spacing:-1px}.elo-hero #heroDivision{display:block;font-size:18px;font-weight:850;margin-top:3px}.elo-hero #heroElo.rank-bronze,.elo-hero #heroDivision.rank-bronze{color:#bf8758!important}}

/* iOS : fond opaque sans flou et sans barre de défilement visible */
html,body{background:#091610!important;background-image:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,main::-webkit-scrollbar,#homeView::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html{overflow-x:hidden!important}body{overflow-x:hidden!important}main{background:#091610!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:699px){.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.brand{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#homeView{scrollbar-width:none!important}}

/* Priorité iOS : aucun flou, y compris au-dessus du contenu */
html{background:#091610!important}html::before,body::before{content:none!important}body,main,#appView,#homeView{background:#091610!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}header.brand,.gem-icon{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}header.brand{position:relative;z-index:2}body.home-active{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}body.home-active main{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body.home-active #appView{overflow:hidden!important}body.home-active #homeView{transform-origin:top center!important;overflow:hidden!important}body.home-active .footer{display:none!important}

/* FIX PRIORITAIRE : logo et titre sous la zone iOS floutée (Dynamic Island / barre Safari). */
@media(max-width:699px){html,body{overscroll-behavior-y:none!important}main{padding-top:calc(env(safe-area-inset-top, 0px) + 22px)!important}header.brand{transform:none!important;filter:none!important;-webkit-filter:none!important;opacity:1!important;isolation:isolate!important;margin-top:0!important;margin-bottom:7px!important;position:relative!important;z-index:30!important}header.brand strong,header.brand svg{filter:none!important;-webkit-filter:none!important;opacity:1!important;transform:none!important;text-shadow:none!important}body.home-active main{overscroll-behavior:none!important}}

/* Mobile: introductory sentence stays on one line, without changing navigation. */
@media(max-width:699px){
#homeView>.home-intro{font-size:clamp(8px,2.65vw,11px)!important;white-space:nowrap!important;letter-spacing:-.25px!important;margin-left:0!important;margin-right:0!important}
#profileView .account-logout{margin-top:17px}
#profileView .account-logout button{width:100%}
}