html{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:max(16px,1em)}:root{--ink:#11162a;--ink-2:#1b2247;--paper:#f4f2ea;--link:#5d95ff;--gold:#f2b632;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--text:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ink);min-height:100dvh;color:var(--paper);font-family:var(--text);-webkit-tap-highlight-color:transparent;margin:0}.home{max-width:480px;height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(10px, env(safe-area-inset-bottom));text-align:center;isolation:isolate;color:#fff;background:radial-gradient(circle at 1px 1px,#ffffff24 1.2px,#0000 1.6px) 0 0/10px 10px,#5b4bdb;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}body:has(.home){background:#5b4bdb}.home-logo{filter:drop-shadow(0 6px #241f3a73);width:min(54vw,230px);height:auto;margin:-1vh 0 -2vh;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop-in}.home-stage{flex:1;width:100%;min-height:220px;max-height:420px;margin-top:1vh;position:relative}.hs-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffffff21 0 10deg, transparent 10deg 20deg);border-radius:50%;width:150%;animation:.8s .2s both hs-fade;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 30%,#0000);mask:radial-gradient(closest-side,#000 30%,#0000)}.hs-spot{clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:linear-gradient(#fff3b08c,#fff3b000 92%);width:46%;height:100%;animation:.6s .5s both hs-fade;position:absolute;top:-6%}.hs-spot-l{transform-origin:50% 0;left:6%;transform:rotate(-16deg)}.hs-spot-r{transform-origin:50% 0;right:6%;transform:rotate(16deg)}.hs-star{aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd23f;width:26px;animation:.4s cubic-bezier(.2,1.6,.4,1) both pop-in;position:absolute}.hs-s1{animation-delay:.8s;top:22%;left:12%}.hs-s2{background:#ff5fb0;width:34px;animation-delay:.95s;top:34%;right:10%}.hs-s3{background:#3ddc84;width:18px;animation-delay:1.1s;top:60%;left:20%}.hs-podium{background:#ff5fb0;border:4px solid #241f3a;border-radius:50%;width:72%;height:16%;animation:.5s cubic-bezier(.2,1.4,.4,1) .15s both pop-in;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:inset 0 -10px #d63d8e,0 6px #241f3a}.hs-hero{width:min(76%,300px);margin-left:max(-38%,-150px);animation:.7s cubic-bezier(.2,1.3,.4,1) .35s both hs-drop;position:absolute;bottom:15%;left:50%}.home-stage svg{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 3px #fff);width:100%;height:auto;display:block;overflow:visible}.hs-name{font:1.35rem var(--display);letter-spacing:1px;white-space:nowrap;color:#241f3a;background:#fff;border:3px solid #241f3a;border-radius:12px;padding:4px 16px 6px;animation:.4s .9s both hs-fade;position:absolute;bottom:2%;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 4px #241f3a}@keyframes hs-fade{0%{opacity:0}}@keyframes hs-drop{0%{opacity:0;transform:translateY(-40%)scale(.85)}}.play{width:min(100%,320px);font:2.1rem var(--display);letter-spacing:1px;color:#241f3a;cursor:pointer;background:#ffd23f;border:4px solid #241f3a;border-radius:20px;margin-top:2vh;padding:14px 0 16px;transition:transform 60ms;animation:.5s cubic-bezier(.2,1.4,.4,1) .5s both pop-in;position:relative;transform:rotate(-2deg);box-shadow:0 7px #241f3a}.play:active{transform:rotate(-2deg)translateY(5px);box-shadow:0 2px #241f3a}.play.soon:after{content:"Le jeu arrive très bientôt !";font:.85rem var(--text);white-space:nowrap;color:var(--paper);background:var(--ink-2);border-radius:10px;padding:6px 12px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.home-foot{width:100%;margin:2.2vh 0 1vh}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.home-logo,.home-stage,.hs-rays,.hs-spot,.hs-star,.hs-podium,.hs-hero,.hs-name,.play{animation:none}}.account{flex-direction:column;align-items:center;gap:6px;display:flex}.save-chip{max-width:100%;font:700 .85rem var(--text);color:#241f3a;cursor:pointer;background:#fff;border:3px solid #241f3a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;box-shadow:0 3px #241f3a}.save-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-dot{background:#7d84aa;border-radius:50%;flex:none;width:8px;height:8px}.account[data-state=linked] .save-dot{background:#45d38f}.legal{gap:14px;font-size:.75rem;display:flex}.legal a{color:#ffffffd9}.sheet-back{z-index:10;background:#05060f8c;position:fixed;inset:0}.sheet{z-index:11;width:min(100%,480px);padding:20px 16px max(20px, env(safe-area-inset-bottom));text-align:left;background:var(--ink-2);border-radius:22px 22px 0 0;animation:.25s ease-out both sheet-up;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #0006}.sheet h2{font:1.4rem var(--display);color:var(--gold);margin:0 0 6px}.sheet-status{color:#f4f2eacc;margin:0 0 14px;font-size:.9rem}.sheet-actions{flex-direction:column;gap:10px;display:flex}.sheet-actions form{gap:8px;display:flex}.sheet-actions input{min-width:0;font:inherit;color:var(--ink);background:var(--paper);border:0;border-radius:12px;flex:1;padding:13px 14px;font-size:max(16px,1em)}.btn3d{font:1.05rem var(--display);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;transition:transform 60ms;box-shadow:0 4px #00000059}.btn3d:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn-google{color:#1f1f1f;background:#fff}.btn-blue{background:var(--link)}.btn-ghost{outline:2px solid var(--link);background:0 0}.btn-text{font:inherit;color:#ff8a8a;cursor:pointer;background:0 0;border:0;padding:8px;font-size:.85rem}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.account[data-state=out] .save-dot{background:var(--gold)}.sheet-or{color:#f4f2ea8c;align-items:center;gap:10px;font-size:.8rem;display:flex}.sheet-or:before,.sheet-or:after{content:"";background:#f4f2ea2e;flex:1;height:1px}.sheet-actions .sheet-form{flex-direction:column;gap:8px;display:flex}.sheet-row{gap:8px;display:flex}.sheet-row .btn3d{flex:1;padding:12px 8px}.install-chip{top:calc(12px + env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:2;font:700 .85rem var(--text);color:#241f3a;cursor:pointer;background:#ffd23f;border:3px solid #241f3a;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;transition:transform 60ms;display:inline-flex;position:absolute;box-shadow:0 3px #241f3a}.install-chip:active{transform:scale(.96)}.install-chip svg{width:18px;height:18px}.install-help{width:min(100% - 32px,360px);color:var(--ink);background:var(--paper);border:3px solid #0a0d1c;border-radius:20px;padding:20px 20px 18px;box-shadow:0 10px #0000004d}.install-help::backdrop{background:#05060fa6}.install-help h2{font:1.5rem var(--display);text-align:center;margin:0 0 6px}.install-help p{text-align:center;color:#4a4f6a;margin:0 0 10px;font-size:.9rem}.install-help ol{margin:0 0 16px;padding-left:22px;font-size:.95rem;line-height:1.45}.install-help li+li{margin-top:6px}.install-share{vertical-align:-3px;color:#2f6bea;width:18px;height:18px}.install-ok{width:100%;font:1.2rem var(--display);color:#3a2400;background:linear-gradient(#ffd666, var(--gold));cursor:pointer;border:0;border-radius:14px;padding:12px 0 14px;display:block;box-shadow:0 5px #b27a0c}.install-ok:active{transform:translateY(3px);box-shadow:0 2px #b27a0c}.update-bar{top:calc(10px + env(safe-area-inset-top,0px));z-index:1000;width:max-content;max-width:calc(100% - 24px);font:600 .9rem var(--text);color:var(--ink);background:var(--paper);border:3px solid #0a0d1c;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;animation:.35s cubic-bezier(.2,1.4,.4,1) both update-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px #0000004d}.update-bar button{font:1rem var(--display);color:#3a2400;background:linear-gradient(#ffd666, var(--gold));cursor:pointer;border:0;border-radius:999px;flex:none;padding:7px 12px 8px;box-shadow:0 3px #b27a0c}.update-bar button:active{transform:translateY(2px);box-shadow:0 1px #b27a0c}.update-bar b{font:500 .8rem var(--mono,monospace)}@keyframes update-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}}@media (prefers-reduced-motion:reduce){.update-bar{animation:none}}