#gi-preloader{display:none}html.gi-preloading{overflow:hidden}html.gi-preloading #gi-preloader{display:block}.gi-pl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;color:#f4f1ea;font-family:Figtree Variable,Figtree,system-ui,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:opacity .48s ease;background:#05070d}.gi-pl--sortie{background:transparent}.gi-pl--fondu{opacity:0;pointer-events:none}.gi-pl--fini{pointer-events:none}#gi-preloader.gi-pl--fini{display:block}.gi-pl--fini .gi-pl__hud,.gi-pl--fini .gi-pl__son,.gi-pl--fini .gi-pl__passer{display:none}.gi-pl--fini .gi-pl__demo{pointer-events:auto}.gi-pl__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gi-pl__hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .4s ease}.gi-pl--sortie .gi-pl__hud,.gi-pl--sortie .gi-pl__son,.gi-pl--sortie .gi-pl__passer{opacity:0;pointer-events:none}.gi-pl__coin{position:absolute;width:34px;height:34px;border:0 solid rgba(146,121,163,.7)}.gi-pl__coin--hg{top:22px;left:22px;border-top-width:2px;border-left-width:2px}.gi-pl__coin--hd{top:22px;right:22px;border-top-width:2px;border-right-width:2px}.gi-pl__coin--bg{bottom:22px;left:22px;border-bottom-width:2px;border-left-width:2px}.gi-pl__coin--bd{bottom:22px;right:22px;border-bottom-width:2px;border-right-width:2px}.gi-pl__slogan{position:absolute;left:0;right:0;top:var(--gi-slogan-top, 70%);margin:0;text-align:center;opacity:0;font-family:Syne Variable,Syne,sans-serif;font-weight:700;font-size:clamp(.78rem,1.6vw,1.1rem);text-transform:uppercase;letter-spacing:.5em;color:#f4f1ead9;white-space:nowrap}.gi-pl__slogan .gi-pl__or{color:#f2b33d;font-weight:800}.gi-pl__journal{position:absolute;left:44px;bottom:44px;margin:0;padding:0;list-style:none;font:12px/1.7 ui-monospace,Cascadia Mono,Consolas,monospace;color:#f4f1eae6}.gi-pl__journal li:nth-last-child(n+5){opacity:.25}.gi-pl__journal li:nth-last-child(4){opacity:.4}.gi-pl__journal li:nth-last-child(3){opacity:.6}.gi-pl__journal li:nth-last-child(2){opacity:.8}.gi-pl__journal time{color:#9279a3}.gi-pl__compteur{position:absolute;right:44px;bottom:54px;display:flex;align-items:baseline;gap:4px;font-family:Syne Variable,Syne,sans-serif;font-weight:800;color:#f2b33d}.gi-pl__pct{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;font-variant-numeric:tabular-nums}.gi-pl__compteur small{font-size:1.1rem}.gi-pl--cent .gi-pl__compteur{animation:gi-pl-rebond .6s cubic-bezier(.3,1.6,.5,1);text-shadow:0 0 28px rgba(242,179,61,.85)}@keyframes gi-pl-rebond{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.gi-pl__barre{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0f}.gi-pl__barre i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#144ea6,#9279a3,#e9947c,#d17801)}.gi-pl__son,.gi-pl__passer,.gi-pl__demo button{position:absolute;border:1px solid rgba(146,121,163,.55);background:#05070d99;color:#f4f1ea;font:700 .72rem/1 Figtree Variable,Figtree,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:9px 14px;cursor:pointer;transition:opacity .4s,border-color .2s,background .2s}.gi-pl__son:hover,.gi-pl__passer:hover,.gi-pl__demo button:hover{border-color:#f2b33d}.gi-pl__son:focus-visible,.gi-pl__passer:focus-visible,.gi-pl__demo button:focus-visible{outline:2px solid #f2b33d;outline-offset:2px}.gi-pl__son{top:26px;right:74px;display:flex;align-items:center;gap:8px}.gi-pl__passer{top:26px;left:74px}.gi-pl__eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.gi-pl__eq i{width:2px;height:3px;background:#f4f1ea80;border-radius:1px}.gi-pl__son[aria-pressed=true] .gi-pl__eq i{background:#f2b33d;animation:gi-pl-eq .7s ease-in-out infinite alternate}.gi-pl__son[aria-pressed=true] .gi-pl__eq i:nth-child(2){animation-delay:-.2s}.gi-pl__son[aria-pressed=true] .gi-pl__eq i:nth-child(3){animation-delay:-.45s}.gi-pl__son[aria-pressed=true] .gi-pl__eq i:nth-child(4){animation-delay:-.1s}@keyframes gi-pl-eq{0%{height:3px}to{height:12px}}.gi-pl__demo{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#05070dbf;font-size:.75rem;pointer-events:auto}.gi-pl__demo button{position:static;padding:7px 12px}.gi-pl__demo button[aria-pressed=true]{background:#144ea6;border-color:#144ea6}.gi-pl__demo label{color:#f4f1eacc;display:flex;gap:4px;align-items:center}.gi-pl--calme .gi-pl__coin,.gi-pl--calme .gi-pl__journal,.gi-pl--calme .gi-pl__slogan,.gi-pl--calme .gi-pl__son{display:none}.gi-pl--calme .gi-pl__compteur{right:50%;bottom:8%;transform:translate(50%)}.gi-pl__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 640px){.gi-pl__journal{left:24px;bottom:28px;font-size:10.5px}.gi-pl__compteur{right:24px;bottom:34px}.gi-pl__son{right:64px}.gi-pl__passer{left:64px}.gi-pl__demo{flex-wrap:wrap;justify-content:center;width:92vw;border-radius:16px}}@media (prefers-reduced-motion: reduce){.gi-pl__eq i,.gi-pl--cent .gi-pl__compteur{animation:none!important}}