diff --git a/apps/front/package.json b/apps/front/package.json
index b3bb797..5dce6b6 100644
--- a/apps/front/package.json
+++ b/apps/front/package.json
@@ -13,6 +13,7 @@
     "@headlessui/react": "^1.7.18",
     "@heroicons/react": "^2.1.1",
     "@knucklebones/common": "workspace:*",
+    "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@use-gesture/react": "^10.3.0",
     "clsx": "^2.1.0",
diff --git a/apps/front/src/components/Button.tsx b/apps/front/src/components/Button.tsx
index 084d9b1..d5eb772 100644
--- a/apps/front/src/components/Button.tsx
+++ b/apps/front/src/components/Button.tsx
@@ -1,5 +1,6 @@
 import type * as React from 'react'
 import { clsx } from 'clsx'
+import { IconWrapper } from './IconWrapper'
 
 export interface ButtonProps<E extends React.ElementType> {
   // Not a fan of having this prop
@@ -46,13 +47,9 @@ export function Button<E extends React.ElementType = typeof defaultElement>({
         props.className
       )}
     >
-      {leftIcon !== undefined && (
-        <div className='aspect-square h-6'>{leftIcon}</div>
-      )}
+      {leftIcon !== undefined && <IconWrapper>{leftIcon}</IconWrapper>}
       <div className='translate-y-px'>{children}</div>
-      {rightIcon !== undefined && (
-        <div className='aspect-square h-6'>{rightIcon}</div>
-      )}
+      {rightIcon !== undefined && <IconWrapper>{rightIcon}</IconWrapper>}
     </Component>
   )
 }
diff --git a/apps/front/src/components/Dice.tsx b/apps/front/src/components/Dice.tsx
index 5054d1c..4282e44 100644
--- a/apps/front/src/components/Dice.tsx
+++ b/apps/front/src/components/Dice.tsx
@@ -2,13 +2,19 @@ import * as React from 'react'
 import { clsx } from 'clsx'
 import { Transition } from '@headlessui/react'
 
