/* Écran de lancement à contours en marches de pixels, sans flash ni flou. */
.motismart-app-switch{position:fixed;z-index:8;inset:0;display:grid;place-items:center;pointer-events:none;background:#102e35f5;background-image:linear-gradient(#35605733 2px,transparent 2px),linear-gradient(90deg,#35605733 2px,transparent 2px);background-size:24px 24px;color:#efffe9;font-family:RotomPixel,monospace;contain:layout paint}
.motismart-app-switch::before,.motismart-app-switch::after{content:"";position:absolute;inset:18px;border:4px solid #ff9a38;box-shadow:0 -4px #183341,0 4px #183341,-4px 0 #183341,4px 0 #183341;pointer-events:none}
.motismart-app-switch::after{inset:28px;border:2px solid #477d72;box-shadow:none}
.motismart-launch-card{display:flex;align-items:center;flex-direction:column;gap:22px;padding:40px 24px;text-align:center;width:min(440px,calc(100vw - 80px))}
.motismart-launch-card small{font-size:11px;letter-spacing:5px;color:#9adfcd;opacity:1}
.motismart-launch-tile{width:112px;height:128px;display:grid;place-items:center;background:#d8eac6;border:4px solid #ffac49;box-shadow:0 -4px #ffac49,0 4px #bb641f,-4px 0 #ffac49,4px 0 #bb641f,8px 8px #09272c}
.motismart-launch-tile img{width:76px;height:104px;object-fit:contain;image-rendering:pixelated}
.motismart-launch-card strong{font-size:22px;line-height:1.5;font-weight:400;color:#f7ffe6}
.motismart-launch-hint{font-size:9px;line-height:1.8;letter-spacing:1px;color:#afd2bd}
.motismart-launch-rail{width:192px;height:14px;padding:2px;border:2px solid #629486;background:#08272c}
.motismart-launch-rail i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#ffb254 0 18px,transparent 18px 22px);transform-origin:left}
/* Yeux de la coque orange fournie par Sylvain, réutilisés dans chaque en-tête. */
.topbar .brand{display:flex;align-items:center;justify-content:center;gap:20px}
.motismart-header-eye{display:block;width:32px;height:44px;flex:none}
.motismart-header-eye-right{transform:scaleX(-1)}
.motismart-header-eye i{display:block;width:100%;height:100%;background:url('login-eye.svg') center/100% 100% no-repeat;image-rendering:pixelated;animation:motismart-header-blink 10s steps(2,end) infinite;transform-origin:center}
#shell[data-view=battle] .motismart-header-eye{visibility:hidden}
@keyframes motismart-header-blink{0%,96%,100%{transform:scaleY(1)}97%,98%{transform:scaleY(.06)}}
@media(max-width:680px){.topbar .brand{gap:12px;font-size:12px;letter-spacing:.06em}.motismart-header-eye{width:24px;height:33px}.motismart-launch-card strong{font-size:18px}.motismart-launch-hint{font-size:8px}}
@media(max-width:360px){.topbar .brand{gap:6px;font-size:10px}.motismart-header-eye{width:20px;height:28px}}
:root[data-reduce-flashes=on] .motismart-app-switch{display:none!important}
@media(prefers-reduced-motion:reduce){.motismart-app-switch{display:none!important}.motismart-header-eye i{animation:none!important}}