:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--dur-press:160ms;--dur-hover:150ms;--dur-enter:220ms}
/* Vitrine de l'écran d'arrivée (26/9/2026) : mêmes couleurs que la maquette (pêche #ffad77, bleus #b8d0e0 / #a9d9ed). */
.ef-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.ef-ghost{display:flex;align-items:center;gap:18px;border:1px solid #ffc09a80;color:#ffd9bf;border-radius:3px;padding:17px 23px;font-size:14px;font-weight:700;text-decoration:none;background:rgba(7,20,33,.35);backdrop-filter:blur(6px);transition:background .16s,transform .16s}

.ef-shelf{margin-top:26px}
.ef-shelf-title{font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:#ffac76!important;margin:0 0 10px!important;line-height:1.4!important}
.ef-shelf-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ef-tool,.ef-more{flex:0 0 auto;width:102px;text-decoration:none;color:#dbeaf3;font-size:12px;font-weight:600;border:1px solid #a9d9ed33;border-radius:6px;background:rgba(7,20,33,.55);backdrop-filter:blur(6px);overflow:hidden;transition:border-color .16s,transform .16s}
.ef-tool img{display:block;width:102px;height:57px;object-fit:cover;object-position:top;border-bottom:1px solid #a9d9ed26}
.ef-tool span{display:block;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ef-more{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:87px;color:#ffd9bf}
.ef-more b{font-size:16px;color:#ffad77}
@media(max-height:860px) and (min-width:761px){.earth-intro{top:19%}.ef-shelf{margin-top:14px}.ef-shelf-row{flex-wrap:wrap;overflow:visible}.ef-tool img{display:none}.ef-tool,.ef-more{width:auto}.ef-tool span{padding:7px 12px}.ef-more{min-height:0;flex-direction:row;gap:6px;padding:7px 12px}.ef-more b{font-size:12px}}
@media(max-width:760px){.ef-br{display:none}.ef-actions{flex-direction:column}.ef-ghost,.ef-actions .primary-action{justify-content:space-between;padding:13px 16px;font-size:12px;min-height:48px}.ef-shelf{margin-top:14px}.ef-tool img{display:none}.ef-tool,.ef-more{width:auto}.ef-tool span{padding:8px 12px}.ef-more{min-height:0;flex-direction:row;gap:6px;padding:8px 12px}.ef-more b{font-size:12px}}
@media(max-height:720px) and (max-width:760px){.ef-shelf{display:none}}
@media (hover:hover) and (pointer:fine){.ef-ghost:hover{background:rgba(255,173,119,.14);transform:translateX(3px)}.ef-tool:hover,.ef-more:hover{border-color:#ffad77;transform:translateY(-2px)}}
.ef-ghost:active,.ef-tool:active,.ef-more:active{transform:scale(.97);transition:transform var(--dur-press) var(--ease-out)}