Redesign l'en-tête de la Corne d'Abondance, comme sur Icare

Le bouton Classement vivait juste au-dessus du jeu, séparé par un simple gap — pas assez pour la preview de la prochaine pièce (qui grandit vers le haut avec le palier annoncé) sur les gros paliers, d'où le chevauchement signalé. Titre et Classement passent sur une seule ligne compacte en haut de page (même style qu'Icare), avec un espacement généreux avant le jeu.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/corne/corne-view.tsx

@@ -122,15 +122,14 @@ export function CorneView({
 
   return (
     <div className="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 px-4 py-8">
-      <div className="text-center">
+      {/* Même en-tête compact que /icare (titre + Classement sur une seule
-        <h1 className="font-heading text-2xl tracking-[0.1em] text-gold-bright uppercase">
+          ligne) : l'ancien bouton isolé juste au-dessus du jeu pouvait se
+          faire chevaucher par la preview de la prochaine pièce sur les gros
+          paliers — ici il est tout en haut, loin du jeu, comme sur Icare. */}
+      <div className="flex w-full items-center justify-between">
+        <h1 className="font-heading text-sm tracking-[0.15em] text-gold-bright uppercase">
           La Corne d&apos;Abondance
         </h1>
-        <p className="font-serif text-sm text-marble/60 italic">
-          Fais fusionner les Citoyens jusqu&apos;au débordement.
-        </p>
-      </div>
-
         <button
           type="button"
           onClick={() => setShowRanking(true)}
@@ -139,8 +138,11 @@ export function CorneView({
           <IconHorn className="h-4 w-4" />
           Classement
         </button>
+      </div>
 
+      <div className="mt-10">
         <MelonGame citizens={citizens} onStart={handleStart} onFinish={handleFinish} />
+      </div>
 
       {ownBestScore !== null && (
         <p className="text-center font-heading text-sm tracking-wide text-marble">