/* Styles des écrans de la maquette (généré par build-ecrans.mjs) */
a:hover{color:inherit}
button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pg-press{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.pg-press:active{transform:scale(.96)}
@keyframes pgRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pgSweep{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pgPlateL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes pgPlateR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes pgBumpA{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pgBumpB{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pgStamp{0%{opacity:0;transform:rotate(-7deg) scale(1.8)}55%{opacity:1;transform:rotate(-7deg) scale(.94)}78%{transform:rotate(-7deg) scale(1.03)}100%{opacity:1;transform:rotate(-7deg) scale(1)}}
@keyframes pgFade{from{opacity:0}to{opacity:1}}
@keyframes pgStage{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes pgSheet{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.cg-mini{position:relative;display:block;flex-shrink:0;overflow:hidden;box-sizing:border-box}
.cg-mini::before{content:"";position:absolute;left:50%;top:7%;width:34%;height:5%;min-height:2px;transform:translateX(-50%);border-radius:99px;background:rgba(0,0,0,.34)}
.cg-fx{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.8) 42%,transparent 58%);background-size:300% 300%;mix-blend-mode:soft-light;animation:cgSheen 4.5s ease-in-out infinite alternate}
.cg-fx.cg-holo{background:linear-gradient(115deg,transparent 16%,rgba(255,110,200,.75) 30%,rgba(110,245,255,.7) 43%,rgba(255,245,150,.65) 56%,rgba(170,140,255,.65) 67%,transparent 82%);background-size:260% 260%;mix-blend-mode:color-dodge}
@keyframes cgSheen{from{background-position:0% 0%}to{background-position:100% 100%}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.pg-muscle{cursor:pointer;transition:fill .35s ease}
.pg-scroll{scrollbar-width:none}
.pg-scroll::-webkit-scrollbar{display:none}
@keyframes acPulse{0%{opacity:.9;transform:scale(.55)}100%{opacity:0;transform:scale(1.9)}}
.ac-pulse{transform-box:fill-box;transform-origin:center;animation:acPulse 2.4s ease-out 1.3s infinite}
@keyframes pgFigure{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pgSheetIn{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes pgSheetOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(40px)}}
@keyframes pgZoom{from{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}
@keyframes pgDrawA{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pgDrawB{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pgAreaA{from{opacity:0}to{opacity:1}}
@keyframes pgAreaB{from{opacity:0}to{opacity:1}}
@keyframes chPulse{0%{stroke-width:3;opacity:1}100%{stroke-width:10;opacity:0}}
.ch-pulse{animation:chPulse 1.1s ease-out infinite}
@keyframes pgPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.35}}
@keyframes pgDone{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04);opacity:1}100%{transform:scale(1)}}
.fl-h{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fl-t{top:0;transform-origin:50% 100%}
.fl-b{top:50%;transform-origin:50% 0}
.fl-g{position:absolute;left:0;right:0;text-align:center;font-family:var(--f-display);font-style: var(--display-style);font-weight:900;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;padding-right:4px}
.fl-sh{position:absolute;inset:0;background:#000;pointer-events:none}
@keyframes pgFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pgGlow{0%,100%{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes cgFloat{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-5px) rotate(0.8deg)}}
