fix(layout): fit names on phones without sideways scroll

Display and game names shrink to 0.875rem, then end with an ellipsis
(FitText + fit-text utility, CSS container units, full text in title).
Rows and buttons wrap at large fonts, header points chip can shrink.
Guard: scripts/check-overflow.js.

src/pages/PointsPage.jsx

@@ -10,6 +10,7 @@ import {Card} from '@/components/ui/card';
 import {Skeleton} from '@/components/ui/skeleton';
 import {cn} from '@/lib/utils';
 import EffectBackground from '../components/EffectBackground.jsx';
+import FitText from '../components/FitText.jsx';
 import PageContainer from '../components/PageContainer.jsx';
 import {usePreferences} from '../context/PreferencesContext.jsx';
 import useInView from '../hooks/useInView.js';
@@ -53,8 +54,8 @@ export default function PointsPage() {
     const entryLabel = (entry) => {
         if (GAME_KINDS.includes(entry.kind)) {
             return (
-                <Link to={`/library/${entry.ref}`} className="font-medium text-primary hover:underline">
-                    {entry.gameName ?? entry.ref}
+                <Link to={`/library/${entry.ref}`} className="block min-w-0 max-w-full font-medium text-primary hover:underline">
+                    <FitText text={entry.gameName ?? entry.ref}/>
                 </Link>
             );
         }
@@ -128,13 +129,13 @@ export default function PointsPage() {
                         {wallet.history.map((entry) => {
                             const label = entryLabel(entry);
                             return (
-                                <li key={`${entry.kind}-${entry.ref}-${entry.eventAt}`} className="flex items-center gap-3 py-2 text-sm">
+                                <li key={`${entry.kind}-${entry.ref}-${entry.eventAt}`} className="@container flex items-center gap-3 py-2 text-sm">
                                     <span className="w-24 shrink-0 text-muted-foreground tabular-nums">
                                         {formatDate(entry.eventAt, i18n.language)}
                                     </span>
-                                    <span className="min-w-0 flex-1 truncate">
-                                        {t(`POINTS.KINDS.${entry.kind}`)}
-                                        {label && <> {label}</>}
+                                    <span className="flex min-w-0 flex-1 gap-1">
+                                        <span className="min-w-0 truncate">{t(`POINTS.KINDS.${entry.kind}`)}</span>
+                                        {label && <span className="min-w-0 truncate">{label}</span>}
                                     </span>
                                     {entry.points !== 0 && (
                                         <span className={cn('font-semibold tabular-nums', entry.points < 0 && 'text-muted-foreground')}>