/* app/batiments.css : le menu « Construire » qui s'ouvre sur le halo d'un nid détruit
   (app/batiments.js). Au-dessus de la manette, sous le bandeau ; le temps passe au ralenti tant
   qu'il est ouvert. Six cartes en ligne (téléphone couché) ou trois par ligne (debout). */
.chantier{position:fixed;left:50%;top:calc(var(--bandeau,58px) + 12px);transform:translateX(-50%);z-index:9160;
 width:min(640px,calc(100vw - 24px));box-sizing:border-box;padding:9px 10px 10px;border-radius:14px;
 background:rgba(6,12,24,.86);border:1.5px solid rgba(0,224,255,.55);box-shadow:0 0 24px rgba(0,224,255,.3),inset 0 0 16px rgba(0,224,255,.08);
 font:600 12px system-ui,sans-serif;color:#cfe9f2;touch-action:none;user-select:none;-webkit-user-select:none;animation:chantier-in .14s ease-out;}
.chantier[hidden]{display:none;}
@keyframes chantier-in{from{opacity:0;transform:translateX(-50%) scale(.94);}}
.chantier-titre{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 7px;
 font:900 12px system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7ff3ff;}
.chantier-titre small{font:600 11px system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#8f97ad;}
.chantier-liste{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.chantier-carte{position:relative;min-width:0;padding:7px 4px 6px;border-radius:10px;cursor:pointer;text-align:center;font:inherit;color:var(--c);
 background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--c);}
.chantier-carte:active:not(:disabled){transform:scale(.96);background:rgba(0,224,255,.15);}
.chantier-carte:disabled{opacity:.4;cursor:default;}
.bat-ico{width:30px;height:30px;display:block;margin:0 auto 3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 0 4px currentColor);}
.bat-ico .plein{fill:currentColor;stroke:currentColor;stroke-width:.8;}
.chantier-carte b{display:block;font:800 11.5px/1.15 system-ui,sans-serif;color:#fff;}
.chantier-carte b em{display:block;margin-top:1px;font:800 9.5px system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--c);}
.chantier-carte.max b em{color:#ffe27a;}
.chantier-carte i{display:block;margin-top:3px;font:600 10px/1.25 system-ui,sans-serif;font-style:normal;color:#a9b3c8;}
.chantier-carte kbd{position:absolute;top:4px;right:5px;font:700 9px system-ui,sans-serif;color:#5f6a85;}
.chantier-plus-tard{--c:#5f6a85;display:block;width:100%;margin-top:6px;padding:8px 4px;color:#cfe9f2;font:700 12px system-ui,sans-serif;border-top-width:1px;}
.chantier.bas{top:auto;bottom:10px;}
@media (hover:none){.chantier-carte kbd{display:none;}}
@media (orientation:portrait){
 .chantier{top:calc(var(--bandeau,58px) + 64px);}
 .chantier.bas{top:auto;bottom:18px;}
 .chantier-liste{grid-template-columns:repeat(3,1fr);}
 .chantier-carte i{font-size:9.5px;}
}
@media (orientation:landscape) and (max-height:430px){
 .chantier{padding:7px 8px 8px;width:min(700px,calc(100vw - 24px));}
 .chantier-titre{margin-bottom:5px;}
 .bat-ico{width:26px;height:26px;}
}