:root{
  --ax-glass-bg:linear-gradient(145deg,rgba(18,49,66,.72),rgba(5,17,27,.58));
  --ax-glass-soft:linear-gradient(145deg,rgba(24,60,79,.55),rgba(6,20,31,.48));
  --ax-glass-line:rgba(141,226,255,.22);
  --ax-glass-shine:rgba(236,253,255,.17);
  --ax-glass-shadow:0 18px 55px rgba(0,5,12,.38),inset 0 1px 0 var(--ax-glass-shine);
}
body{background-attachment:fixed}
.topbar,.filters,.news-toolbar,.hangar-tabs,.ax-account,.home-live-card,
.verse-status-banner,.home-section,.home-hangar-panel,.stats article,
.ship-card,.equipment-card,.news-card,.home-news-card,.home-now-card,
.modal-panel,.global-results,.site-footer,#loadoutRoot .lb-panel,
.ax-release-card,.ax-changelog-link{
  background:var(--ax-glass-bg)!important;
  border-color:var(--ax-glass-line)!important;
  box-shadow:var(--ax-glass-shadow)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
}
.topbar{border:1px solid var(--ax-glass-line)!important;box-shadow:0 16px 55px rgba(0,5,12,.4),inset 0 1px 0 rgba(255,255,255,.2)!important}
.topbar::before,.modal-panel::before,#loadoutRoot .lb-panel::before,
.verse-status-banner::before,.ship-card::before,.news-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 25%,transparent 70%,rgba(48,202,255,.05));
  mask:linear-gradient(#000,transparent 45%);
}
.topbar,.modal-panel,#loadoutRoot .lb-panel,.verse-status-banner,.ship-card,.news-card{position:relative}
.nav-btn,.primary,.secondary,.home-section-link,.verse-news-btn,.news-refresh,
.news-toolbar button,.hangar-tabs button,.social-links a,.ax-top-login,
.language-toggle,#loadoutRoot .lb-button,.modal-close{
  background:var(--ax-glass-soft)!important;
  border:1px solid rgba(132,220,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 22px rgba(0,10,20,.22)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  backdrop-filter:blur(14px) saturate(150%);
}
.nav-btn:hover,.primary:hover,.secondary:hover,.home-section-link:hover,
.news-toolbar button:hover,#loadoutRoot .lb-button:hover{
  border-color:rgba(100,224,255,.7)!important;
  background:linear-gradient(145deg,rgba(41,126,165,.68),rgba(7,34,50,.62))!important;
  transform:translateY(-1px);
}
.primary,.nav-btn.active,.news-toolbar button.active,.hangar-tabs button.active,
#loadoutRoot .lb-tabs .is-active,#loadoutRoot .lb-primary{
  background:linear-gradient(135deg,rgba(33,158,255,.85),rgba(33,94,215,.7))!important;
  border-color:rgba(126,225,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 28px rgba(0,116,255,.26)!important;
  color:#f3fbff!important;
}
input,select,.searchbox,.global-search,#loadoutRoot input,#loadoutRoot select{
  background:rgba(4,20,31,.5)!important;
  border-color:rgba(137,221,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 26px rgba(0,5,12,.12)!important;
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}
.ship-image,.news-image,#loadoutRoot .lb-ship-art{
  border:1px solid rgba(137,221,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.card-grid{perspective:1200px}
.ship-card,.news-card,.equipment-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ship-card:hover,.news-card:hover,.equipment-card:hover{transform:translateY(-3px);box-shadow:0 24px 65px rgba(0,5,12,.48),inset 0 1px 0 rgba(255,255,255,.22)!important}
.modal-backdrop,.lb-dialog::backdrop{background:rgba(0,7,13,.65)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.lb-dialog{background:linear-gradient(145deg,rgba(15,43,60,.9),rgba(4,14,23,.88))!important;border-color:rgba(139,225,255,.32)!important;box-shadow:0 32px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}
@media(max-width:720px){
  :root{--ax-glass-shadow:0 10px 32px rgba(0,5,12,.3),inset 0 1px 0 rgba(236,253,255,.14)}
  .topbar,.modal-panel,#loadoutRoot .lb-panel,.verse-status-banner,.ship-card,.news-card{-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}
}
@media(prefers-reduced-motion:reduce){.ship-card,.news-card,.equipment-card,.nav-btn{transition:none!important;transform:none!important}}

/* Fiche catalogue : contrôle ancré, défilement discret et image progressive. */
.modal-panel{padding-top:76px!important;overflow:hidden!important}
.modal-close{position:absolute!important;z-index:130!important;top:18px!important;right:18px!important;float:none!important;margin:0!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:50%!important;padding:0!important;color:#dcf8ff!important;font-size:27px!important;line-height:1!important;background:linear-gradient(145deg,rgba(31,83,108,.8),rgba(6,25,38,.76))!important}
#itemDetail{scrollbar-width:thin;scrollbar-color:rgba(91,188,220,.58) transparent;padding-right:5px}
#itemDetail::-webkit-scrollbar{width:7px}
#itemDetail::-webkit-scrollbar-track{background:transparent}
#itemDetail::-webkit-scrollbar-thumb{background:linear-gradient(#65dfff,#267a9c);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.detail-vehicle-image{position:relative;isolation:isolate;min-height:220px;height:clamp(220px,26vw,330px)!important;overflow:hidden}
.detail-vehicle-image.is-loading::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,rgba(21,58,76,.55) 20%,rgba(83,186,220,.25) 38%,rgba(21,58,76,.55) 56%);background-size:220% 100%;animation:ax-image-loading 1.2s linear infinite}
.detail-vehicle-image img,.detail-vehicle-image .ship-fallback{position:relative;z-index:1}
.detail-vehicle-image img{opacity:0;transition:opacity .22s ease}
.detail-vehicle-image.is-loaded img{opacity:1}
@keyframes ax-image-loading{to{background-position:-220% 0}}
@media(max-width:650px){.modal-panel{padding:66px 10px calc(20px + env(safe-area-inset-bottom))!important}.modal-close{position:absolute!important;top:max(10px,env(safe-area-inset-top))!important;right:12px!important;width:42px!important;height:42px!important}#itemDetail{padding-right:2px}.detail-vehicle-image{height:clamp(180px,48vw,220px)!important;min-height:180px}}