/* Coque orange inspirée de Miniature_Coque_orange_EV.png, fournie par Sylvain.
   Dessins SVG locaux en aplats et marches de pixels. Le fichier source est intact.
   blink reste celui de style.css : mêmes images clés et même cycle de 5 secondes. */
@font-face{font-family:RotomPixel;src:url('dex-pixel-font.ttf') format('truetype');font-display:swap}
#launcher{border:0;overflow:auto;justify-content:flex-start;padding:12px 24px 12px;background-color:#172d32;background-image:radial-gradient(#325052 1px,transparent 1px);background-size:16px 16px;color:#233e3f;isolation:isolate}
#launcher::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#ff921f 0 8px,transparent 8px calc(100% - 8px),#ff921f calc(100% - 8px))}
.rotom-device{position:relative;width:min(454px,100%);flex-shrink:0;margin:auto;padding:80px 40px 80px;isolation:isolate}
.rotom-device::before{content:"";position:absolute;inset:0;z-index:-1;background:url('login-coque.svg') center/100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}
.rotom-topline{height:20px;display:flex;justify-content:space-between;align-items:center;font:10px RotomPixel,monospace;letter-spacing:2px;margin:0 9px;color:#783b16}
.rotom-camera{display:block;width:48px;height:30px;background:url('login-camera.svg') center/100% 100% no-repeat;image-rendering:pixelated;transform:translateY(5px)}
.rotom-face{height:110px;position:relative;width:220px;max-width:100%;margin:-5px auto 10px;background:url('login-face.svg') center/100% 100% no-repeat;image-rendering:pixelated}
#launcher .eyes{position:absolute;top:4px;left:0;right:0;display:flex;justify-content:space-between;gap:0;margin:0;padding:0 9px}
.rotom-eye{display:block;width:54px;height:76px}
.rotom-eye-right{transform:scaleX(-1)}
#launcher .eyes i{display:block;width:100%;height:100%;border:0;border-radius:0;background:url('login-eye.svg') center/100% 100% no-repeat;box-shadow:none;image-rendering:pixelated}
.rotom-screen{padding:12px 19px 12px;background:#e9f5d9;border:3px solid #274744;box-shadow:inset 3px 3px #a9ccb5,inset -3px -3px #faffdf,3px 3px #da7318}
.rotom-kicker{text-align:center;font:10px RotomPixel,monospace;letter-spacing:1.4px;color:#4b7264;margin:0 0 7px}
#launcher h1{text-align:center;font:22px/1.15 RotomPixel,monospace;letter-spacing:.6px;color:#274c45;margin:0 0 8px}
#launcher h1 span{color:#b35316}
#launcher #loading{text-align:center}
#launcher form{width:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:left}
#launcher form label{font:12px/1.4 RotomPixel,monospace;margin:6px 0 3px;display:flex;justify-content:space-between;align-items:center;gap:8px}
#launcher form label small{font:11px/1.4 monospace;color:#547061;opacity:1;white-space:nowrap}
#launcher form input{margin:0;width:100%;height:36px;border:2px solid #8ba991!important;border-radius:0;padding:7px 10px;background:#fbffed!important;color:#233b3f!important;font:15px/1.3 Consolas,monospace;box-shadow:inset 2px 2px #d8e8ca}
#launcher form input::placeholder{color:#62796c;opacity:1}
#launcher #access-id{letter-spacing:5px;font-size:19px}
#launcher .account-login-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#launcher form button{width:100%;border-radius:0;border:2px solid #274f46;box-shadow:2px 3px #a1b89b;font:12px/1.3 RotomPixel,monospace;min-height:34px;padding:8px}
#launcher .rotom-connect{background:#326c5b;color:#faffdf;display:flex;justify-content:center;gap:12px;align-items:center}
#launcher .rotom-connect:hover:not(:disabled){background:#234f44}
#launcher #register-account{background:#dcebc6;color:#2e5546;font-size:11px;padding:8px;border-color:#90a982}
#launcher #register-account:hover:not(:disabled){background:#c9ddb1}
#launcher :is(input,button):focus-visible{outline:3px solid #a94b17;outline-offset:3px}
#launcher #access-help{font:10px/1.4 Consolas,monospace;color:#537160;text-align:center;margin:10px 0 0}
#launcher #login-error{font:13px/1.4 Consolas,monospace;color:#913b25;margin:12px 0 0;padding:8px;border:2px solid #b86c35;background:#fff0d2;overflow-wrap:anywhere}
#launcher #login-error:empty{display:none}
.rotom-bottom{height:10px;display:flex;justify-content:center;align-items:flex-end}
.rotom-bottom span{display:block;width:24px;height:4px;background:#e37317;box-shadow:0 2px #ffbc54}
#opening-wait{text-align:center;font:13px/1.6 Consolas,monospace;padding-top:8px}
#opening-wait .opening-badge{display:inline-block;margin:0 0 16px;padding:4px 8px;background:#315e50;color:#f4ffdd;font:10px/1.5 RotomPixel,monospace;box-shadow:3px 3px #a9ccb5}
#opening-wait h2{font:17px/1.5 RotomPixel,monospace;color:#b35316;margin-bottom:12px}
#opening-wait h2:focus{outline:none}
#opening-wait p{margin:0 0 14px}
#opening-wait .opening-countdown{font:22px/1.8 RotomPixel,monospace;white-space:nowrap;color:#d7ffb7;background:#203f3d;border:3px solid #608b74;box-shadow:inset 3px 3px #102c2e;margin:20px 0;letter-spacing:1px;padding:10px 4px}
#opening-wait #opening-status{font:12px/1.6 Consolas,monospace;min-height:58px}
#opening-logout{width:100%;border-radius:0;border:2px solid #315e50;background:#dcebc6;color:#284e42;font:11px/1.5 RotomPixel,monospace;padding:10px 4px}
#opening-logout:hover:not(:disabled){background:#c9ddb1}
@media(max-width:520px){#launcher{padding:12px 12px 20px}.rotom-device{padding:80px 30px 80px}.rotom-screen{padding:14px 14px 12px}.rotom-face{width:220px;height:128px;margin-bottom:9px}.rotom-eye{width:56px;height:79px}.rotom-camera{width:48px;height:30px}#launcher h1{font-size:22px;letter-spacing:.3px}}
@media(max-width:360px){#launcher{padding:10px 10px 16px}.rotom-device{padding:82px 26px 80px}.rotom-screen{padding:14px 10px 12px}.rotom-topline{font-size:9px;letter-spacing:1px}.rotom-face{width:200px;height:119px}.rotom-eye{width:52px;height:74px}#launcher h1{font-size:19px}.rotom-kicker{font-size:9px;letter-spacing:.6px}}