Добавлены новые разделы документации: "Города и регистрация", "Крафты", "Приват и защита", "SkinRestore". Каждый раздел содержит информацию о статусе, что будет добавлено, и полезные советы для пользователей.

src/styles/wiki-egames.css

@@ -169,7 +169,7 @@ starlight-menu-button button::before {
 }
 
 starlight-menu-button[aria-expanded='true'] button::before {
-  content: '✕';
+  content: '×';
   font-size: 1.02rem;
   letter-spacing: 0;
   transform: none;
@@ -320,6 +320,22 @@ starlight-menu-button button:hover {
   transform: translateY(-1px);
 }
 
+/* Единый эффект свечения в момент нажатия для всех кнопок/кнопкоподобных элементов. */
+:is(
+    button:not(:disabled),
+    .sl-link-button,
+    .map-cta-button,
+    .map-ghost-button,
+    .copy-ip-chip
+  ):active {
+  transform: translateY(0) scale(0.98) !important;
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--sl-color-accent) 34%, transparent),
+    0 0 18px color-mix(in srgb, var(--sl-color-accent) 34%, transparent),
+    0 0 34px color-mix(in srgb, var(--wiki-blue-2) 26%, transparent) !important;
+  filter: saturate(1.08);
+}
+
 .sl-markdown-content h1,
 .sl-markdown-content h2,
 .sl-markdown-content h3 {
@@ -346,6 +362,33 @@ starlight-menu-button button:hover {
   margin-bottom: 0.5rem;
 }
 
+.sl-markdown-content .sl-heading-wrapper.level-h3 > h3 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.52rem;
+}
+
+.sl-markdown-content .minimal-heading-icon {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  flex-shrink: 0;
+  opacity: 0.98;
+  background: linear-gradient(
+    150deg,
+    color-mix(in srgb, var(--wiki-purple-2) 76%, #ffffff),
+    color-mix(in srgb, var(--wiki-blue-2) 82%, #ffffff)
+  );
+  -webkit-mask-image: var(--icon-url);
+  mask-image: var(--icon-url);
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+}
+
 .sl-markdown-content p,
 .sl-markdown-content li {
   color: var(--wiki-text);
@@ -690,44 +733,212 @@ starlight-theme-select .caret {
   font-weight: 700;
 }
 
-.map-cta-wrap {
+.ip-main-grid {
+  display: grid;
+  gap: 0.96rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-auto-rows: minmax(0, 1fr);
+  align-items: stretch;
+  margin: 0.95rem 0 0.8rem;
+}
+
+.ip-main-card {
+  border: 1px solid color-mix(in srgb, var(--sl-color-accent) 28%, var(--sl-color-hairline));
+  border-radius: 0.2rem;
+  padding: 1rem 1.02rem;
+  height: 100%;
+  min-height: 11.2rem;
+  display: flex;
+  flex-direction: column;
+  background:
+    linear-gradient(
+      160deg,
+      color-mix(in srgb, var(--wiki-purple-2) 12%, transparent),
+      color-mix(in srgb, var(--wiki-blue-2) 8%, transparent)
+    ),
+    color-mix(in srgb, var(--wiki-card) 96%, transparent);
+}
+
+.ip-main-grid > .ip-main-card {
+  margin: 0 !important;
+  align-self: stretch;
+}
+
+.ip-main-grid > .ip-main-card + .ip-main-card {
+  margin-top: 0 !important;
+}
+
+.ip-main-card h3 {
+  margin: 0 0 0.52rem;
+  font-family: 'Sora', sans-serif;
+  font-size: 1.02rem;
+  line-height: 1.25;
+}
+
+.ip-main-card ul {
+  margin: 0;
+  padding-inline-start: 1.06rem;
+  display: grid;
+  gap: 0.52rem;
+  align-content: start;
+}
+
+.ip-main-card li {
+  margin: 0;
+  line-height: 1.4;
+}
+
+.copy-ip-chip {
+  appearance: none;
+  border: 1px solid color-mix(in srgb, var(--sl-color-accent) 48%, transparent);
+  border-radius: 0.2rem;
+  background: linear-gradient(
+    110deg,
+    color-mix(in srgb, var(--wiki-blue-2) 76%, #233145),
+    color-mix(in srgb, var(--wiki-purple-2) 66%, #273850)
+  );
+  color: #f8fbff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2rem;
+  padding: 0.36rem 0.72rem;
+  margin: 0 0 0 0.24rem;
+  cursor: pointer;
+  text-decoration: none;
+  font-family: 'Sora', sans-serif;
+  font-weight: 600;
+  font-size: 0.86rem;
+  letter-spacing: 0.008em;
+  line-height: 1;
+  box-shadow: 0 6px 14px color-mix(in srgb, var(--sl-color-accent) 18%, transparent);
+  transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease;
+}
+
+.copy-ip-chip code {
+  margin: 0;
+  border: 0;
+  background: transparent;
+  display: inline-block;
+  padding: 0;
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: 1.2;
+  color: inherit;
+}
+
+.copy-ip-chip:hover {
+  color: #ffffff;
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--sl-color-accent) 66%, transparent);
+  box-shadow: 0 10px 18px color-mix(in srgb, var(--sl-color-accent) 24%, transparent);
+}
+
+.copy-ip-chip:focus-visible {
+  outline: none;
+  border-color: color-mix(in srgb, var(--sl-color-accent) 72%, transparent);
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--sl-color-accent) 30%, transparent),
+    0 0 0 4px color-mix(in srgb, var(--sl-color-accent) 20%, transparent);
+}
+
+.copy-ip-chip.is-copied {
+  border-color: color-mix(in srgb, #7ed49b 66%, transparent);
+  background: linear-gradient(
+    110deg,
+    color-mix(in srgb, #63b888 76%, #223b2f),
+    color-mix(in srgb, #5ccd9f 66%, #26463b)
+  );
+}
+
+.copy-ip-chip.is-copied::after {
+  content: '';
+}
+
+.copy-ip-chip.is-copy-error {
+  border-color: color-mix(in srgb, #ef6f85 74%, transparent);
+  background: linear-gradient(
+    110deg,
+    color-mix(in srgb, #d56b7f 78%, #3b242a),
+    color-mix(in srgb, #cf6f90 68%, #3f2532)
+  );
+}
+
+.copy-ip-chip.is-copy-error::after {
+  content: '';
+}
+
+.ip-main-note {
+  margin-top: 0.52rem;
+  border: 1px solid color-mix(in srgb, var(--sl-color-accent) 30%, transparent);
+  border-radius: 0.18rem;
+  padding: 0.58rem 0.72rem;
+  background: color-mix(in srgb, var(--sl-color-accent-low) 66%, transparent);
+  color: var(--wiki-text);
+  font-size: 0.94rem;
+}
+
+.map-actions {
   margin-top: 1rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.62rem;
 }
 
 .map-cta-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-height: 2.6rem;
-  padding: 0.64rem 1.15rem;
+  min-height: 2.44rem;
+  padding: 0.55rem 1rem;
   border-radius: 0.2rem;
-  border: 1px solid color-mix(in srgb, var(--sl-color-accent) 55%, transparent);
+  border: 1px solid color-mix(in srgb, var(--sl-color-accent) 48%, transparent);
   background: linear-gradient(
-    140deg,
-    color-mix(in srgb, var(--wiki-purple-2) 72%, #1b2434),
-    color-mix(in srgb, var(--wiki-blue-2) 78%, #1b2434)
+    110deg,
+    color-mix(in srgb, var(--wiki-blue-2) 76%, #233145),
+    color-mix(in srgb, var(--wiki-purple-2) 66%, #273850)
   );
-  color: #f5f9ff;
+  color: #f8fbff;
   text-decoration: none;
   font-family: 'Sora', sans-serif;
   font-weight: 600;
-  letter-spacing: 0.01em;
-  box-shadow:
-    0 8px 18px color-mix(in srgb, var(--sl-color-accent) 25%, transparent),
-    0 0 0 1px color-mix(in srgb, var(--sl-color-accent) 18%, transparent);
-  transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease, filter 170ms ease;
+  font-size: 0.95rem;
+  letter-spacing: 0.008em;
+  box-shadow: 0 6px 14px color-mix(in srgb, var(--sl-color-accent) 18%, transparent);
+  transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease;
 }
 
 .map-cta-button:hover {
   color: #ffffff;
   text-decoration: none;
   transform: translateY(-1px);
-  border-color: color-mix(in srgb, var(--sl-color-accent) 70%, transparent);
-  box-shadow:
-    0 12px 22px color-mix(in srgb, var(--sl-color-accent) 32%, transparent),
-    0 0 0 1px color-mix(in srgb, var(--sl-color-accent) 24%, transparent),
-    0 0 16px color-mix(in srgb, var(--sl-color-accent) 24%, transparent);
-  filter: saturate(1.06);
+  border-color: color-mix(in srgb, var(--sl-color-accent) 66%, transparent);
+  box-shadow: 0 10px 18px color-mix(in srgb, var(--sl-color-accent) 24%, transparent);
+}
+
+.map-ghost-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.44rem;
+  padding: 0.55rem 1rem;
+  border-radius: 0.2rem;
+  border: 1px solid color-mix(in srgb, var(--sl-color-hairline) 92%, transparent);
+  background: color-mix(in srgb, var(--wiki-card) 94%, transparent);
+  color: var(--sl-color-gray-1);
+  text-decoration: none;
+  font-weight: 600;
+  font-size: 0.92rem;
+  transition: border-color 170ms ease, background 170ms ease, color 170ms ease, transform 170ms ease;
+}
+
+.map-ghost-button:hover {
+  color: var(--sl-color-white);
+  text-decoration: none;
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--sl-color-accent) 44%, transparent);
+  background: color-mix(in srgb, var(--sl-color-accent-low) 60%, transparent);
 }
 
 @media (min-width: 50rem) {
@@ -746,6 +957,10 @@ starlight-theme-select .caret {
 }
 
 @media (max-width: 50rem) {
+  .ip-main-grid {
+    grid-template-columns: 1fr;
+  }
+
   .wiki-header {
     gap: 0.5rem;
   }
@@ -825,4 +1040,19 @@ starlight-theme-select .caret {
     border-radius: 0.16rem;
     padding: 0.92rem 0.84rem;
   }
+
+  .map-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .map-cta-button,
+  .map-ghost-button {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .copy-ip-chip {
+    margin-inline-start: 0.2rem;
+  }
 }