Fix study system: per-hour mana cost instead of upfront, fix game time freeze bug, improve mobile UI

src/components/game/CalendarDisplay.tsx

@@ -4,18 +4,20 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
 import { MAX_DAY, INCURSION_START_DAY } from '@/lib/game/constants';
 
 interface CalendarDisplayProps {
-  currentDay: number;
+  day: number;
+  hour: number;
+  incursionStrength?: number;
 }
 
-export function CalendarDisplay({ currentDay }: CalendarDisplayProps) {
+export function CalendarDisplay({ day }: CalendarDisplayProps) {
   const days: React.ReactElement[] = [];
   
   for (let d = 1; d <= MAX_DAY; d++) {
-    let dayClass = 'w-7 h-7 rounded text-xs flex items-center justify-center font-mono border transition-all ';
+    let dayClass = 'w-6 h-6 sm:w-7 sm:h-7 rounded text-xs flex items-center justify-center font-mono border transition-all ';
     
-    if (d < currentDay) {
+    if (d < day) {
       dayClass += 'bg-blue-900/30 border-blue-800/50 text-blue-400';
-    } else if (d === currentDay) {
+    } else if (d === day) {
       dayClass += 'bg-blue-600/40 border-blue-500 text-blue-300 shadow-lg shadow-blue-500/30';
     } else {
       dayClass += 'bg-gray-800/30 border-gray-700/50 text-gray-500';
@@ -40,5 +42,9 @@ export function CalendarDisplay({ currentDay }: CalendarDisplayProps) {
     );
   }
   
-  return <>{days}</>;
+  return (
+    <div className="grid grid-cols-7 sm:grid-cols-7 md:grid-cols-14 gap-1">
+      {days}
+    </div>
+  );
 }