/* Accueil de l’alliance : même langage visuel que la Citadelle et PVP. */
#screen-alliance[data-alliance-view="home"] { max-width: none; padding-inline: 0; background: #0c131c; }
#screen-alliance[data-alliance-view="home"] > .page-header { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 20px; min-height: 82px; padding: 12px max(20px,env(safe-area-inset-left)); border-bottom: 1px solid #b090514f; background: linear-gradient(100deg,#101c28,#0b121c 55%,#16202a); }
#screen-alliance[data-alliance-view="home"] > .page-header .btn-back { display: grid; place-items: center; min-width: 0; width: 40px; height: 40px; padding: 0; border: 1px solid #b89a605c; border-radius: 50%; background: #0a131db3; color: #edd6ab; }
#screen-alliance[data-alliance-view="home"] > .page-header h2 { min-width: 0; color: #f2dcae; font: normal clamp(24px,2.2vw,34px)/1.15 Georgia,'Times New Roman',serif; letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 2px 8px #000b; }
#screen-alliance .alliance-header-meta { display: none; }
#screen-alliance[data-alliance-view="home"] .alliance-header-meta { display: block; margin-top: 5px; font: 12px/1.35 system-ui,sans-serif; letter-spacing: .01em; text-transform: none; color: #d2c6ad; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#screen-alliance[data-alliance-view="home"] > .page-header .gold-pill { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 150px; border: 1px solid #b79a605c; background: #101c29; color: #f2deb6; padding: 8px 13px; }
#screen-alliance[data-alliance-view="home"] .gold-pill .ecu-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge) { grid-template-columns: 40px minmax(0,1fr) minmax(0,320px) auto; }
#screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge { grid-column: 3; grid-row: 1; order: 0; max-width: none; margin: 0; border-radius: 4px; }
#screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge) .gold-pill { grid-column: 4; grid-row: 1; }
#screen-alliance[data-alliance-view="home"] > #alliance-body { display: flex; flex-direction: column; flex: 1; gap: 0; padding: 0; overflow: auto; overflow-x: hidden; }
#screen-alliance[data-alliance-view="home"] #alliance-body > .alliance-map-hub { position: relative; isolation: isolate; width: 100%; max-width: none; margin: 0; flex: 1 0 620px; min-height: 620px; background: #0c131c; }
#screen-alliance .alliance-map-hub > .panorama-shell { display: flex; height: 100%; border: 0; border-radius: 0; background: transparent; }
#screen-alliance .alliance-map-hub .panorama-viewport { display: grid; align-items: center; justify-items: center; flex: 1; min-height: 0; overflow: clip; }
#screen-alliance .alliance-map-hub .alliance-scene { position: relative; aspect-ratio: 1672 / 941; width: 100%; max-width: calc(var(--alliance-map-height,620px) * 1672 / 941); overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
#screen-alliance .alliance-map-hub .alliance-scene::after { display: none; }
#screen-alliance .alliance-map-hub .alliance-scene-art { inset: auto; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto; max-width: none; object-fit: contain; }
#screen-alliance .alliance-map-identity { position: absolute; z-index: 3; isolation: isolate; top: 24px; left: 28px; text-align: center; pointer-events: none; color: #f0d9a6; text-shadow: 0 2px 3px #02060be6,0 5px 18px #020814; }
#screen-alliance .alliance-map-identity::before { content: ''; position: absolute; z-index: -1; inset: -24px -38px -30px; border-radius: 50%; background: radial-gradient(ellipse,#07111bf2,#09131ddd 42%,transparent 79%); filter: blur(8px); }
#screen-alliance .alliance-map-identity > .vf-icon { display: block; width: 52px; height: 58px; margin: 0 auto 12px; }
#screen-alliance .alliance-map-identity h3 { font: 600 32px/1.1 Georgia,serif; text-transform: uppercase; letter-spacing: .03em; }
#screen-alliance .alliance-map-identity p { margin-top: 10px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #f0e5d2; }
#screen-alliance .alliance-map-hub .alliance-landmark { left: var(--land-x); top: var(--land-y); width: max-content; height: auto; min-height: 54px; transform: translate(-50%,-50%); display: flex; align-items: center; padding: 0; border: 0; border-radius: 4px; background: none; box-shadow: none; text-align: left; color: #f7edd8; touch-action: manipulation; filter: drop-shadow(0 5px 9px #02060d6b); }
#screen-alliance .alliance-map-hub .alliance-landmark-label { position: relative; display: flex; align-items: center; gap: 0; width: max-content; max-width: none; min-height: 54px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none; text-align: left; }
#screen-alliance .alliance-map-hub .alliance-medallion { position: relative; flex: none; z-index: 1; display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid #c5a163; border-radius: 50%; background: radial-gradient(ellipse at 50% 15%,#35404eea,#090f17 80%); box-shadow: inset 0 0 0 3px #0b111bb0,0 0 0 3px #080e1740; transition: background .2s,box-shadow .2s; }
#screen-alliance .alliance-medallion::after { content: ''; position: absolute; width: 6px; height: 6px; bottom: -4px; left: calc(50% - 3px); transform: rotate(45deg); border-right: 1px solid #c5a163; border-bottom: 1px solid #c5a163; background: #0c141f; }
#screen-alliance .alliance-medallion > :is(.vf-icon,.vf-heraldry-crest) { width: 28px; height: 30px; filter: drop-shadow(0 1px 2px #000); }
#screen-alliance .alliance-map-hub .alliance-landmark-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 142px; padding: 7px 14px 8px 29px; margin-left: -19px; background: linear-gradient(90deg,#0b121df2 15%,#0b121ddb 75%,#0b121d21); border-block: 1px solid transparent; border-image: linear-gradient(90deg,transparent,#cba4649c,transparent) 1; }
#screen-alliance .alliance-map-hub .alliance-landmark-copy b { font: normal 16px/1.3 Georgia,serif; text-transform: uppercase; white-space: nowrap; color: #f7edd8; }
#screen-alliance .alliance-map-hub .alliance-landmark-copy small { display: block; margin-top: 0; font: 11px/1.35 system-ui,sans-serif; color: #d4d4d1; white-space: nowrap; }
#screen-alliance .alliance-map-hub .alliance-landmark:is(:hover,:focus-visible) .alliance-medallion { box-shadow: 0 0 21px #d8af5b62,inset 0 0 0 3px #0b111ba3; background: #29313d; }
#screen-alliance .alliance-map-hub .alliance-landmark:focus-visible { outline: 2px solid #f7e5bb; outline-offset: 5px; }
#screen-alliance .alliance-map-hub .alliance-alert-slot { position: absolute; inset: -6px -7px auto auto; }
#screen-alliance .alliance-map-hub .alliance-landmark-alert { position: relative; inset: auto; transform: none; width: 22px; height: 22px; }
#screen-alliance .alliance-map-hub .alliance-landmark-alert .vf-icon { width: 15px; height: 15px; }
#screen-alliance .alliance-map-hub .alliance-map-guards { left: 58%; top: 81.8%; width: 8%; gap: 4px; }
#screen-alliance .alliance-map-hub .alliance-map-guard { border-color: #c5a163; background: #0b1421; }
/* Le mât rejoint le piédestal peint ; l’étoffe et le blason restent ceux de l’alliance. */
#screen-alliance .alliance-standard-mast { position: absolute; z-index: 1; left: 84.07%; top: 57.5%; width: 6.5%; height: 18.33%; pointer-events: none; filter: drop-shadow(1px 2px 1px #07101790); }
#screen-alliance .alliance-standard-mast::before { content: ''; position: absolute; left: calc(50% - 1.5px); top: 0; width: 3px; height: 100%; background: linear-gradient(90deg,#574023,#f6d99a 45%,#96703c); }
#screen-alliance .alliance-standard-mast::after { content: ''; position: absolute; top: 5.7%; left: 0; width: 100%; height: 3px; border-radius: 50%; background: linear-gradient(#f6d99a,#715029); }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-heraldry-standard-map { left: 84.07%; top: 58.5%; width: 6.5%; height: 14%; }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-heraldry-standard-map .vf-heraldry-cloth { transform: none; }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-standard-prestige.vf-heraldry-standard-map { left: 83.77%; top: 57.3%; width: 7.1%; height: 16.8%; }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-standard-prestige.vf-heraldry-standard-map:is([data-standard="brocart"],[data-standard="argent"],[data-standard="astral"]) { top: 57.5%; }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-standard-prestige.vf-heraldry-standard-map[data-standard="gardien"] { top: 57.1%; }
#screen-alliance .alliance-scene[data-life-layout="citadelle-v3"] .vf-standard-prestige.vf-heraldry-standard-map:is([data-standard="couronne"],[data-standard="souverain"]) { top: 56.3%; }
#screen-alliance[data-alliance-view="home"] #alliance-body > .alliance-home-details { flex: none; max-width: none; width: 100%; margin: 0; padding: 0 max(20px,env(safe-area-inset-left)) 12px; border-top: 1px solid #a58a563b; background: #0b121b; }
#screen-alliance .alliance-home-details > summary { width: fit-content; min-height: 44px; margin: auto; padding: 12px 16px; color: #d8c49a; font-size: 13px; cursor: pointer; }
#screen-alliance .alliance-home-details > :not(summary) { max-width: 960px; margin-inline: auto; }
#screen-alliance .alliance-home-details .alliance-head { margin-top: 10px; }
#screen-alliance .alliance-home-details .alliance-day-guards { margin-top: 12px; border-color: #a58a5652; border-radius: 4px; background: #101c28; }
#screen-alliance .alliance-home-details .hub-leave { display: block; margin: 18px auto 0; }
#screen-alliance .alliance-home-details > summary:focus-visible { outline: 2px solid #f7e5bb; outline-offset: -3px; }

