.depot{--pw:clamp(240px, calc((100svh - 70px - 60px - 80px) / 1.2), 420px);width:calc(var(--pw) * 1.15);justify-self:center;place-items:center;display:grid}.tirage{width:var(--pw);background:var(--card);color-scheme:light;padding:calc(var(--pw) * .045);padding-bottom:calc(var(--pw) * .24);cursor:pointer;box-shadow:0 2px 4px color-mix(in srgb, var(--ombre) 10%, transparent), 0 26px 50px -18px color-mix(in srgb, var(--ombre) 38%, transparent);grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.2,.5,1);position:relative}.tirage.pg{z-index:1;transform:translate(-60%,3%)rotate(-8deg)}.tirage.pd{z-index:1;transform:translate(60%,6%)rotate(8deg)}.tirage.pc{z-index:2;box-shadow:0 2px 6px color-mix(in srgb, var(--c-black) 20%, transparent), 0 40px 70px -18px color-mix(in srgb, var(--c-black) 60%, transparent);transform:rotate(2deg)}.tirage.pg:hover{transform:translate(-62%,3%)rotate(-9deg)}.tirage.pd:hover{transform:translate(62%,6%)rotate(9deg)}.tirage:focus-visible{outline:2px solid var(--olive);outline-offset:6px}.cadre{aspect-ratio:1;background:var(--track);position:relative;overflow:hidden}.tirage .cadre>img,.tirage .nomesp{transition:opacity .35s}.tirage.chg .cadre>img,.tirage.chg .nomesp{opacity:0}.cadre>img{object-fit:cover;object-position:var(--op,50% 50%);width:100%;height:100%;position:absolute;inset:0}.depot.survol .pc .cadre{outline:4px solid var(--chartreuse);outline-offset:-4px}.depot.erreur .pc .cadre{outline:4px solid var(--c-red);outline-offset:-4px}.action{left:calc(var(--pw) * .05);right:calc(var(--pw) * .04);bottom:calc(var(--pw) * .035);height:calc(var(--pw) * .17);align-items:center;gap:calc(var(--pw) * .04);display:none;position:absolute}.action strong:empty{display:none}.action strong{font-size:clamp(14px, calc(var(--pw) * .056), 21px);color:var(--ink);letter-spacing:-.01em;font-weight:500;line-height:1.1}.pc .action{display:flex}.pc .ill{flex:none}.pc .nomesp{display:none}.pc .cadre{background:var(--fond);transition:background .5s}.pc .cadre>img{display:none}.ill{align-items:center;gap:calc(var(--pw) * .012);flex-direction:column;flex:none;display:flex}.ill .cible img{transition:opacity .3s,transform .3s}.ill img{object-fit:contain;filter:drop-shadow(0 12px 14px color-mix(in srgb, var(--ombre) 25%, transparent));transition:opacity .3s,transform .3s cubic-bezier(.3,1.5,.5,1)}.ill .esp{z-index:1;margin-top:calc(var(--pw) * -.05);padding:calc(var(--pw) * .02) calc(var(--pw) * .045);border-radius:var(--r-pill);background:var(--card);box-shadow:0 2px 10px color-mix(in srgb, var(--ombre) 16%, transparent);color:var(--ink);font-size:clamp(12px, calc(var(--pw) * .046), 16px);white-space:nowrap;font-weight:500;line-height:1.1;transition:opacity .25s;position:relative}.ill .esp .grp{left:50%;top:calc(100% + calc(var(--pw) * .022));white-space:nowrap;padding:calc(var(--pw) * .01) calc(var(--pw) * .028);border-radius:var(--r-pill);background:var(--encre,var(--olive));color:var(--c-white);letter-spacing:.08em;text-transform:uppercase;font-size:.66em;font-weight:500;line-height:1.3;position:absolute;transform:translate(-50%)}.ill img.sort{opacity:0;transform:translateY(10px)scale(.85)}.ill .esp.sort{opacity:0}.pc .action{top:calc(var(--pw) * .045);height:calc(var(--pw) * .91);bottom:auto;left:calc(var(--pw) * .045);right:calc(var(--pw) * .045);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0}.pc .action strong{top:calc(var(--pw) * .02);max-width:none;font-size:clamp(13px, calc(var(--pw) * .052), 17px);position:absolute;left:0;right:0}.cible{width:calc(var(--pw) * .6);aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--ink) 42%, transparent);border-radius:50%;place-items:center;transition:border-color .25s,background .25s;display:grid;position:relative}.cible img{object-fit:contain;width:78%;height:56%;filter:drop-shadow(0 12px 14px color-mix(in srgb, var(--ombre) 25%, transparent));transition:opacity .25s,transform .25s}.plusgrand{aspect-ratio:1;background:var(--ink);width:46%;color:var(--cream);opacity:0;border-radius:50%;place-items:center;margin:auto;transition:opacity .25s,transform .3s cubic-bezier(.3,1.5,.5,1);display:grid;position:absolute;inset:0;transform:scale(.6)}.plusgrand svg{width:50%;height:50%}.phrase{justify-content:center;align-items:center;gap:calc(var(--pw) * .02);height:calc(var(--pw) * .24);font-size:clamp(13px, calc(var(--pw) * .05), 17px);text-align:center;color:var(--ink);font-weight:500;line-height:1.25;display:inline-flex;position:absolute;top:100%;left:0;right:0}.phrase span{text-align:center}.phrase br{display:none}.pc .cadre{container-type:inline-size}@container (width<=270px){.phrase br{display:inline}}.phrase .upl{flex:none;width:1.25em;height:1.25em}.attente{justify-content:center;align-items:center;gap:calc(var(--pw) * .025);height:calc(var(--pw) * .24);font-size:clamp(13px, calc(var(--pw) * .05), 17px);color:var(--ink);font-weight:500;display:none;position:absolute;top:100%;left:0;right:0}.attente .roue{border:2.5px solid color-mix(in srgb, var(--ink) 15%, transparent);border-top-color:var(--olive);border-radius:50%;flex:none;width:1.3em;height:1.3em;animation:.9s linear infinite roue}@keyframes roue{to{transform:rotate(1turn)}}.depot.charge .pc .phrase{display:none}.depot.charge .pc .attente{display:inline-flex}.depot.charge .pc{cursor:progress}.pc:hover .cible,.pc:focus-visible .cible{border-color:var(--ink);background:color-mix(in srgb, var(--card) 35%, transparent);border-style:solid}.pc:hover .cible img,.pc:focus-visible .cible img{opacity:0;transform:scale(.8)}.pc:hover .esp,.pc:focus-visible .esp{opacity:0}.pc:hover .plusgrand,.pc:focus-visible .plusgrand{opacity:1;transform:none}.depot.invite .pc .cible{border-color:var(--ink);background:color-mix(in srgb, var(--card) 35%, transparent);border-style:solid}.depot.invite .pc .cible img{opacity:0;transform:scale(.8)}.depot.invite .pc .esp{opacity:0}.depot.invite .pc .plusgrand{opacity:1;transform:none}.plusgrand .roue{border:3px solid color-mix(in srgb, var(--cream) 25%, transparent);border-top-color:var(--chartreuse);border-radius:50%;width:46%;height:46%;animation:.9s linear infinite roue;display:none}.depot.charge .pc .cible{border-color:var(--ink);border-style:solid}.depot.charge .pc .cible img,.depot.charge .pc .esp{opacity:0}.depot.charge .pc .plusgrand{opacity:1;transform:none}.depot.charge .pc .plusgrand svg{display:none}.depot.charge .pc .plusgrand .roue{display:block}@media (width<=1000px){.depot{--pw:clamp(200px, calc((100svh - 70px - 60px - 300px) / 1.2), 340px);justify-self:center}}@media (width<=760px){.tirage.pc{transform:none}}@media (prefers-reduced-motion:reduce){.ill img,.ill .esp{transition:none}.attente .roue,.plusgrand .roue{animation-duration:4s}}.toutecran{z-index:30;background:color-mix(in srgb, var(--c-black) 78%, transparent);color:var(--cream);text-align:center;pointer-events:none;color-scheme:light;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:fixed;inset:0}.toutecran.actif{display:flex}.toutecran img{width:180px;height:180px;filter:drop-shadow(0 14px 18px color-mix(in srgb, var(--c-black) 40%, transparent))}.toutecran strong{letter-spacing:-.02em;font-size:44px;font-weight:500}.toutecran span{opacity:.75;font-size:17px}
