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;background:radial-gradient(120% 60% at 50% 30%, #5d95ff38, transparent 60%), radial-gradient(80% 40% at 50% 62%, #f2b63229, transparent 70%), linear-gradient(#141a36, var(--ink) 70%);flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.home-shelves{z-index:-1;opacity:.3;background:linear-gradient(#0000 0 46%,#2a1d16 46% 50%,#0000 50% 96%,#2a1d16 96%) 0 0/100% 100% no-repeat,repeating-linear-gradient(90deg,#6b2f3a 0 14px,#2f4f7a 14px 22px,#8a6a2a 22px 33px,#3d6b4f 33px 41px,#4a3a78 41px 53px,#7a3a2a 53px 60px,#11162a 60px 62px) 0 0/100% 48% repeat-y;height:30%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.home-logo{filter:drop-shadow(0 8px 18px #00000080);width:min(62vw,260px);height:auto;margin:-1vh 0 -2vh;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop-in}.home-tagline{color:#f4f2eacc;max-width:300px;margin:1.6vh 0 0;font-size:.95rem;line-height:1.4}.fan{flex:1;width:100%;min-height:200px;position:relative}.fan-card{--angle:calc((var(--i) - 1.5) * 9deg);--shift:calc((var(--i) - 1.5) * 25%);aspect-ratio:63/88;width:min(25vw,112px);box-shadow:0 0 0 3px var(--rc), 0 12px 22px #00000073;transform-origin:50% 120%;translate:0 -50%;transform:translateX(calc(-50% + var(--shift) * 2.7)) rotate(var(--angle));animation:.6s cubic-bezier(.2,1.2,.4,1) both deal;animation-delay:calc(.15s + var(--i) * 80ms);background:linear-gradient(160deg,#fff,#d9d4c4);border-radius:10px;margin:0;padding:5px;position:absolute;top:50%;left:50%}.fan-art{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc) 55%, #fff), var(--rc));border-radius:7px;height:74%}.fan-art svg{width:100%;height:100%}.fan-card figcaption{height:26%;font-family:var(--display);color:var(--ink);flex-direction:column;justify-content:center;font-size:clamp(.62rem,2.8vw,.82rem);line-height:1.05;display:flex;overflow:hidden}.fan-card figcaption small{color:#6a6f8f;font-size:.75em}.play{width:min(100%,320px);font:2rem var(--display);letter-spacing:1px;color:#3a2400;background:linear-gradient(#ffd666, var(--gold));text-shadow:0 1px #ffffff80;cursor:pointer;border:0;border-radius:20px;margin-top:1vh;padding:16px 0 18px;transition:transform 60ms;animation:.5s cubic-bezier(.2,1.4,.4,1) .5s both pop-in;position:relative;box-shadow:0 7px #b27a0c,0 14px 24px #00000073,inset 0 2px #fff9}.play:active{transform:translateY(5px);box-shadow:0 2px #b27a0c,0 6px 12px #00000073,inset 0 2px #fff9}.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.4vh 0 1vh}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes deal{0%{opacity:0;transform:translate(-50%)translateY(40px)rotate(0)}}@media (prefers-reduced-motion:reduce){.home-logo,.fan-card,.play{animation:none}}.account{flex-direction:column;align-items:center;gap:6px;display:flex}.save-chip{max-width:100%;font:500 .85rem var(--text);color:var(--paper);cursor:pointer;background:#11162ab3;border:1px solid #f4f2ea2e;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.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:#f4f2ea8c}.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}