From 927923dc953d334864508860413aa88492e690dc Mon Sep 17 00:00:00 2001
From: pavel444-byte <pavel.melnikov.kid.1993@gmail.com>
Date: Sat, 24 Oct 2026 14:11:17 +0500
Subject: [PATCH] Improve accessibility and polish page styling

---
 app/about/page.tsx               |  2 +-
 app/admin/page.tsx               |  2 +-
 app/auth/reset-password/page.tsx |  2 +-
 app/ban/appeal/page.tsx          |  2 +-
 app/changelogs/page.tsx          |  2 +-
 app/dashboard/[id]/page.tsx      |  2 +-
 app/dashboard/page.tsx           |  2 +-
 app/dev/api/page.tsx             |  2 +-
 app/docs/page.tsx                |  2 +-
 app/downloads/page.tsx           | 13 ++++++-------
 app/error.tsx                    |  2 +-
 app/globals.css                  |  9 +++++++--
 app/layout.tsx                   |  9 +++++----
 app/leaderboard/loading.tsx      |  2 ++
 app/leaderboard/page.tsx         |  2 +-
 app/log-in/page.tsx              |  2 +-
 app/moderation/page.tsx          |  2 +-
 app/not-found.tsx                |  2 +-
 app/page.tsx                     | 18 ++++++++---------
 app/pair/page.tsx                |  2 +-
 app/polish.css                   | 33 ++++++++++++++++++++++++++++++++
 app/results/[id]/page.tsx        |  2 +-
 app/rounded-theme.css            |  2 +-
 app/servers/[id]/page.tsx        |  2 +-
 app/servers/page.tsx             |  2 +-
 app/settings/page.tsx            |  2 +-
 app/support/[id]/page.tsx        |  2 +-
 app/support/page.tsx             |  2 +-
 app/tournaments/[id]/page.tsx    |  2 +-
 app/tournaments/page.tsx         |  2 +-
 components/Game.tsx              |  2 +-
 components/MultiplayerRoom.tsx   |  2 +-
 components/PageLoading.tsx       |  2 ++
 shared/locales/ru.json           |  9 +++++++++
 34 files changed, 99 insertions(+), 48 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index dde7b57..aed4546 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -6,7 +6,7 @@ export default async function About() {
   return (
     <>
       <Header />
-      <main className="section page-content prose">
+      <main className="section page-content prose" id="main-content" tabIndex={-1}>
         <span className="eyebrow">{t("THE EXPLORER’S FIELD GUIDE")}</span>
         <h1>
           {t("You know this place.")}
diff --git a/app/admin/page.tsx b/app/admin/page.tsx
index 3adf174..62c76d1 100644
--- a/app/admin/page.tsx
+++ b/app/admin/page.tsx
@@ -9,7 +9,7 @@ export default async function AdminPage() {
   return (
     <>
       <Header />
-      <main className="section page-content moderation-page">
+      <main className="section page-content moderation-page" id="main-content" tabIndex={-1}>
         <span className="eyebrow">MINEGEO ADMIN</span>
         <h1>{t("Admin Tools.")}</h1>
         <p className="lead">
diff --git a/app/auth/reset-password/page.tsx b/app/auth/reset-password/page.tsx
index 7d6d7ee..6635c53 100644
--- a/app/auth/reset-password/page.tsx
+++ b/app/auth/reset-password/page.tsx
@@ -30,7 +30,7 @@ export default async function ResetPassword() {
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <section className="auth-card reset-card">
           <span className="eyebrow">{t("ACCOUNT RECOVERY")}</span>
           <h1>{t("A fresh start.")}</h1>
diff --git a/app/ban/appeal/page.tsx b/app/ban/appeal/page.tsx
index 1641e00..647d7ae 100644
--- a/app/ban/appeal/page.tsx
+++ b/app/ban/appeal/page.tsx
@@ -12,7 +12,7 @@ export default async function AppealPage() {
   return (
     <>
       <Header />
-      <main className={`section page-content ${styles.page}`}>
+      <main className={`section page-content ${styles.page}`} id="main-content" tabIndex={-1}>
         <span className="eyebrow">MINEGEO</span>
         <h1>{ru ? "Доступ и апелляции." : "Account access & appeals."}</h1>
         {account ? (
diff --git a/app/changelogs/page.tsx b/app/changelogs/page.tsx
index 945c2c4..851513e 100644
--- a/app/changelogs/page.tsx
+++ b/app/changelogs/page.tsx
@@ -28,7 +28,7 @@ export default async function ChangelogsPage({
   return (
     <>
       <Header />
-      <main className="section page-content changelog-page">
+      <main className="section page-content changelog-page" id="main-content" tabIndex={-1}>
         {!before && <ChangelogRefresh />}
         <span className="eyebrow">{t("WHAT'S NEW")}</span>
         <h1>{t("Changelogs")}</h1>
diff --git a/app/dashboard/[id]/page.tsx b/app/dashboard/[id]/page.tsx
index 35332bf..01b23a3 100644
--- a/app/dashboard/[id]/page.tsx
+++ b/app/dashboard/[id]/page.tsx
@@ -18,7 +18,7 @@ export default async function Draft({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <span className="eyebrow">{t("YOUR WORLD · YOUR LOCATIONS")}</span>
         <h1>{t("Map workshop")}</h1>
         <DraftEditor id={id} hostName={profile.display_name} />
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 9ea5aae..9578cd9 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -28,7 +28,7 @@ export default async function DashboardPage() {
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         {account ? (
           <>
             <span className="eyebrow">{t("THE CARTOGRAPHER’S DESK")}</span>
diff --git a/app/dev/api/page.tsx b/app/dev/api/page.tsx
index 7346b58..358ad60 100644
--- a/app/dev/api/page.tsx
+++ b/app/dev/api/page.tsx
@@ -14,7 +14,7 @@ export default async function DeveloperApiPage() {
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <DeveloperPanel signedIn={Boolean(account)} />
       </main>
       <Footer />
diff --git a/app/docs/page.tsx b/app/docs/page.tsx
index 8b0b01a..a6dbffa 100644
--- a/app/docs/page.tsx
+++ b/app/docs/page.tsx
@@ -93,7 +93,7 @@ export default async function Docs({
   return (
     <>
       <Header />
-      <main className={`section page-content ${styles.layout}`}>
+      <main className={`section page-content ${styles.layout}`} id="main-content" tabIndex={-1}>
         <aside>
           <h2>Player docs</h2>
           <nav aria-label="Documentation pages" className={styles.menu}>
diff --git a/app/downloads/page.tsx b/app/downloads/page.tsx
index 6a1882f..449f734 100644
--- a/app/downloads/page.tsx
+++ b/app/downloads/page.tsx
@@ -14,8 +14,8 @@ export default async function Downloads() {
   return (
     <>
       <Header />
-      <main className="section page-content">
-        <article className="tool-card" style={{ marginBottom: 40 }}>
+      <main className="section page-content" id="main-content" tabIndex={-1}>
+        <article className="tool-card desktop-download-card">
           <span className="eyebrow">{t("MINEGEO DESKTOP")}</span>
           <h2>{t("Your next expedition, on your desktop.")}</h2>
           <p className="muted">
@@ -26,7 +26,7 @@ export default async function Downloads() {
           <a className="button primary" href={desktopRelease.file} download>
             <Download size={16} /> {t("Download for Windows")}
           </a>
-          <p className="muted" style={{ marginTop: 16 }}>
+          <p className="muted desktop-download-version">
             {t(
               "Windows 10/11 · 64-bit · Version {version} · Internet required",
               { version: desktopRelease.version },
@@ -87,10 +87,9 @@ export default async function Downloads() {
               ) ? (
                 <a
                   key={version}
-                  className="button primary"
+                  className="button primary download-build-link"
                   href={`/tools/mod/minegeo-fabric-${version}-${release}.jar`}
                   download
-                  style={{ marginRight: 8, marginBottom: 8 }}
                 >
                   <Download size={16} /> {t("Download Fabric mod")} · {version}
                 </a>
@@ -100,7 +99,7 @@ export default async function Downloads() {
                 </p>
               ),
             )}
-            <p className="muted" style={{ fontSize: 11, marginTop: 20 }}>
+            <p className="muted tool-card-note tool-card-note-spaced">
               {t(
                 "Install the JAR in your Minecraft mods folder alongside Fabric API.",
               )}
@@ -156,7 +155,7 @@ export default async function Downloads() {
                 ". The manifest appears when export finishes. Upload sends the latest completed export; it does not capture the world.",
               )}
             </p>
-            <p className="muted" style={{ fontSize: 11 }}>
+            <p className="muted tool-card-note">
               {t(
                 "Put the JAR in plugins/ and restart. Set server-name and server-address in plugins/MineGeo/config.yml, then run /minegeo reload. Permission: minegeo.admin. The same plugin JAR supports all three versions.",
               )}
diff --git a/app/error.tsx b/app/error.tsx
index 319c30d..0017311 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -4,7 +4,7 @@ import { useI18n } from "@/components/I18nProvider";
 export default function ErrorPage({ retry }: { retry: () => void }) {
   const { t } = useI18n();
   return (
-    <main className="section page-content">
+    <main className="section page-content" id="main-content" tabIndex={-1}>
       <h1>{t("Lost connection.")}</h1>
       <p>
         {t(
diff --git a/app/globals.css b/app/globals.css
index ea06e94..9807eaf 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -26,7 +26,12 @@ body {
   margin: 0;
   background: var(--bg);
   color: var(--text);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
   font-size: 14px;
   line-height: 1.6;
 }
@@ -50,7 +55,7 @@ button {
   cursor: pointer;
 }
 button:disabled {
-  cursor: wait;
+  cursor: not-allowed;
   opacity: 0.6;
 }
 ::selection {
diff --git a/app/layout.tsx b/app/layout.tsx
index be4cdf1..435d7f7 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -44,16 +44,17 @@ export default async function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  const [{ locale, preference, detectedLocale }, settings] = await Promise.all([
-    getI18n(),
-    initialSiteSettings(),
-  ]);
+  const [{ locale, preference, detectedLocale, t }, settings] =
+    await Promise.all([getI18n(), initialSiteSettings()]);
   return (
     <html lang={locale} data-theme="dark" suppressHydrationWarning>
       <head>
         <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
       </head>
       <body>
+        <a className="skip-link" href="#main-content">
+          {t("Skip to content")}
+        </a>
         <I18nProvider
           locale={locale}
           preference={preference}
diff --git a/app/leaderboard/loading.tsx b/app/leaderboard/loading.tsx
index 0cd8cc9..2f56db7 100644
--- a/app/leaderboard/loading.tsx
+++ b/app/leaderboard/loading.tsx
@@ -6,6 +6,8 @@ export default async function LoadingLeaderboard() {
       className="section page-content leaderboard-page"
       aria-busy="true"
       aria-label={t("Loading leaderboard")}
+      id="main-content"
+      tabIndex={-1}
     >
       <span className="eyebrow">{t("THE EXPLORERS’ BOARD")}</span>
       <h1>{t("Every block counts.")}</h1>
diff --git a/app/leaderboard/page.tsx b/app/leaderboard/page.tsx
index 25ee5e7..0a70a96 100644
--- a/app/leaderboard/page.tsx
+++ b/app/leaderboard/page.tsx
@@ -42,7 +42,7 @@ export default async function LeaderboardPage({
   return (
     <>
       <Header />
-      <main className="section page-content leaderboard-page" id="main-content">
+      <main className="section page-content leaderboard-page" id="main-content" tabIndex={-1}>
         <Link href="/" className="text-link leaderboard-back">
           <ArrowLeft size={14} /> {t("Back to home")}
         </Link>
diff --git a/app/log-in/page.tsx b/app/log-in/page.tsx
index 73c934a..47b3e0d 100644
--- a/app/log-in/page.tsx
+++ b/app/log-in/page.tsx
@@ -22,7 +22,7 @@ export default async function LogIn({
   return (
     <>
       <Header />
-      <main className="section page-content auth-page">
+      <main className="section page-content auth-page" id="main-content" tabIndex={-1}>
         <SignIn
           next={next}
           initialError={
diff --git a/app/moderation/page.tsx b/app/moderation/page.tsx
index feb5a19..c8f801e 100644
--- a/app/moderation/page.tsx
+++ b/app/moderation/page.tsx
@@ -10,7 +10,7 @@ export default async function Review() {
   return (
     <>
       <Header />
-      <main className="section page-content moderation-page">
+      <main className="section page-content moderation-page" id="main-content" tabIndex={-1}>
         <span className="eyebrow">{t("THE COMMUNITY’S COMPASS")}</span>
         <h1>{t("Moderation Tools.")}</h1>
         <p className="lead">
diff --git a/app/not-found.tsx b/app/not-found.tsx
index d0427ac..bd1a4d6 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 export default async function NotFound() {
   const { t } = await getI18n();
   return (
-    <main className="section page-content">
+    <main className="section page-content" id="main-content" tabIndex={-1}>
       <span className="eyebrow">{t("UNKNOWN COORDINATES")}</span>
       <h1>{t("Uncharted territory.")}</h1>
       <p>{t("This map or page isn’t available.")}</p>
diff --git a/app/page.tsx b/app/page.tsx
index ac749a9..6ef3701 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -30,10 +30,10 @@ export default async function Home() {
     <>
       <FirstVisitIntro />
       <Header />
-      <main className="home-page" id="main-content">
+      <main className="home-page" id="main-content" tabIndex={-1}>
         <section className="hero">
           <div className="hero-copy">
-            <div className="status-label">{t("A MINECRAFT GUESSING GAME")}</div>
+            <div className="status-label">{t("A Minecraft guessing game")}</div>
             <h1>
               {t("Guess where you are")}
               <br />
@@ -131,8 +131,8 @@ export default async function Home() {
         <section className="section catalog-section">
           <div className="section-heading">
             <div>
-              <span className="eyebrow">{t("COMMUNITY MAPS")}</span>
-              <h2>{t("Where will you go today?")}</h2>
+              <span className="eyebrow">{t("Community maps")}</span>
+              <h2>{t("Explore community worlds.")}</h2>
             </div>
             <Link className="text-link" href="/servers">
               {t("All maps ({count})", { count: maps.length })}{" "}
@@ -196,7 +196,7 @@ export default async function Home() {
         </Suspense>
         <section className="section home-panels">
           <article className="home-panel">
-            <span className="eyebrow">{t("HOW TO PLAY")}</span>
+            <span className="eyebrow">{t("How to play")}</span>
             <h2>{t("Know your blocks?")}</h2>
             <ol className="play-steps">
               <li>
@@ -234,8 +234,8 @@ export default async function Home() {
             </Link>
           </article>
           <article className="home-panel">
-            <span className="eyebrow">{t("CHOOSE YOUR CHALLENGE")}</span>
-            <h2>{t("Find your challenge.")}</h2>
+            <span className="eyebrow">{t("Choose a difficulty")}</span>
+            <h2>{t("Pick a difficulty.")}</h2>
             <div className="mode-list">
               {[
                 {
@@ -287,8 +287,8 @@ export default async function Home() {
         <section className="section contribute-banner">
           <Blocks size={38} />
           <div>
-            <span className="eyebrow">{t("BUILT BY THE COMMUNITY")}</span>
-            <h2>{t("Your world deserves to be explored.")}</h2>
+            <span className="eyebrow">{t("Made by MineGeo players")}</span>
+            <h2>{t("Put your world on the map.")}</h2>
             <p>
               {t("Share your builds and your favorite corners of Minecraft.")}
             </p>
diff --git a/app/pair/page.tsx b/app/pair/page.tsx
index 4d45c05..1cb9a45 100644
--- a/app/pair/page.tsx
+++ b/app/pair/page.tsx
@@ -14,7 +14,7 @@ export default async function Pair({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         {!account ? (
           <>
             <p className="muted">
diff --git a/app/polish.css b/app/polish.css
index 7d93e88..ee573c5 100644
--- a/app/polish.css
+++ b/app/polish.css
@@ -1,4 +1,21 @@
 /* Responsive corrections shared by both languages. */
+.skip-link {
+  position: fixed;
+  inset-block-start: 12px;
+  inset-inline-start: 12px;
+  z-index: 1000;
+  padding: 10px 14px;
+  transform: translateY(calc(-100% - 16px));
+  border: 1px solid var(--line);
+  border-radius: var(--radius-control);
+  color: var(--text);
+  background: var(--panel);
+  box-shadow: 0 4px 14px #03060a55;
+  white-space: nowrap;
+}
+.skip-link:focus-visible {
+  transform: translateY(0);
+}
 .language-switcher {
   display: inline-flex;
   align-items: center;
@@ -107,6 +124,22 @@ html[lang="ru"] .mode-row h3 span {
   display: flex;
   flex-direction: column;
 }
+.desktop-download-card {
+  margin-bottom: 40px;
+}
+.desktop-download-version {
+  margin-top: 16px;
+}
+.download-build-link {
+  margin-inline-end: 8px;
+  margin-block-end: 8px;
+}
+.tool-card-note {
+  font-size: 11px;
+}
+.tool-card-note-spaced {
+  margin-top: 20px;
+}
 .tool-card pre,
 .token-box code {
   max-width: 100%;
diff --git a/app/results/[id]/page.tsx b/app/results/[id]/page.tsx
index 2efe980..912a5f4 100644
--- a/app/results/[id]/page.tsx
+++ b/app/results/[id]/page.tsx
@@ -8,7 +8,7 @@ export default async function ResultPage({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <Results id={(await params).id} />
       </main>
       <Footer />
diff --git a/app/rounded-theme.css b/app/rounded-theme.css
index 0468f5d..ea61ccc 100644
--- a/app/rounded-theme.css
+++ b/app/rounded-theme.css
@@ -9,7 +9,7 @@
   --text: #eef1f4;
   --board-stone: #1a222c;
   --board-edge: #35404c;
-  --radius-panel: 16px;
+  --radius-panel: 12px;
   --radius-control: 9px;
 }
 body {
diff --git a/app/servers/[id]/page.tsx b/app/servers/[id]/page.tsx
index 996f890..4e64820 100644
--- a/app/servers/[id]/page.tsx
+++ b/app/servers/[id]/page.tsx
@@ -33,7 +33,7 @@ export default async function ServerPage({
   return (
     <>
       <Header />
-      <main className="section page-content map-detail-page">
+      <main className="section page-content map-detail-page" id="main-content" tabIndex={-1}>
         <Link className="map-back-link" href="/servers">
           <ArrowLeft size={16} aria-hidden="true" />
           {t("All worlds")}
diff --git a/app/servers/page.tsx b/app/servers/page.tsx
index 5be25a2..fc55f39 100644
--- a/app/servers/page.tsx
+++ b/app/servers/page.tsx
@@ -10,7 +10,7 @@ export default async function Servers() {
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <span className="eyebrow">
           {t("THE COMMUNITY AT YOUR COORDINATES")}
         </span>
diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index 432797e..641575f 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -35,7 +35,7 @@ export default async function Settings({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <Link
           className="text-link"
           href={active ? "/dashboard" : "/ban/appeal"}
diff --git a/app/support/[id]/page.tsx b/app/support/[id]/page.tsx
index 103e246..95a230d 100644
--- a/app/support/[id]/page.tsx
+++ b/app/support/[id]/page.tsx
@@ -13,7 +13,7 @@ export default async function Report({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <SupportConversation key={id} id={id} />
       </main>
       <Footer />
diff --git a/app/support/page.tsx b/app/support/page.tsx
index cf6e4d9..0ad581b 100644
--- a/app/support/page.tsx
+++ b/app/support/page.tsx
@@ -18,7 +18,7 @@ export default async function Support({
   return (
     <>
       <Header />
-      <main className="section page-content">
+      <main className="section page-content" id="main-content" tabIndex={-1}>
         <SupportInbox pagePath={pagePath} />
       </main>
       <Footer />
diff --git a/app/tournaments/[id]/page.tsx b/app/tournaments/[id]/page.tsx
index bdc449d..649be38 100644
--- a/app/tournaments/[id]/page.tsx
+++ b/app/tournaments/[id]/page.tsx
@@ -15,7 +15,7 @@ export default async function TournamentPage({
   return (
     <>
       <Header />
-      <main id="main-content">
+      <main id="main-content" tabIndex={-1}>
         <TournamentLobby id={id} signedIn={!!account} />
       </main>
       <Footer />
diff --git a/app/tournaments/page.tsx b/app/tournaments/page.tsx
index 07da7c9..d3ccbae 100644
--- a/app/tournaments/page.tsx
+++ b/app/tournaments/page.tsx
@@ -14,7 +14,7 @@ export default async function TournamentsPage({
   return (
     <>
       <Header />
-      <main id="main-content">
+      <main id="main-content" tabIndex={-1}>
         <TournamentIndex signedIn={!!account} initialMapId={initialMapId} />
       </main>
       <Footer />
diff --git a/components/Game.tsx b/components/Game.tsx
index 560f1a2..7958e76 100644
--- a/components/Game.tsx
+++ b/components/Game.tsx
@@ -192,7 +192,7 @@ export function Game({ id }: { id: string }) {
   const total =
     session?.rounds.reduce((n, r) => n + (r.result?.score || 0), 0) || 0;
   return (
-    <main className="game-page">
+    <main className="game-page" id="main-content" tabIndex={-1}>
       {session && current && (
         <Panorama
           key={session.round}
diff --git a/components/MultiplayerRoom.tsx b/components/MultiplayerRoom.tsx
index 00ae8ef..3cdc1d3 100644
--- a/components/MultiplayerRoom.tsx
+++ b/components/MultiplayerRoom.tsx
@@ -167,7 +167,7 @@ export function MultiplayerRoom({ id }: { id: string }) {
           {t("Play & maps")}
         </Link>
       </header>
-      <main className="section page-content multiplayer-lobby">
+      <main className="section page-content multiplayer-lobby" id="main-content" tabIndex={-1}>
         {error && (
           <p className="error-message" role="alert">
             {t(error)}{" "}
diff --git a/components/PageLoading.tsx b/components/PageLoading.tsx
index def7509..f9c0ca0 100644
--- a/components/PageLoading.tsx
+++ b/components/PageLoading.tsx
@@ -7,6 +7,8 @@ export async function PageLoading() {
       className="section page-content route-loading"
       aria-busy="true"
       aria-label={t("Loading page")}
+      id="main-content"
+      tabIndex={-1}
     >
       <p role="status" className="muted">
         {t("Loading page")}…
diff --git a/shared/locales/ru.json b/shared/locales/ru.json
index b1182b5..bedbd09 100644
--- a/shared/locales/ru.json
+++ b/shared/locales/ru.json
@@ -1,5 +1,14 @@
 {
   "MineGeo": "MineGeo",
+  "Skip to content": "Перейти к содержимому",
+  "A Minecraft guessing game": "Игра-угадайка по Minecraft",
+  "Community maps": "Карты сообщества",
+  "Explore community worlds.": "Исследуй миры сообщества.",
+  "How to play": "Как играть",
+  "Choose a difficulty": "Выбери сложность",
+  "Pick a difficulty.": "Выбери сложность.",
+  "Made by MineGeo players": "Создано игроками MineGeo",
+  "Put your world on the map.": "Добавь свой мир на карту.",
   "Open navigation": "Открыть меню",
   "Close navigation": "Закрыть меню",
   "Find your challenge.": "Найди свой вызов.",