#screen-alliance > .shared-bottom-bar { position: relative; inset: auto; flex: 0 0 auto; margin-top: 0; min-height: 120px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; padding: 10px max(20px,env(safe-area-inset-left)) env(safe-area-inset-bottom); border-top: 1px solid #c3a6735f; background: #0b121be8; box-shadow: none; }
#screen-alliance > .shared-bottom-bar::before { content: ''; position: absolute; width: 5px; height: 5px; top: -3px; left: calc(50% - 2px); transform: rotate(45deg); background: #ceb180; }
#screen-alliance > .shared-bottom-bar .bottom-menu-item { position: relative; height: 110px; gap: 7px; padding: 10px 5px; border: 1px solid #c3a6734d; border-radius: 0; background: linear-gradient(180deg,#13202ed9,#090f19eb); box-shadow: none; clip-path: polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px); }
#screen-alliance > .shared-bottom-bar .bottom-menu-item:is(:hover,:focus-visible) { background: linear-gradient(180deg,#303b43ed,#111a28eb); }
#screen-alliance > .shared-bottom-bar .bottom-menu-item:focus-visible { outline: 2px solid #f7e5bb; outline-offset: -5px; }
#screen-alliance > .shared-bottom-bar .bottom-menu-item small { font: normal 1.05rem Georgia,'Times New Roman',serif; text-transform: uppercase; color: #eedbb6; }
#screen-alliance > .shared-bottom-bar .bottom-menu-item .vf-icon { width: 34px; height: 34px; }
#screen-alliance > .shared-bottom-bar .bottom-menu-item[aria-current="page"] { border-color: #c5a163; }
#screen-alliance > .shared-bottom-bar .bottom-menu-item[aria-current="page"]::after { content: ''; position: absolute; bottom: 0; left: 20%; right: 20%; height: 2px; background: linear-gradient(90deg,transparent,#e1c18b,transparent); }
#screen-alliance > .shared-bottom-bar .bottom-menu-item[aria-current="page"] small { color: #f6d69c; }
@media (max-width:1100px), (max-height:700px) {
  #screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge) { grid-template-columns: 40px minmax(150px,1fr) minmax(0,260px) auto; }
  #screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge { min-width: 0; }
  #screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge b { white-space: normal; }
  #screen-alliance > .shared-bottom-bar { min-height: 72px; gap: 0; padding: 0 8px max(2px,env(safe-area-inset-bottom)); background: #0b1421f2; border-top: 1px solid #b99a615e; box-shadow: 0 -8px 24px #050b136b; }
  #screen-alliance > .shared-bottom-bar::before { display: none; }
  #screen-alliance > .shared-bottom-bar .bottom-menu-item { height: 70px; padding: 8px 2px; clip-path: none; border: 0; background: none; gap: 6px; }
  #screen-alliance > .shared-bottom-bar .bottom-menu-item small { font: normal .875rem system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; text-transform: none; color: #dbd0bc; }
  #screen-alliance > .shared-bottom-bar .bottom-menu-item .vf-icon { width: 25px; height: 25px; }
  #screen-alliance[data-alliance-view="home"] #alliance-body > .alliance-map-hub { flex: 0 0 620px; height: 620px; }
  #screen-alliance .alliance-map-hub .panorama-viewport { display: block; overflow: auto; }
  #screen-alliance .alliance-map-hub .alliance-scene { width: max(100%,1100px); max-width: none; overflow: hidden; }
  #screen-alliance .alliance-map-identity { top: 17px; left: 17px; text-align: left; }
  #screen-alliance .alliance-map-identity > .vf-icon { display: none; }
  #screen-alliance .alliance-map-identity h3 { font-size: 24px; }
  #screen-alliance .alliance-map-identity p { max-width: 165px; margin-top: 6px; font-size: 10px; line-height: 1.5; }
}
@media (max-width:640px) {
  #screen-alliance[data-alliance-view="home"] > .page-header { grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; min-height: 72px; padding: 10px 12px; }
  #screen-alliance[data-alliance-view="home"] > .page-header .btn-back { width: 34px; height: 34px; }
  #screen-alliance[data-alliance-view="home"] > .page-header h2 { font-size: 20px; letter-spacing: .06em; }
  #screen-alliance[data-alliance-view="home"] > .page-header .gold-pill { max-width: 85px; padding: 7px; font-size: 12px; }
  #screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge) { grid-template-columns: 34px minmax(76px,1fr) minmax(0,1fr) auto; gap: 6px; }
  #screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge { padding: 6px; font-size: 10px; }
  #screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge b { white-space: normal; }
  #screen-alliance[data-alliance-view="home"] > .page-header > .favor-badge :is(i,small) { display: none; }
}
@media (max-width:380px) {
  #screen-alliance[data-alliance-view="home"] > .page-header h2 { font-size: 17px; letter-spacing: .03em; }
  #screen-alliance[data-alliance-view="home"] > .page-header:has(> .favor-badge) { grid-template-columns: 34px minmax(93px,1fr) minmax(0,1fr) auto; gap: 5px; padding-inline: 8px; }
  #screen-alliance[data-alliance-view="home"] > .page-header .gold-pill { max-width: 70px; }
}
@media (prefers-reduced-motion:reduce) { #screen-alliance .alliance-map-hub .alliance-medallion { transition: none; } }