:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#000}#root{max-width:1280px;width:100%;margin:0 auto;text-align:center;background-color:#333;border-radius:10px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}*{color:#2852a0}.clickable,.Clickable{cursor:pointer}.clickable:hover,.Clickable:hover{transform:scale(.98);transition:transform .1s ease}.Defis{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.Player{display:flex;flex-direction:row;align-items:center;gap:50px}.Player .Pioche.Active{transform:scale(1.5);transition:transform .1s ease}.Player .Pioche.Active:hover{transform:scale(1.45);transition:transform .1s ease}.Player .Main{position:relative;display:flex;flex-direction:row;align-items:center;gap:5px}.Player .Main .Carte.Selected .Panel{background:radial-gradient(red,#fff);border:solid red}.Player .Main .Carte.Active.NotSelected:hover .Panel{border:dotted red}.Players{background-color:#ffffff80;padding:10px;border-radius:10px}.Players input{font-size:1em;font-weight:500}.Players button{margin-left:10px}.Players .Actif{font-weight:800}.Aide .Actif:hover{transform:scale(1.5);transition:transform .1s ease;z-index:10}.Game{display:flex;flex-direction:column;align-items:center;position:relative;min-height:500px}.Game .RunningGame{min-height:500px;display:flex;flex-direction:column;align-items:center}.Game .RunningGame .Defi:hover{transform:scale(1.5);z-index:10;transition:transform .1s ease}.Game .Victoire{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dddddd90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:20px;font-size:5em;z-index:50}.Game .Victoire button{color:#2852a0;background-color:#ccc8}.AireDeJeu{flex:1;display:flex;flex-direction:row;align-items:center;width:100%}.AireDeJeu .Gauche{flex:1;display:flex;flex-direction:column;align-items:flex-end;width:50%}.AireDeJeu .Gauche .Ligne{flex:1;display:flex;flex-direction:row-reverse;align-items:center;position:relative}.AireDeJeu .Gauche .Ligne .Slot{padding-right:0}.AireDeJeu .Gauche .Ligne .Slot .Asset{right:0}.AireDeJeu .Droite{flex:1;display:flex;flex-direction:column;align-items:flex-start;width:50%}.AireDeJeu .Droite .Ligne{flex:1;display:flex;flex-direction:row;align-items:center;position:relative}.AireDeJeu .Droite .Ligne .Slot{padding-left:0}.AireDeJeu .Droite .Ligne .Slot .Asset{left:0}.AireDeJeu .Carte{padding:0;margin:20px 0 0;border-radius:5px;z-index:2}.AireDeJeu .Carte.CoupPossible{opacity:.1}.AireDeJeu .Carte.CoupPossible:hover{opacity:.5}.AireDeJeu .Carte.Position .Panel{background:radial-gradient(purple,#fff);border:double purple}.AireDeJeu .Carte.SourceSelected{margin-top:0;margin-bottom:20px}.AireDeJeu .Carte.SourceSelected .Panel{background:radial-gradient(green,#fff);border:dotted green}.AireDeJeu .Carte.Source{opacity:.9}.AireDeJeu .Carte.Source .Panel{background:radial-gradient(#00f,#fff);border:dotted blue}.AireDeJeu .Carte.Source:hover{opacity:1}.AireDeJeu .Carte.Source:hover .Panel{background:radial-gradient(green,#fff);border:solid green}.AireDeJeu .Carte.Destination{opacity:.9}.AireDeJeu .Carte.Destination .Panel{background:radial-gradient(#00f,#fff);border:dotted blue}.AireDeJeu .Carte.Destination:hover{opacity:1}.AireDeJeu .Carte.Destination:hover .Panel{background:radial-gradient(red,#fff);border:solid red}.AireDeJeu .Slot{max-width:0px;transition:max-width .2s ease;overflow:hidden;border-bottom:dotted transparent 5px;border-top:dotted transparent 5px;opacity:1;position:relative;z-index:0;transition:max-width .1s ease,top .2s,left .2s}.AireDeJeu .Slot .Asset{opacity:1}.AireDeJeu .Slot.Destination{cursor:pointer;border:dotted blue 5px}.AireDeJeu .Slot.Destination:hover{padding-left:0;padding-right:0;max-width:80px;border:solid red 5px;opacity:.5}.AireDeJeu .Slot.Destination:hover .Asset{left:0;right:0}.AppBar{box-sizing:border-box;width:100%;height:64px;background-color:#2989c0;background-image:url(title.png);background-repeat:no-repeat;position:sticky;z-index:1000;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;padding-right:10px}.AppBarSpacer{height:0px}:root{--scale-ref: .6;--h-carte: 1.5}.Asset{--u: 128px;--b: 0;--w: 1;--h: 1;--x: 2;--y: 19}.Asset.meteo{--b: 20;--w: 1;--h: var(--h-carte);--y: 8}.Asset.meteo.verso{--x: 0}.Asset.meteo.vide{--x: 1}.Asset.meteo.pluie{--x: 2}.Asset.meteo.vent{--x: 3}.Asset.meteo.brouillard{--x: 4}.Asset.meteo.soleil{--x: 5}.Asset.meteo.nuage{--x: 6}.Asset.meteo.orage{--x: 7}.Asset.tornade{--b: 20;--w: 1;--h: var(--h-carte);--y: 10}.Asset.tornade.pluie{--x: 0}.Asset.tornade.vent{--x: 1}.Asset.tornade.brouillard{--x: 2}.Asset.tornade.soleil{--x: 3}.Asset.tornade.nuage{--x: 4}.Asset.tornade.orage{--x: 5}.Asset.pioche{--b: 20;--w: 1;--h: var(--h-carte);--y: 8;--x: 0}.Asset.defi{--b: 20;--w: 2;--h: 1}.Asset.defi.verso-0{--y: 16;--x: 2}.Asset.defi.verso-1{--y: 17;--x: 0}.Asset.defi.verso-2{--y: 17;--x: 2}.Asset.defi.verso-3{--y: 16;--x: 4}.Asset.defi.verso-4{--y: 16;--x: 6}.Asset.defi.verso-5{--y: 17;--x: 4}.Asset.defi.verso-6{--y: 17;--x: 6}.Asset.defi.verso-7{--y: 18;--x: 0}.Asset.defi.verso-8{--y: 18;--x: 2}.Asset.defi.verso-9{--y: 19;--x: 0}.Asset.defi.recto-0{--y: 13;--x: 4}.Asset.defi.recto-1{--y: 13;--x: 6}.Asset.defi.recto-2{--y: 14;--x: 0}.Asset.defi.recto-3{--y: 14;--x: 2}.Asset.defi.recto-4{--y: 15;--x: 0}.Asset.defi.recto-5{--y: 15;--x: 2}.Asset.defi.recto-6{--y: 14;--x: 4}.Asset.defi.recto-7{--y: 14;--x: 6}.Asset.defi.recto-8{--y: 15;--x: 4}.Asset.defi.recto-9{--y: 15;--x: 6}.Asset.aide{--b: 20;--w: 2;--h: 1}.Asset.aide.verso{--y: 16;--x: 0}.Asset.aide.repeche{--y: 10;--x: 6}.Asset.aide.pluie{--y: 12;--x: 0}.Asset.aide.vent{--y: 12;--x: 2}.Asset.aide.brouillard{--y: 13;--x: 0}.Asset.aide.soleil{--y: 13;--x: 2}.Asset.aide.nuage{--y: 12;--x: 4}.Asset.aide.orage{--y: 12;--x: 6}.Asset.max{--w: 1;--h: .5}.Asset.max.gauche-1{--y: 18;--x: 4}.Asset.max.gauche-2{--y: 18;--x: 5}.Asset.max.gauche-3{--y: 18;--x: 6}.Asset.max.gauche-4{--y: 18;--x: 7}.Asset.max.gauche-5{--y: 18.5;--x: 4}.Asset.max.gauche-6{--y: 18.5;--x: 5}.Asset.max.gauche-7{--y: 18.5;--x: 6}.Asset.max.gauche-8{--y: 18.5;--x: 7}.Asset.max.droite-1{--y: 19;--x: 4}.Asset.max.droite-2{--y: 19;--x: 5}.Asset.max.droite-3{--y: 19;--x: 6}.Asset.max.droite-4{--y: 19;--x: 7}.Asset.max.droite-5{--y: 19.5;--x: 4}.Asset.max.droite-6{--y: 19.5;--x: 5}.Asset.max.droite-7{--y: 19.5;--x: 6}.Asset.max.droite-8{--y: 19.5;--x: 7}.Asset{--zoom: 1;--scale: calc(var(--zoom) * var(--scale-ref));overflow:hidden;position:relative;height:min(var(--h) * var(--scale) * var(--u),var(--max-height, 10000px));width:min(var(--w) * var(--scale) * var(--u),var(--max-width, 10000px))}.Asset .Content{align-items:center;background-image:url(assets.png);background-position:top calc(-1 * var(--y) * var(--u)) left calc(-1 * var(--x) * var(--u));background-repeat:no-repeat;border-radius:calc(var(--b) / var(--scale) * 1px);color:#fff;display:flex;font-size:calc(2em / var(--scale));font-weight:700;height:calc(var(--h) * var(--u));justify-content:center;position:absolute;text-shadow:calc(2px / var(--scale)) calc(2px / var(--scale)) calc(1px / var(--scale)) black;transform-origin:top left;transform:scale(var(--scale));width:calc(var(--w) * var(--u))}.Asset .Content:hover{text-shadow:calc(4px / var(--scale)) calc(4px / var(--scale)) calc(2px / var(--scale)) black}.Asset .Panel{border-radius:calc(var(--b) * 1px);border-width:5px;box-sizing:border-box;height:100%;left:0;opacity:.3;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Fond{--size: 1024;--scale: calc(var(--reference) / var(--size));width:100%;height:calc(1px * var(--height));position:absolute;overflow:hidden}.Fond .Content{background:url(assets.png) no-repeat;background-position:top center;transform-origin:top left;transform:scale(var(--scale));width:calc(1px * var(--size));height:calc(1px * var(--size))}.Fond .Panel{width:100%;height:100%;background-color:#000;opacity:.8}