-type DiceVariant = 'base' | 'small'
-interface DiceProps {
+type DiceSize = 'medium' | 'small'
+type DiceVariant = 'solid' | 'outline'
+
+interface DiceStyle {
+  size?: DiceSize
+  variant?: DiceVariant
+}
+
+interface DiceProps extends DiceStyle {
   value?: number
   className?: string
   count?: number
   showUndefined?: boolean
-  variant?: DiceVariant
 }
 interface DotProps {
   className?: string
@@ -18,28 +24,31 @@ const baseClassName =
   'aspect-square h-12 portrait:md:h-16 landscape:md:h-12 landscape:lg:h-16'
 const smallClassName = 'aspect-square h-6'
 
-const VariantContext = React.createContext<DiceVariant>('base')
+const DiceStyleContext = React.createContext<Required<DiceStyle>>({
+  size: 'medium',
+  variant: 'solid'
+})
 
 function DicePlaceholder({ className }: DotProps) {
-  const variant = React.useContext(VariantContext)
+  const { size } = React.useContext(DiceStyleContext)
   return (
     <div
       className={clsx(className, {
-        [baseClassName]: variant === 'base',
-        [smallClassName]: variant === 'small'
+        [baseClassName]: size === 'medium',
+        [smallClassName]: size === 'small'
       })}
     ></div>
   )
 }
 
 function DiceContainer({ children }: React.PropsWithChildren) {
-  const variant = React.useContext(VariantContext)
+  const { size } = React.useContext(DiceStyleContext)
   return (
     <div
       className={clsx(
         'grid h-full w-full grid-cols-3 grid-rows-3 place-items-center p-1',
         {
-          'lg:p-2': variant === 'base'
+          'lg:p-2': size === 'medium'
         }
       )}
     >
@@ -49,7 +58,7 @@ function DiceContainer({ children }: React.PropsWithChildren) {
 }
 
 function Dot({ className }: DotProps) {
-  const variant = React.useContext(VariantContext)
+  const { size } = React.useContext(DiceStyleContext)
   return (
     <div
       className={clsx(
@@ -57,8 +66,8 @@ function Dot({ className }: DotProps) {
         className,
         {
           'h-2 portrait:md:h-3 landscape:md:h-2 landscape:lg:h-3':
-            variant === 'base',
-          'h-1': variant === 'small'
+            size === 'medium',
+          'h-1': size === 'small'
         }
       )}
     ></div>
@@ -150,13 +159,17 @@ const DiceMap: Record<number | 'undefined', React.ComponentType> = {
 
 function SimpleDice({ value, className, count = 1 }: DiceProps) {
   const DiceValue = DiceMap[value ?? 'undefined']
-  const variant = React.useContext(VariantContext)
+  const { size, variant } = React.useContext(DiceStyleContext)
   return (
     <div
+      // cva pour rendre ça plus lisible avec une meilleur définition des variantes composites
       className={clsx(
         'flex select-none flex-row items-center justify-center rounded border',
         className,
         {
+          'border-slate-900 dark:border-slate-50': variant === 'outline'
+        },
+        variant === 'solid' && {
           'border-stone-400 bg-stone-300 shadow-stone-400 dark:border-stone-600 dark:bg-stone-500 dark:shadow-stone-600':
             count === 1,
           'border-amber-400 bg-amber-300 shadow-amber-400 dark:border-amber-700 dark:bg-amber-600 dark:shadow-amber-700':
@@ -165,9 +178,9 @@ function SimpleDice({ value, className, count = 1 }: DiceProps) {
             count === 3
         },
         {
-          [baseClassName]: variant === 'base',
-          shadow: variant === 'base',
-          [smallClassName]: variant === 'small'
+          [baseClassName]: size === 'medium',
+          shadow: size === 'medium',
+          [smallClassName]: size === 'small'
         }
       )}
     >
@@ -181,7 +194,8 @@ export function Dice({
   className,
   count = 1,
   showUndefined = false,
-  variant = 'base'
+  variant = 'solid',
+  size = 'medium'
 }: DiceProps) {
   // Temporarily store the dice value to keep the dice shown during the
   // transition after it has been unset. While the animation is done, the cached
@@ -198,7 +212,7 @@ export function Dice({
 
   return (
     // Sharing the variant in a context so it's easier to drill it down
-    <VariantContext.Provider value={variant}>
+    <DiceStyleContext.Provider value={{ variant, size }}>
       <Transition
         show={Boolean(value) || showUndefined}
         className={clsx('transition duration-100 ease-in-out', className)}
@@ -219,6 +233,6 @@ export function Dice({
       {cachedValue === undefined && !showUndefined && (
         <DicePlaceholder className={className} />
       )}
-    </VariantContext.Provider>
+    </DiceStyleContext.Provider>
   )
 }
diff --git a/apps/front/src/components/Footer.tsx b/apps/front/src/components/Footer.tsx
index ebe1fbc..06f3556 100644
--- a/apps/front/src/components/Footer.tsx
+++ b/apps/front/src/components/Footer.tsx
@@ -1,5 +1,6 @@
 import { Trans } from 'react-i18next'
 import { CodeBracketIcon, EnvelopeIcon } from '@heroicons/react/24/outline'
+import { IconWrapper } from './IconWrapper'
 
 export function Footer() {
   return (
@@ -23,9 +24,9 @@ export function Footer() {
           target='_blank'
           rel='noreferrer'
         >
-          <div className='aspect-square h-6'>
+          <IconWrapper>
             <CodeBracketIcon />
-          </div>
+          </IconWrapper>
         </a>
         <a
           className='text-slate-900 transition-all hover:text-slate-900/80 dark:text-slate-200 dark:hover:text-slate-50/80'
@@ -33,9 +34,9 @@ export function Footer() {
           target='_blank'
           rel='noreferrer'
         >
-          <div className='aspect-square h-6'>
+          <IconWrapper>
             <EnvelopeIcon />
-          </div>
+          </IconWrapper>
         </a>
       </div>
     </>
diff --git a/apps/front/src/components/Game.tsx b/apps/front/src/components/Game.tsx
index c43ddc4..2d37467 100644
--- a/apps/front/src/components/Game.tsx
+++ b/apps/front/src/components/Game.tsx
@@ -2,6 +2,7 @@ import * as React from 'react'
 import { useIsOnMobile } from '../hooks/detectDevice'
 import { useNoIndex } from '../hooks/useNoIndex'
 import { useGameWhileLoading } from './GameContext'
+import { GameMode } from './GameMode'
 import { GameOutcome } from './GameOutcome'
 import { HowToPlayModal } from './HowToPlay'
 import { Loading } from './Loading'
@@ -23,20 +24,18 @@ export function Game() {
 
   const { errorMessage, clearErrorMessage } = gameStore
 
-  // Pas tip top je trouve, mais virtuellement ça marche
-  const gameOutcome = <GameOutcome />
-
   return (
     <>
       <SideBarActions>
         <HowToPlayModal />
         <QRCodeModal />
         <OutcomeHistory />
-        {isOnMobile && gameOutcome}
+        {isOnMobile && <GameOutcome />}
+        <GameMode />
       </SideBarActions>
       <div ref={gameRef} className='flex flex-col items-center justify-around'>
         <PlayerTwoBoard />
-        {!isOnMobile && gameOutcome}
+        {!isOnMobile && <GameOutcome />}
         <PlayerOneBoard />
         <WarningToast message={errorMessage} onDismiss={clearErrorMessage} />
       </div>
diff --git a/apps/front/src/components/GameContext/useGameSetup.ts b/apps/front/src/components/GameContext/useGameSetup.ts
index 9492e87..71761ca 100644
--- a/apps/front/src/components/GameContext/useGameSetup.ts
+++ b/apps/front/src/components/GameContext/useGameSetup.ts
@@ -55,7 +55,11 @@ export function useGameSetup() {
     if (readyState === ReadyState.OPEN) {
       initGame(
         { roomKey, playerId },
-        { playerType: 'human', boType: state?.boType }
+        {
+          playerType: 'human',
+          boType: state?.boType,
+          gameMode: state?.gameMode ?? 'classic'
+        }
       )
         .then(async () => {
           // À déplacer côté serveur
@@ -65,7 +69,8 @@ export function useGameSetup() {
               {
                 playerType: 'ai',
                 difficulty: state?.difficulty,
-                boType: state?.boType
+                boType: state?.boType,
+                gameMode: state?.gameMode
               }
             )
           }
diff --git a/apps/front/src/components/GameMode.tsx b/apps/front/src/components/GameMode.tsx
new file mode 100644
index 0000000..02699d4
--- /dev/null
+++ b/apps/front/src/components/GameMode.tsx
@@ -0,0 +1,30 @@
+import { useTranslation } from 'react-i18next'
+import { Button } from './Button'
+import { Dice } from './Dice'
+import { useGame } from './GameContext'
+import { Popover, PopoverContent, PopoverTrigger } from './Popover'
+
+export function GameMode() {
+  const { gameMode } = useGame()
+  const { t } = useTranslation()
+
+  return (
+    <Popover>
+      <PopoverTrigger>
+        {/* Va falloir adapter Button et IconButton pour passer des refs
+        Malheureusement c'est pas super compatible avec les composants
+        polymorphiques, mais en même temps, on en a pas tellement besoin ici */}
+        <Button
+          variant='ghost'
+          leftIcon={<Dice value={5} variant='outline' size='small' />}
+        >
+          {t('game-settings.game-mode.label')} :{' '}
+          {t(`game-settings.game-mode.${gameMode}`)}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='whitespace-pre-line'>
+        {t(`game-settings.game-mode.info`)}
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/apps/front/src/components/GameSettings/GameSettingsModal.tsx b/apps/front/src/components/GameSettings/GameSettingsModal.tsx
index 5bde88e..a2ffbde 100644
--- a/apps/front/src/components/GameSettings/GameSettingsModal.tsx
+++ b/apps/front/src/components/GameSettings/GameSettingsModal.tsx
@@ -5,20 +5,24 @@ import { v4 as uuidv4 } from 'uuid'
 import {
   type GameSettings,
   type Difficulty,
-  type PlayerType
+  type PlayerType,
+  type GameMode
 } from '@knucklebones/common'
 import { Button } from '../Button'
 import { Modal, type ModalProps } from '../Modal'
+import { InfoPopover } from '../Popover'
 import { type Option, ToggleGroup } from '../ToggleGroup'
 import {
   getBoTypeOptions,
   getDifficultyOptions,
   convertToBoType,
-  type StringBoType
+  type StringBoType,
+  getGameModeOptions
 } from './options'
 
 interface GameSettingProps<T> {
   label: string
+  info?: string
   options: Array<Option<T>>
   value: T
   onValueChange(value: T): void
@@ -26,13 +30,17 @@ interface GameSettingProps<T> {
 
 function GameSetting<T>({
   label,
+  info,
   options,
   value,
   onValueChange
 }: GameSettingProps<T>) {
   return (
     <div className='grid grid-cols-1 gap-2'>
-      <label className='text-lg md:text-xl'>{label}</label>
+      <div className='flex gap-2'>
+        <label className='text-lg md:text-xl'>{label}</label>
+        {info !== undefined && <InfoPopover>{info}</InfoPopover>}
+      </div>
       {/* Accessibility? */}
       <ToggleGroup
         mandatory
@@ -58,6 +66,7 @@ export function GameSettingsModal({
 }: GameSettingsProps) {
   const [difficulty, setDifficulty] = React.useState<Difficulty>('medium')
   const [boType, setBoType] = React.useState<StringBoType>('indefinite')
+  const [gameMode, setGameMode] = React.useState<GameMode>('classic')
   const { t } = useTranslation()
 
   return (
@@ -78,6 +87,14 @@ export function GameSettingsModal({
           onValueChange={setBoType}
           options={getBoTypeOptions()}
         />
+        <GameSetting
+          label={t('game-settings.game-mode.label')}
+          // Voir pour la mise en force (mode de jeu en gras)
+          info={t('game-settings.game-mode.info')}
+          value={gameMode}
+          onValueChange={setGameMode}
+          options={getGameModeOptions()}
+        />
         <Button
           as={Link}
           size='medium'
@@ -87,6 +104,7 @@ export function GameSettingsModal({
           state={
             {
               playerType: playerType!,
+              gameMode,
               boType: convertToBoType(boType),
               difficulty: playerType === 'ai' ? difficulty : undefined
             } satisfies GameSettings
diff --git a/apps/front/src/components/GameSettings/options.ts b/apps/front/src/components/GameSettings/options.ts
index ace8ba0..52032c0 100644
--- a/apps/front/src/components/GameSettings/options.ts
+++ b/apps/front/src/components/GameSettings/options.ts
@@ -1,7 +1,24 @@
 import { t } from 'i18next'
-import { type BoType, type Difficulty } from '@knucklebones/common'
+import {
+  type GameMode,
+  type BoType,
+  type Difficulty
+} from '@knucklebones/common'
 import { type Option } from '../ToggleGroup'
 
+export function getGameModeOptions(): Array<Option<GameMode>> {
+  return [
+    {
+      value: 'classic',
+      label: t('game-settings.game-mode.classic')
+    },
+    {
+      value: 'dice-pool',
+      label: t('game-settings.game-mode.dice-pool')
+    }
+  ]
+}
+
 export function getDifficultyOptions(): Array<Option<Difficulty>> {
   return [
     {
diff --git a/apps/front/src/components/PlayerBoard/ColumnScore.tsx b/apps/front/src/components/PlayerBoard/ColumnScore.tsx
index 600788d..8900dc7 100644
--- a/apps/front/src/components/PlayerBoard/ColumnScore.tsx
+++ b/apps/front/src/components/PlayerBoard/ColumnScore.tsx
@@ -16,7 +16,7 @@ interface CountedDiceProps {
 
 function CountedDice({ value, count }: CountedDiceProps) {
   if (count === 1) {
-    return <Dice value={value} count={count} variant='small' />
+    return <Dice value={value} count={count} size='small' />
   }
   return (
     // TODO: div (dice) shouldn't be in p
@@ -24,7 +24,7 @@ function CountedDice({ value, count }: CountedDiceProps) {
       <span>(</span>
       {Array.from({ length: count }).map((_, i) => (
         <React.Fragment key={i}>
-          <Dice value={value} count={count} variant='small' />
+          <Dice value={value} count={count} size='small' />
           {i + 1 < count && <span>+</span>}
         </React.Fragment>
       ))}
diff --git a/apps/front/src/components/Popover/InfoPopover.tsx b/apps/front/src/components/Popover/InfoPopover.tsx
new file mode 100644
index 0000000..8df5638
--- /dev/null
+++ b/apps/front/src/components/Popover/InfoPopover.tsx
@@ -0,0 +1,19 @@
+import type * as React from 'react'
+import { QuestionMarkCircleIcon } from '@heroicons/react/24/outline'
+import { IconWrapper } from '../IconWrapper'
+import { Popover, PopoverContent, PopoverTrigger } from '.'
+
+export function InfoPopover({ children }: React.PropsWithChildren) {
+  return (
+    <Popover>
+      <PopoverTrigger>
+        <IconWrapper>
+          <QuestionMarkCircleIcon />
+        </IconWrapper>
+      </PopoverTrigger>
+      <PopoverContent className='whitespace-pre-line'>
+        {children}
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/apps/front/src/components/Popover/Popover.tsx b/apps/front/src/components/Popover/Popover.tsx
new file mode 100644
index 0000000..ee8885c
--- /dev/null
+++ b/apps/front/src/components/Popover/Popover.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react'
+import { clsx } from 'clsx'
+import * as PopoverPrimitive from '@radix-ui/react-popover'
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+  // À investiguer pourquoi ça pop
+  // eslint-disable-next-line react/prop-types
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      // Reprendre les classes de shadcn pour les animations etc. au besoin
+      className={clsx(
+        'z-50 w-72 rounded-md border border-slate-300 bg-slate-50 p-4 text-slate-900 shadow-md outline-none dark:border-slate-600 dark:bg-slate-900 dark:text-slate-50',
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent }
diff --git a/apps/front/src/components/Popover/index.ts b/apps/front/src/components/Popover/index.ts
new file mode 100644
index 0000000..5af3a78
--- /dev/null
+++ b/apps/front/src/components/Popover/index.ts
@@ -0,0 +1,2 @@
+export * from './Popover'
+export * from './InfoPopover'
diff --git a/apps/front/src/components/SideBar/SideBarContainer.tsx b/apps/front/src/components/SideBar/SideBarContainer.tsx
index e9cf379..8298566 100644
--- a/apps/front/src/components/SideBar/SideBarContainer.tsx
+++ b/apps/front/src/components/SideBar/SideBarContainer.tsx
@@ -6,6 +6,7 @@ import { useDrag } from '@use-gesture/react'
 import { useIsOnMobile } from '../../hooks/detectDevice'
 import KnucklebonesLogo from '../../svgs/logo.svg'
 import { IconButton } from '../IconButton'
+import { IconWrapper } from '../IconWrapper'
 import { Text } from '../Text'
 import { SideBarActionContainer } from './SideBarActions'
 
@@ -80,13 +81,11 @@ export function SideBarContainer({
           <div className='flex h-screen w-64 flex-col gap-12 border-r border-slate-300 bg-slate-50 p-2 pl-4 pt-4 shadow-lg transition-colors duration-150 ease-in-out lg:border-0 lg:shadow-none dark:border-slate-600 dark:bg-slate-900'>
             <Link
               to='/'
-              className='flex flex-row items-center gap-2 underline decoration-transparent decoration-4 underline-offset-2 transition-all duration-100 ease-in-out hover:decoration-slate-900'
+              className='flex flex-row items-center gap-2 underline decoration-transparent decoration-4 underline-offset-2 transition-all duration-100 ease-in-out hover:decoration-slate-900 dark:hover:decoration-slate-50'
             >
-              <img
-                src={KnucklebonesLogo}
-                alt='Knucklebones Logo'
-                className='aspect-square h-6'
-              />
+              <IconWrapper>
+                <img src={KnucklebonesLogo} alt='Knucklebones Logo' />
+              </IconWrapper>
               <Text
                 as='h1'
                 className='font-mona text-2xl font-bold tracking-tight'
diff --git a/apps/front/src/translations/resources/en.json b/apps/front/src/translations/resources/en.json
index e18c76a..c2a30ef 100644
--- a/apps/front/src/translations/resources/en.json
+++ b/apps/front/src/translations/resources/en.json
@@ -15,6 +15,12 @@
   },
   "game-settings": {
     "title": "Game settings",
+    "game-mode": {
+      "label": "Game mode",
+      "info": "Classic : Rolling dice randomly.\nDice pool : Rolling dice from a dice pool generated when the game starts. Removed dice during the game are put back in the group.",
+      "classic": "Classic",
+      "dice-pool": "Dice pool"
+    },
     "difficulty": {
       "label": "AI difficulty",
       "easy": "Easy",
diff --git a/apps/front/src/translations/resources/fr.json b/apps/front/src/translations/resources/fr.json
index 57792c3..95441c8 100644
--- a/apps/front/src/translations/resources/fr.json
+++ b/apps/front/src/translations/resources/fr.json
@@ -15,6 +15,12 @@
   },
   "game-settings": {
     "title": "Paramètres de la partie",
+    "game-mode": {
+      "label": "Mode de jeu",
+      "info": "Classique : Tirage de dés aléatoire.\nPoule de dés : Tirage de dés depuis un groupe de dés générés en début de partie. Les dés retirés pendant la partie sont remis dans le groupe.",
+      "classic": "Classique",
+      "dice-pool": "Poule de dés"
+    },
     "difficulty": {
       "label": "Difficulté de l'IA",
       "easy": "Facile",
diff --git a/apps/front/src/utils/api.ts b/apps/front/src/utils/api.ts
index 7f551d2..49fd8d4 100644
--- a/apps/front/src/utils/api.ts
+++ b/apps/front/src/utils/api.ts
@@ -13,10 +13,12 @@ interface InitGameRequestParams extends Omit<GameSettings, 'boType'> {
 }
 export async function initGame(
   { playerId, roomKey }: IdentificationParams,
-  { boType, difficulty, playerType }: InitGameRequestParams
+  { boType, difficulty, gameMode, playerType }: InitGameRequestParams
 ) {
   const urlSearchParams = new URLSearchParams()
 
+  urlSearchParams.append('gameMode', gameMode)
+
   if (playerType === 'ai' && difficulty !== undefined) {
     urlSearchParams.append('difficulty', difficulty)
   } else if ('displayName' in localStorage) {
diff --git a/apps/worker/package.json b/apps/worker/package.json
index 74a847a..ffe88fd 100644
--- a/apps/worker/package.json
+++ b/apps/worker/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "module": "./dist/index.mjs",
   "scripts": {
-    "dev": "NODE_ENV=development wrangler dev"
+    "dev": "NODE_ENV=development wrangler dev --show-interactive-dev-session false"
   },
   "dependencies": {
     "@knucklebones/common": "workspace:*",
diff --git a/apps/worker/src/endpoints/init.ts b/apps/worker/src/endpoints/init.ts
index ba85278..039b14b 100644
--- a/apps/worker/src/endpoints/init.ts
+++ b/apps/worker/src/endpoints/init.ts
@@ -11,9 +11,15 @@ import {
   saveGameState,
   saveLobby
 } from '../utils/endpoints'
+import { type GameMode } from './../../../../packages/common/src/types/gameSettings'
 
 export interface InitRequest extends BaseRequestWithProps {
-  query?: { displayName?: string; difficulty?: Difficulty; boType?: BoType }
+  query?: {
+    displayName?: string
+    difficulty?: Difficulty
+    gameMode?: GameMode
+    boType?: BoType
+  }
 }
 
 export async function init(
@@ -42,6 +48,10 @@ export async function init(
       lobby.setBoType(request.query.boType)
     }
 
+    if (request.query?.gameMode !== undefined) {
+      lobby.setGameMode(request.query.gameMode)
+    }
+
     if (lobby.addPlayer(player)) {
       await saveLobby(lobby, request)
     }
diff --git a/package.json b/package.json
index 99601a0..68f7c75 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "prepare": "husky"
   },
   "devDependencies": {
-    "@cloudflare/workers-types": "^4.20240314.0",
+    "@cloudflare/workers-types": "^4.20240329.0",
     "@sentry/types": "^7.107.0",
     "@types/crypto-js": "^4.2.2",
     "@types/itty-router-extras": "^0.4.3",
@@ -45,7 +45,7 @@
     "turbo": "^1.12.5",
     "typescript": "^5.4.2",
     "vite": "^5.1.6",
-    "wrangler": "^3.34.2"
+    "wrangler": "^3.42.0"
   },
   "volta": {
     "node": "20.9.0"
diff --git a/packages/common/src/classes/DicePool.ts b/packages/common/src/classes/DicePool.ts
new file mode 100644
index 0000000..7dabd3e
--- /dev/null
+++ b/packages/common/src/classes/DicePool.ts
@@ -0,0 +1,39 @@
+import { type IDicePool } from '../interfaces/IDicePool'
+import { getRandomIntInclusive } from '../utils'
+
+export class DicePool implements IDicePool {
+  pool: number[]
+
+  constructor(pool?: number[]) {
+    this.pool = pool ?? this.generateDicePool(3)
+  }
+
+  public getAndRemoveDieFromPool() {
+    const index = getRandomIntInclusive(0, this.pool.length - 1)
+    const die = this.pool[index]
+    this.pool.splice(index, 1)
+    return die
+  }
+
+  public putDieBackInPool(die: number, occurrences: number) {
+    for (let occ = 0; occ < occurrences; occ++) {
+      this.pool.push(die)
+    }
+  }
+
+  public toJson(): IDicePool {
+    return {
+      pool: this.pool
+    }
+  }
+
+  private generateDicePool(occurrencesPerValue: number) {
+    const pool: number[] = []
+    for (let die = 1; die <= 6; die++) {
+      for (let occ = 0; occ < occurrencesPerValue; occ++) {
+        pool.push(die)
+      }
+    }
+    return pool
+  }
+}
diff --git a/packages/common/src/classes/GameState.ts b/packages/common/src/classes/GameState.ts
index 9b5202b..a09e1d8 100644
--- a/packages/common/src/classes/GameState.ts
+++ b/packages/common/src/classes/GameState.ts
@@ -4,20 +4,26 @@ import {
   type Play,
   type OutcomeHistory,
   type PlayerOutcome,
-  type BoType
+  type BoType,
+  type GameMode
 } from '../types'
 import { coinflip, getRandomDice, getWinHistory } from '../utils'
+import { DicePool } from './DicePool'
 import { Log } from './Log'
 import { Player } from './Player'
 
 interface GameStateConstructorArg
   extends Partial<
-    Omit<IGameState, 'playerOne' | 'playerTwo' | 'logs' | 'nextPlayer'>
+    Omit<
+      IGameState,
+      'playerOne' | 'playerTwo' | 'logs' | 'nextPlayer' | 'dicePool'
+    >
   > {
   playerOne: Player
   playerTwo: Player
   nextPlayer?: Player
   logs?: Log[]
+  dicePool?: DicePool
 }
 
 export class GameState implements IGameState {
@@ -31,6 +37,8 @@ export class GameState implements IGameState {
   outcome!: Outcome
   outcomeHistory: OutcomeHistory
   rematchVote?: string
+  gameMode: GameMode
+  dicePool?: DicePool
 
   constructor({
     playerOne,
@@ -39,6 +47,8 @@ export class GameState implements IGameState {
     outcome,
     rematchVote,
     winnerId,
+    gameMode = 'classic',
+    dicePool,
     boType = 'indefinite',
     logs = [],
     spectators = [],
@@ -52,6 +62,8 @@ export class GameState implements IGameState {
     this.outcomeHistory = outcomeHistory
     this.boType = boType
     this.winnerId = winnerId
+    this.gameMode = gameMode
+    this.dicePool = dicePool
 
     // Only assign these if we have one
     // otherwise they will be assigned in the initialize() method
@@ -67,14 +79,22 @@ export class GameState implements IGameState {
   initialize(previousGameState?: IGameState) {
     this.outcome = 'ongoing'
 
+    // Idéalement, on devrait utiliser une discriminated union pour s'assurer
+    // que `dicePool` est forcément accessible quand le `gameMode` est `dice-pool`.
+    // Aussi on peut pas déplacer la vérification dans une condition, sinon le
+    // type guard est pas effectif.
+    if (this.gameMode === 'dice-pool') {
+      this.dicePool = new DicePool()
+    }
+
     const isPlayerOneStarting = coinflip()
 
     if (isPlayerOneStarting) {
       this.nextPlayer = this.playerOne
-      this.playerOne.dice = getRandomDice()
+      this.playerOne.dice = this.getRandomDice()
     } else {
       this.nextPlayer = this.playerTwo
-      this.playerTwo.dice = getRandomDice()
+      this.playerTwo.dice = this.getRandomDice()
     }
 
     if (previousGameState !== undefined) {
@@ -104,11 +124,14 @@ export class GameState implements IGameState {
       )} column.`
     )
 
-    playerTwo.removeDice(play.dice, play.column)
+    const removedDice = playerTwo.removeDice(play.dice, play.column)
 
     if (playerOne.areColumnsFilled()) {
       this.whoWins()
     } else {
+      if (this.gameMode === 'dice-pool' && this.dicePool !== undefined) {
+        this.dicePool.putDieBackInPool(play.dice, removedDice)
+      }
       this.nextTurn(play.author, giveNextDice)
     }
   }
@@ -126,6 +149,13 @@ export class GameState implements IGameState {
     return false
   }
 
+  private getRandomDice() {
+    if (this.gameMode === 'dice-pool' && this.dicePool !== undefined) {
+      return this.dicePool.getAndRemoveDieFromPool()
+    }
+    return getRandomDice()
+  }
+
   private getColumnName(column: number) {
     if (column === 0) {
       return 'left'
@@ -154,7 +184,7 @@ export class GameState implements IGameState {
     playerOne.dice = undefined
 
     if (giveNextDice) {
-      playerTwo.dice = getRandomDice()
+      playerTwo.dice = this.getRandomDice()
     }
 
     this.nextPlayer = playerTwo
@@ -217,6 +247,7 @@ export class GameState implements IGameState {
     playerTwo,
     nextPlayer,
     logs,
+    dicePool,
     ...rest
   }: IGameState) {
     return new GameState({
@@ -224,7 +255,8 @@ export class GameState implements IGameState {
       playerOne: Player.fromJson(playerOne),
       playerTwo: Player.fromJson(playerTwo),
       nextPlayer: Player.fromJson(nextPlayer),
-      logs: logs.map((iLog) => Log.fromJson(iLog))
+      logs: logs.map((iLog) => Log.fromJson(iLog)),
+      dicePool: dicePool !== undefined ? new DicePool(dicePool.pool) : dicePool
     })
   }
 
@@ -233,6 +265,8 @@ export class GameState implements IGameState {
       playerOne: this.playerOne.toJson(),
       playerTwo: this.playerTwo.toJson(),
       logs: this.logs.map((log) => log.toJson()),
+      gameMode: this.gameMode,
+      dicePool: this.dicePool?.toJson(),
       outcome: this.outcome,
       nextPlayer: this.nextPlayer.toJson(),
       rematchVote: this.rematchVote,
diff --git a/packages/common/src/classes/Lobby.ts b/packages/common/src/classes/Lobby.ts
index c8b1337..7366406 100644
--- a/packages/common/src/classes/Lobby.ts
+++ b/packages/common/src/classes/Lobby.ts
@@ -1,5 +1,5 @@
 import { type ILobby } from '../interfaces'
-import { type BoType } from '../types'
+import { type GameMode, type BoType } from '../types'
 import { GameState } from './GameState'
 import { Player } from './Player'
 
@@ -9,11 +9,23 @@ interface LobbyConstructorArg extends Partial<Omit<ILobby, 'players'>> {
 
 export class Lobby implements ILobby {
   players: Player[]
+  gameMode: GameMode
   boType?: BoType
 
-  constructor({ boType, players = [] }: LobbyConstructorArg = {}) {
+  constructor({
+    boType,
+    gameMode = 'classic',
+    players = []
+  }: LobbyConstructorArg = {}) {
     this.players = players
     this.boType = boType
+    this.gameMode = gameMode
+  }
+
+  // À voir si on a vraiment besoin de faire des setters sachant que les
+  // attributs sont publics (vu qu'on implémente une interface)
+  setGameMode(gameMode: GameMode) {
+    this.gameMode = gameMode
   }
 
   setBoType(boType: BoType) {
@@ -44,7 +56,8 @@ export class Lobby implements ILobby {
     const gameState = new GameState({
       playerOne: this.players[0],
       playerTwo: this.players[1],
-      boType: this.boType
+      boType: this.boType,
+      gameMode: this.gameMode
     })
     gameState.initialize()
     return gameState
diff --git a/packages/common/src/classes/Player.ts b/packages/common/src/classes/Player.ts
index 3c47523..0fc7d86 100644
--- a/packages/common/src/classes/Player.ts
+++ b/packages/common/src/classes/Player.ts
@@ -49,14 +49,23 @@ export class Player {
     }
   }
 
+  /**
+   * Returns how many dice have been removed from column
+   */
   removeDice(dice: number, column: number) {
     if (column < 0 || column > 2) {
       throw new Error('Invalid column. Value must be between 0 and 2.')
     }
 
+    const columnSizeBefore = this.columns[column].length
+
     this.columns[column] = this.columns[column].filter(
       (existingDice) => existingDice !== dice
     )
+
+    const columnSizeAfter = this.columns[column].length
+
+    return columnSizeBefore - columnSizeAfter
   }
 
   areColumnsFilled(): boolean {
diff --git a/packages/common/src/interfaces/IDicePool.ts b/packages/common/src/interfaces/IDicePool.ts
new file mode 100644
index 0000000..d4f1023
--- /dev/null
+++ b/packages/common/src/interfaces/IDicePool.ts
@@ -0,0 +1,3 @@
+export interface IDicePool {
+  pool: number[]
+}
diff --git a/packages/common/src/interfaces/IGameState.ts b/packages/common/src/interfaces/IGameState.ts
index 24fc15a..dda8e67 100644
--- a/packages/common/src/interfaces/IGameState.ts
+++ b/packages/common/src/interfaces/IGameState.ts
@@ -1,4 +1,10 @@
-import { type BoType, type Outcome, type OutcomeHistory } from '../types'
+import {
+  type GameMode,
+  type BoType,
+  type Outcome,
+  type OutcomeHistory
+} from '../types'
+import { type IDicePool } from './IDicePool'
 import { type ILog } from './ILog'
 import { type IPlayer } from './IPlayer'
 
@@ -13,4 +19,6 @@ export interface IGameState {
   outcome: Outcome
   outcomeHistory: OutcomeHistory
   rematchVote?: string
+  gameMode: GameMode
+  dicePool?: IDicePool
 }
diff --git a/packages/common/src/interfaces/ILobby.ts b/packages/common/src/interfaces/ILobby.ts
index cc399ff..2345dde 100644
--- a/packages/common/src/interfaces/ILobby.ts
+++ b/packages/common/src/interfaces/ILobby.ts
@@ -1,7 +1,8 @@
-import { type BoType } from '../types'
+import { type GameMode, type BoType } from '../types'
 import { type IPlayer } from './IPlayer'
 
 export interface ILobby {
   players: IPlayer[]
   boType?: BoType
+  gameMode?: GameMode
 }
diff --git a/packages/common/src/types/gameSettings.ts b/packages/common/src/types/gameSettings.ts
index b20e14a..93628c2 100644
--- a/packages/common/src/types/gameSettings.ts
+++ b/packages/common/src/types/gameSettings.ts
@@ -1,9 +1,11 @@
 export type Difficulty = 'easy' | 'medium' | 'hard'
 export type BoType = 'indefinite' | 1 | 3 | 5
 export type PlayerType = 'human' | 'ai'
+export type GameMode = 'classic' | 'dice-pool'
 
 export interface GameSettings {
   playerType: PlayerType
   boType: BoType
   difficulty?: Difficulty
+  gameMode: GameMode
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ab9d639..caa80df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     devDependencies:
       '@cloudflare/workers-types':
-        specifier: ^4.20240314.0
-        version: 4.20240314.0
+        specifier: ^4.20240329.0
+        version: 4.20240329.0
       '@sentry/types':
         specifier: ^7.107.0
         version: 7.107.0
@@ -108,8 +108,8 @@ importers:
         specifier: ^5.1.6
         version: 5.1.6(@types/node@20.11.28)
       wrangler:
-        specifier: ^3.34.2
-        version: 3.34.2(@cloudflare/workers-types@4.20240314.0)
+        specifier: ^3.42.0
+        version: 3.42.0(@cloudflare/workers-types@4.20240329.0)
 
   apps/front:
     dependencies:
@@ -125,6 +125,9 @@ importers:
       '@knucklebones/common':
         specifier: workspace:*
         version: link:../../packages/common
+      '@radix-ui/react-popover':
+        specifier: ^1.0.7
+        version: 1.0.7(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-toggle-group':
         specifier: ^1.0.4
         version: 1.0.4(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
@@ -210,8 +213,8 @@ packages:
       mime: 3.0.0
     dev: true
 
-  /@cloudflare/workerd-darwin-64@1.20240304.0:
-    resolution: {integrity: sha512-rfHlvsWzkqEEQNvm14AOE/BYHYzB9wxQHCaZZEgwOuTl5KpDcs9La0N0LaDTR78ESumIWOcifVmko2VTrZb7TQ==}
+  /@cloudflare/workerd-darwin-64@1.20240329.0:
+    resolution: {integrity: sha512-/raHmsHrYjoC5am84wqyiZIDCRrrYN6YDFb4zchwWQzJ0ZHleUeY6IzNdjujrS/gYey/+Db9oyl2PD1xAZt4gA==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [darwin]
@@ -219,8 +222,8 @@ packages:
     dev: true
     optional: true
 
-  /@cloudflare/workerd-darwin-arm64@1.20240304.0:
-    resolution: {integrity: sha512-IXGOxHsPdRYfAzcY6IroI1PDvx3hhXf18qFCloHp8Iw5bzLgq/PTjcp10Z/2xedZ2hVlfpHy1eEptsTmi9YeNw==}
+  /@cloudflare/workerd-darwin-arm64@1.20240329.0:
+    resolution: {integrity: sha512-3wnwVdfFDt+JUhlA6NWW+093ryGNF0HMuBmkOh0PG6j4GMRH8Y+EDsqzqrzT3ZoGGXbI9x1H7k15VKb3LAN/KA==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [darwin]
@@ -228,8 +231,8 @@ packages:
     dev: true
     optional: true
 
-  /@cloudflare/workerd-linux-64@1.20240304.0:
-    resolution: {integrity: sha512-G1BEzbw9TFIeMvc425F145IetC7fuH4KOkGhseLq9y/mt5PfDWkghwmXSK+q0BiMwm0XAobtzVlHcEr2u4WlRQ==}
+  /@cloudflare/workerd-linux-64@1.20240329.0:
+    resolution: {integrity: sha512-E909ZIXgjdr2iuq5bF/vq02elizDlPQoYRiKojdvODC7w8rbnpwnuptajS4xK5kmKh4XBiU2o9NDhut/W1kfyw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [linux]
@@ -237,8 +240,8 @@ packages:
     dev: true
     optional: true
 
-  /@cloudflare/workerd-linux-arm64@1.20240304.0:
-    resolution: {integrity: sha512-LLk/d/y77TRu6QOG3CJUI2cD3Ff2lSg0ts6G83bsm9ZK+WKObWFFSPBy9l81m3EnlKFh7RZCzxN4J10kuDaO8w==}
+  /@cloudflare/workerd-linux-arm64@1.20240329.0:
+    resolution: {integrity: sha512-PELA3FVW75pKchsSI5o40oiClFY2Uiq+KUx/f/srwz2pIJoM5YWLmFrv+s8feKoEwuabxIGSzHxy7QA++HyprQ==}
     engines: {node: '>=16'}
     cpu: [arm64]
     os: [linux]
@@ -246,8 +249,8 @@ packages:
     dev: true
     optional: true
 
-  /@cloudflare/workerd-windows-64@1.20240304.0:
-    resolution: {integrity: sha512-I/j6nVpM+WDPg+bYUAiKLkwQsjrXFjpOGHvwYmcM44hnDjgODzk7AbVssEIXnhEO3oupBeuKvffr0lvX0Ngmpw==}
+  /@cloudflare/workerd-windows-64@1.20240329.0:
+    resolution: {integrity: sha512-/T+AcjVqTuqAeGBQmjAF4TOTm8sv3BSO/NtUPa1ghCvsp1sb03L6/c3wFc9ZonSdRYeBb0XDX7PnenGCvjr/Tw==}
     engines: {node: '>=16'}
     cpu: [x64]
     os: [win32]
@@ -255,8 +258,8 @@ packages:
     dev: true
     optional: true
 
-  /@cloudflare/workers-types@4.20240314.0:
-    resolution: {integrity: sha512-eg2dK/tYSiFvQu3sexjB32WEGi3GEmY6pLRF4nrV9Rwi2F2965o6f6604jQY8whhrmNdEoWErSjhuuUld6xgKQ==}
+  /@cloudflare/workers-types@4.20240329.0:
+    resolution: {integrity: sha512-AbzgvSQjG8Nci4xxQEcjTTVjiWXgOQnFIbIHtEZXteHiMGDXMWGegjWBo5JHGsZCq+U5V/SD5EnlypQnUQEoig==}
     dev: true
 
   /@cspotcode/source-map-support@0.8.1:
@@ -895,6 +898,27 @@ packages:
       '@babel/runtime': 7.24.0
     dev: false
 
+  /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
     peerDependencies:
@@ -961,6 +985,68 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@types/react': 18.2.66
+      react: 18.2.0
+    dev: false
+
+  /@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-id@1.0.1(@types/react@18.2.66)(react@18.2.0):
     resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
     peerDependencies:
@@ -976,6 +1062,114 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-popover@1.0.7(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-shtvVnlsxT6faMnK/a7n0wptwBD23xc1Z5mdrtKLwVEfsEMXodS0r5s0/g5P0hX//EKYZS2sxUjqfzlg52ZSnQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      aria-hidden: 1.2.4
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-remove-scroll: 2.5.5(@types/react@18.2.66)(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-popper@1.1.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@floating-ui/react-dom': 2.0.8(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/rect': 1.0.1
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-portal@1.0.4(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-presence@1.0.1(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      '@types/react-dom': 18.2.22
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.22)(@types/react@18.2.66)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==}
     peerDependencies:
@@ -1120,6 +1314,21 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.66)(react@18.2.0):
     resolution: {integrity: sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==}
     peerDependencies:
@@ -1134,6 +1343,42 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-rect@1.0.1(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/rect': 1.0.1
+      '@types/react': 18.2.66
+      react: 18.2.0
+    dev: false
+
+  /@radix-ui/react-use-size@1.0.1(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.24.0
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.66)(react@18.2.0)
+      '@types/react': 18.2.66
+      react: 18.2.0
+    dev: false
+
+  /@radix-ui/rect@1.0.1:
+    resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
+    dependencies:
+      '@babel/runtime': 7.24.0
+    dev: false
+
   /@remix-run/router@1.11.0:
     resolution: {integrity: sha512-BHdhcWgeiudl91HvVa2wxqZjSHbheSgIiDvxrF1VjFzBzpTtuDPkOdOi3Iqvc08kXtFkLjhbS+ML9aM8mJS+wQ==}
     engines: {node: '>=14.0.0'}
@@ -1719,6 +1964,13 @@ packages:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
     dev: true
 
+  /aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
   /array-buffer-byte-length@1.0.1:
     resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
     engines: {node: '>= 0.4'}
@@ -2156,6 +2408,10 @@ packages:
       object-keys: 1.1.1
     dev: true
 
+  /detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+    dev: false
+
   /didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
     dev: true
@@ -2959,6 +3215,11 @@ packages:
       hasown: 2.0.2
     dev: true
 
+  /get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+    dev: false
+
   /get-source@2.0.12:
     resolution: {integrity: sha512-X5+4+iD+HoSeEED+uwrQ07BOQr0kEDFMVqqpBuI+RaZBpBpHCuXxo70bjar6f0b0u/DQJsJ7ssurpP0V60Az+w==}
     dependencies:
@@ -3182,6 +3443,12 @@ packages:
       side-channel: 1.0.6
     dev: true
 
+  /invariant@2.2.4:
+    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+    dependencies:
+      loose-envify: 1.4.0
+    dev: false
+
   /is-array-buffer@3.0.4:
     resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
     engines: {node: '>= 0.4'}
@@ -3634,8 +3901,8 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /miniflare@3.20240304.2:
-    resolution: {integrity: sha512-yQ5TBKv7TlvF8khFvvH+1WWk8cBnaLgNzcbJ5DLQOdecxdDxUCVlN38HThd6Nhcz6EY+ckDkww8FkugUbSSpIQ==}
+  /miniflare@3.20240329.0:
+    resolution: {integrity: sha512-kdHlMwhV241kck5oh8uyKPIhCusP1BL4+iOSeJZgcJ46EATA6crWtYqlARNU9t/iYXhzKhXOlOPJjjlCJuOgTA==}
     engines: {node: '>=16.13'}
     hasBin: true
     dependencies:
@@ -3647,7 +3914,7 @@ packages:
       glob-to-regexp: 0.4.1
       stoppable: 1.1.0
       undici: 5.28.3
-      workerd: 1.20240304.0
+      workerd: 1.20240329.0
       ws: 8.16.0
       youch: 3.3.3
       zod: 3.22.4
@@ -4164,6 +4431,41 @@ packages:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: true
 
+  /react-remove-scroll-bar@2.3.6(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.66
+      react: 18.2.0
+      react-style-singleton: 2.2.1(@types/react@18.2.66)(react@18.2.0)
+      tslib: 2.6.2
+    dev: false
+
+  /react-remove-scroll@2.5.5(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.66
+      react: 18.2.0
+      react-remove-scroll-bar: 2.3.6(@types/react@18.2.66)(react@18.2.0)
+      react-style-singleton: 2.2.1(@types/react@18.2.66)(react@18.2.0)
+      tslib: 2.6.2
+      use-callback-ref: 1.3.2(@types/react@18.2.66)(react@18.2.0)
+      use-sidecar: 1.1.2(@types/react@18.2.66)(react@18.2.0)
+    dev: false
+
   /react-router-dom@6.18.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Ubrue4+Ercc/BoDkFQfc6og5zRQ4A8YxSO3Knsne+eRbZ+IepAsK249XBH/XaFuOYOYr3L3r13CXTLvYt5JDjw==}
     engines: {node: '>=14.0.0'}
@@ -4187,6 +4489,23 @@ packages:
       react: 18.2.0
     dev: false
 
+  /react-style-singleton@2.2.1(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.66
+      get-nonce: 1.0.1
+      invariant: 2.2.4
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /react-universal-interface@0.6.2(react@18.2.0)(tslib@2.6.2):
     resolution: {integrity: sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==}
     peerDependencies:
@@ -4985,6 +5304,21 @@ packages:
       punycode: 2.3.1
     dev: true
 
+  /use-callback-ref@1.3.2(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.66
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /use-clipboard-copy@0.2.0(react@18.2.0):
     resolution: {integrity: sha512-f0PMMwZ2/Hh9/54L12capx4s6ASdd6edNJxg2OcqWVNM8BPvtOSmNFIN1Dg/q//fPp8MpUZceHfr7cnWOS0RxA==}
     peerDependencies:
@@ -4994,6 +5328,22 @@ packages:
       react: 18.2.0
     dev: false
 
+  /use-sidecar@1.1.2(@types/react@18.2.66)(react@18.2.0):
+    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.66
+      detect-node-es: 1.1.0
+      react: 18.2.0
+      tslib: 2.6.2
+    dev: false
+
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
@@ -5106,37 +5456,37 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /workerd@1.20240304.0:
-    resolution: {integrity: sha512-/tYxdypPh9NKQje9r7bgBB73vAQfCQZbEPjNlxE/ml7jNKMHnRZv/D+By4xO0IPAifa37D0sJFokvYOahz1Lqw==}
+  /workerd@1.20240329.0:
+    resolution: {integrity: sha512-6wWuMOwWsp3K6447XsI/MZYFq0KlpV2zVbbNFEkv3N7UgJJKaHGwL/hilr6RlS4UFLU4co8nrF2lc5uR781HKg==}
     engines: {node: '>=16'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@cloudflare/workerd-darwin-64': 1.20240304.0
-      '@cloudflare/workerd-darwin-arm64': 1.20240304.0
-      '@cloudflare/workerd-linux-64': 1.20240304.0
-      '@cloudflare/workerd-linux-arm64': 1.20240304.0
-      '@cloudflare/workerd-windows-64': 1.20240304.0
+      '@cloudflare/workerd-darwin-64': 1.20240329.0
+      '@cloudflare/workerd-darwin-arm64': 1.20240329.0
+      '@cloudflare/workerd-linux-64': 1.20240329.0
+      '@cloudflare/workerd-linux-arm64': 1.20240329.0
+      '@cloudflare/workerd-windows-64': 1.20240329.0
     dev: true
 
-  /wrangler@3.34.2(@cloudflare/workers-types@4.20240314.0):
-    resolution: {integrity: sha512-j580WXlOe0GtYdcREym7FLcaaZq9+RZEBuzOtKXx74KKUlEC8cglgf5WWa2C2OpEtJCcrAieEHsNXe7mhy9knA==}
+  /wrangler@3.42.0(@cloudflare/workers-types@4.20240329.0):
+    resolution: {integrity: sha512-t/Fq80aG5RrCyN118aV9oG1Tt66QEatz0tarKzpy0cuUMUf3T3yJAuYb6kmYIy6+beQJNoGWSAjjhAQnOn2MCQ==}
     engines: {node: '>=16.17.0'}
     hasBin: true
     peerDependencies:
-      '@cloudflare/workers-types': ^4.20230914.0
+      '@cloudflare/workers-types': ^4.20240320.1
     peerDependenciesMeta:
       '@cloudflare/workers-types':
         optional: true
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.1
-      '@cloudflare/workers-types': 4.20240314.0
+      '@cloudflare/workers-types': 4.20240329.0
       '@esbuild-plugins/node-globals-polyfill': 0.2.3(esbuild@0.17.19)
       '@esbuild-plugins/node-modules-polyfill': 0.2.2(esbuild@0.17.19)
       blake3-wasm: 2.1.5
       chokidar: 3.6.0
       esbuild: 0.17.19
-      miniflare: 3.20240304.2
+      miniflare: 3.20240329.0
       nanoid: 3.3.7
       path-to-regexp: 6.2.1
       resolve: 1.22.8