https://digitalicons.lovable.app/assets/GameModeSelect-BdKF2iaF.js

1import{j as e}from"./ui-radix-Dy8lNabE.js";import{H as m,aq as x,q as l,p as i,Z as d,r as a,S as n,a5 as o,d as c,an as h}from"./index-B3y-uz8q.js";import{N as p}from"./Navbar-D8BJyWUU.js";import{d as u}from"./react-vendor-CPuvF1Sp.js";import{m as r}from"./animation-Bth2r7ZN.js";import{S as t}from"./swords-MCpe904g.js";import"./query-D9I7bAJW.js";import"./supabase-DkiBvCxn.js";import"./chevron-right-Dn0DGWws.js";import"./circle-EDU3EZjb.js";const z=()=>{const s=u();return e.jsxs(e.Fragment,{children:[e.jsxs(m,{children:[e.jsx("title",{children:"Choisir un mode - Icons Arena"}),e.jsx("meta",{name:"description",content:"Choisissez votre mode de jeu : Mode Classé ou Entraînement."})]}),e.jsxs("div",{className:"h-[100dvh] lg:h-auto lg:min-h-[100dvh] bg-gradient-to-b from-background via-secondary to-background flex flex-col overflow-hidden lg:overflow-auto overscroll-none",children:[e.jsx(p,{}),e.jsx("main",{className:"flex-1 flex flex-col items-center justify-center pt-14 pb-16 lg:pt-16 lg:pb-8 px-4",children:e.jsxs("div",{className:"w-full max-w-4xl",children:[e.jsxs(r.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},className:"text-center mb-6 lg:mb-10",children:[e.jsx("img",{src:x,alt:"Icons Arena",className:"w-32 sm:w-40 lg:w-56 h-auto mx-auto mb-3"}),e.jsxs("h1",{className:"text-xl lg:text-2xl font-bold text-foreground/90",children:["Choisissez votre ",e.jsx("span",{className:"text-primary",children:"mode"})]}),e.jsx("p",{className:"text-xs lg:text-sm text-muted-foreground mt-1",children:"Affrontez l'IA ou montez dans les classements"})]}),e.jsxs("div",{className:"hidden lg:flex items-stretch gap-6",children:[e.jsxs(r.button,{initial:{opacity:0,x:-50},animate:{opacity:1,x:0},whileHover:{scale:1.02,y:-4},whileTap:{scale:.98},onClick:()=>s("/leagues"),className:"flex-1 group relative overflow-hidden rounded-2xl bg-gradient-to-br from-amber-600/15 via-secondary to-amber-800/10 border-2 border-amber-500/40 p-8 transition-all hover:border-amber-400 hover:shadow-2xl hover:shadow-amber-500/20",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-amber-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"}),e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-amber-500/10 rounded-full blur-3xl"}),e.jsxs("div",{className:"relative flex flex-col items-center text-center",children:[e.jsx("div",{className:"w-20 h-20 rounded-2xl bg-gradient-to-br from-amber-400 to-orange-600 flex items-center justify-center mb-5 shadow-xl shadow-amber-500/30 group-hover:scale-110 transition-transform",children:e.jsx(l,{className:"w-10 h-10 text-white"})}),e.jsx("h2",{className:"text-2xl font-bold mb-2",children:"Mode Classé"}),e.jsx("p",{className:"text-muted-foreground text-sm mb-4",children:"Grimpez les leagues et affrontez les meilleurs joueurs"}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"flex items-center gap-1 px-2.5 py-1 rounded-full bg-emerald-500/15 border border-emerald-500/40",children:e.jsx("span",{className:"text-xs font-medium text-emerald-400",children:"Gratuit"})}),e.jsxs("div",{className:"flex items-center gap-1 px-2.5 py-1 rounded-full bg-amber-500/20 border border-amber-400/40",children:[e.jsx(i,{className:"w-3.5 h-3.5 text-amber-300"}),e.jsx("span",{className:"text-xs font-bold text-amber-300",children:"Leagues"})]}),e.jsxs("div",{className:"flex items-center gap-1 px-2.5 py-1 rounded-full bg-amber-500/20 border border-amber-400/40",children:[e.jsx(d,{className:"w-3.5 h-3.5 text-amber-300"}),e.jsx("span",{className:"text-xs font-bold text-amber-300",children:"Cash Prizes"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 w-full mt-2 text-center",children:[e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(t,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"PvP"})]}),e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(a,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"ELO"})]}),e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(n,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"Saisons"})]})]})]})]}),e.jsx("div",{className:"flex flex-col items-center justify-center px-2",children:e.jsxs(r.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.3,type:"spring"},className:"relative",children:[e.jsx("div",{className:"absolute inset-0 bg-primary/30 blur-xl rounded-full"}),e.jsx("div",{className:"relative w-16 h-16 rounded-full bg-gradient-to-br from-primary to-accent flex items-center justify-center shadow-xl shadow-primary/40 border-2 border-primary/50",children:e.jsx("span",{className:"font-black text-xl text-primary-foreground",children:"VS"})})]})}),e.jsxs(r.button,{initial:{opacity:0,x:50}

1,animate:{opacity:1,x:0},whileHover:{scale:1.02,y:-4},whileTap:{scale:.98},onClick:()=>s("/play"),className:"flex-1 group relative overflow-hidden rounded-2xl bg-gradient-to-br from-primary/15 via-secondary to-primary/10 border-2 border-primary/40 p-8 transition-all hover:border-accent hover:shadow-2xl hover:shadow-primary/20",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"}),e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-primary/10 rounded-full blur-3xl"}),e.jsxs("div",{className:"relative flex flex-col items-center text-center",children:[e.jsx("div",{className:"w-20 h-20 rounded-2xl bg-gradient-to-br from-accent to-primary flex items-center justify-center mb-5 shadow-xl shadow-primary/30 group-hover:scale-110 transition-transform",children:e.jsx(o,{className:"w-10 h-10 text-white"})}),e.jsx("h2",{className:"text-2xl font-bold mb-2",children:"Entraînement"}),e.jsx("p",{className:"text-muted-foreground text-sm mb-4",children:"Testez vos stratégies contre l'IA"}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/20 border border-primary/40",children:e.jsx("span",{className:"text-xs font-medium text-primary",children:"Gratuit"})}),e.jsx("div",{className:"flex items-center gap-1 px-2.5 py-1 rounded-full bg-emerald-500/15 border border-emerald-500/40",children:e.jsx("span",{className:"text-xs font-medium text-emerald-400",children:"Sans pression"})})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 w-full mt-2 text-center",children:[e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(t,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"vs IA"})]}),e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(a,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"Decks"})]}),e.jsxs("div",{className:"p-2 rounded-lg bg-muted/40",children:[e.jsx(n,{className:"w-4 h-4 text-muted-foreground mx-auto mb-1"}),e.jsx("span",{className:"text-[10px] text-muted-foreground",children:"Effets"})]})]})]})]})]}),e.jsxs(r.button,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},whileHover:{scale:1.01},whileTap:{scale:.99},onClick:()=>s("/play/friend"),className:"hidden lg:flex w-full mt-6 group relative overflow-hidden rounded-2xl bg-gradient-to-r from-cyan-500/15 via-secondary to-emerald-500/10 border-2 border-cyan-500/40 p-5 hover:border-cyan-400 hover:shadow-xl hover:shadow-cyan-500/20 transition-all items-center gap-5",children:[e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-cyan-500/10 rounded-full blur-3xl"}),e.jsx("div",{className:"relative w-16 h-16 rounded-2xl bg-gradient-to-br from-cyan-400 to-emerald-500 flex items-center justify-center shadow-xl shadow-cyan-500/30 flex-shrink-0",children:e.jsx(c,{className:"w-8 h-8 text-white"})}),e.jsxs("div",{className:"relative flex-1 text-left",children:[e.jsx("h2",{className:"text-xl font-bold mb-1",children:"Jouer avec un ami"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Crée une partie privée et invite ton ami avec un code à 6 caractères"})]}),e.jsx("div",{className:"relative text-muted-foreground",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]}),e.jsxs("div",{className:"lg:hidden flex flex-col items-center gap-3",children:[e.jsxs(r.button,{initial:{opacity:0,y:-30},animate:{opacity:1,y:0},whileTap:{scale:.97},onClick:()=>s("/leagues"),className:"w-full group relative overflow-hidden rounded-2xl bg-gradient-to-r from-amber-600/15 via-secondary to-amber-800/10 border-2 border-amber-500/40 p-4 active:border-amber-400",children:[e.jsx("div",{className:"absolute top-0 right-0 w-28 h-28 bg-amber-500/10 rounded-full blur-2xl"}),e.jsxs("div",{className:"relative flex items-center gap-4",children:[e.jsx("div",{className:"w-14 h-14 roun

1ded-xl bg-gradient-to-br from-amber-400 to-orange-600 flex items-center justify-center shadow-lg shadow-amber-500/30 flex-shrink-0",children:e.jsx(l,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{className:"flex-1 text-left min-w-0",children:[e.jsx("h2",{className:"text-lg font-bold",children:"Mode Classé"}),e.jsx("p",{className:"text-muted-foreground text-[11px] mb-2",children:"Grimpez les leagues, gagnez des récompenses"}),e.jsxs("div",{className:"flex items-center gap-1 flex-nowrap overflow-hidden",children:[e.jsx("span",{className:"inline-flex px-1.5 py-0.5 rounded-full bg-emerald-500/15 border border-emerald-500/40 text-[8px] font-medium text-emerald-400 whitespace-nowrap",children:"Gratuit"}),e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-amber-500/20 border border-amber-400/40 text-[8px] font-bold text-amber-300 whitespace-nowrap",children:[e.jsx(i,{className:"w-2 h-2"})," Leagues"]}),e.jsxs("span",{className:"inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-amber-500/20 border border-amber-400/40 text-[8px] font-bold text-amber-300 whitespace-nowrap",children:[e.jsx(d,{className:"w-2 h-2"})," Cash Prizes"]})]})]}),e.jsx("div",{className:"text-muted-foreground flex-shrink-0",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]})]}),e.jsxs(r.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring"},className:"relative",children:[e.jsx("div",{className:"absolute inset-0 bg-primary/30 blur-lg rounded-full"}),e.jsx("div",{className:"relative w-11 h-11 rounded-full bg-gradient-to-br from-primary to-accent flex items-center justify-center shadow-lg shadow-primary/40 border-2 border-primary/40",children:e.jsx("span",{className:"font-black text-sm text-primary-foreground",children:"VS"})})]}),e.jsxs(r.button,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},whileTap:{scale:.97},onClick:()=>s("/play"),className:"w-full group relative overflow-hidden rounded-2xl bg-gradient-to-r from-primary/15 via-secondary to-primary/10 border-2 border-primary/40 p-4 active:border-accent",children:[e.jsx("div",{className:"absolute top-0 right-0 w-28 h-28 bg-primary/10 rounded-full blur-2xl"}),e.jsxs("div",{className:"relative flex items-center gap-4",children:[e.jsx("div",{className:"w-14 h-14 rounded-xl bg-gradient-to-br from-accent to-primary flex items-center justify-center shadow-lg shadow-primary/30 flex-shrink-0",children:e.jsx(o,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{className:"flex-1 text-left min-w-0",children:[e.jsx("h2",{className:"text-lg font-bold",children:"Entraînement"}),e.jsx("p",{className:"text-muted-foreground text-[11px] mb-2",children:"Testez vos stratégies contre l'IA"}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx("span",{className:"inline-flex px-2 py-0.5 rounded-full bg-primary/15 border border-primary/40 text-[9px] font-medium text-primary",children:"Gratuit"}),e.jsx("span",{className:"inline-flex px-2 py-0.5 rounded-full bg-emerald-500/10 border border-emerald-500/30 text-[9px] font-medium text-emerald-400",children:"Sans pression"})]})]}),e.jsx("div",{className:"text-muted-foreground flex-shrink-0",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]})]}),e.jsxs(r.button,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{delay:.15},whileTap:{scale:.97},onClick:()=>s("/play/friend"),className:"w-full group relative overflow-hidden rounded-2xl bg-gradient-to-r from-cyan-500/15 via-secondary to-emerald-500/10 border-2 border-cyan-500/40 p-4 active:border-cyan-400",children:[e.jsx("div",{className:"absolute top-0 right-0 w-28 h-28 bg-cyan-500/10 rounded-full blur-2xl"}),e.jsxs("div",{className:"relative flex items-center gap-4",children:[e.jsx("div",{className:"w-14 h-14 rounded-xl bg-gradient-to-br from-cyan-400 to-emerald-500 flex items-center justify-center shadow-lg shadow-cyan-500/30 flex-shrink-0",children:e.jsx(c,{className:"w-7 h-7 text-white"})}),e.jsxs("div",{className:"flex-1 text-left min-w-0",children:[e.jsx("h2",{className:"text-lg font-bold",children:"Jouer avec un ami"}),e.jsx("p",{className:"text-muted-foreground text-[11px] mb-2",children:"Partie privée avec code à 6 caractères"}),e.jsxs("div",{className:"flex items-center gap-1.5 flex-wrap",children:[e.jsx("span",{className:"inline-flex px-2 py-0.5 rounded-full bg-cyan-500/15 border border-cyan-500/40 text-[9px] font-medium text-cyan-400",children:"En ligne"}),e.jsx("span",{className:"inline-flex px-2 py-0.5 rounded-full bg-emerald-500/10 border border-emerald-500/30 text-[9px] font-medium text-emerald-400",children:"Code privé"})]})]}),e.jsx("div",{className:"text-muted-foreground flex-shrink-0",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]})]}),e.jsx(r.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.4},className:"w-full mt-2 p-3 rounded-xl bg-muted/30 border border-border",children:e.jsxs("div",{className:"flex items-center gap-3 text-[10px] text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(t,{className:"w-3 h-3 text-primary"}),e.jsx("span",{children:"3 éliminations pour gagner"})]}),e.jsx("div",{className:"w-px h-3 bg-border"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(a,{className:"w-3 h-3 text-emerald-400"}),e.jsx("span",{children:"2 switchs par partie"})]})]})})]})]})}),e.jsx(h,{})]})]})};export{z as default};