diff --git a/public/daily.html b/public/daily.html
deleted file mode 100644
index ae1ed7b..0000000
--- a/public/daily.html
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
-
-
- Daily Bonus
-
-
-
- Ежедневный бонус
-
-
-
-
diff --git a/public/index.html b/public/index.html
index 8db9333..ee16e4f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,199 +4,7 @@
Меню игрока
-
+
diff --git a/public/styles.css b/public/styles.css
index 1771024..43dca8c 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,132 +1,191 @@
-body {
- font-family: 'Arial', sans-serif;
- margin: 0;
- padding: 0;
- background-color: #f4f7fc;
- color: #333;
-}
+/* Общие стили */
+ body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f7fc;
+ color: #333;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
-.container {
- max-width: 600px;
- margin: 20px auto;
- background: white;
- padding: 20px;
- border-radius: 15px;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-}
+ /* Контейнер для контента */
+ .container {
+ max-width: 600px;
+ width: 100%;
+ background: white;
+ padding: 20px;
+ border-radius: 15px;
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+ font-size: 16px;
+ }
-.title {
- font-size: 28px;
- font-weight: bold;
- text-align: center;
- color: #e26f22;
- margin-bottom: 20px;
-}
+ /* Заголовки */
+ .title {
+ font-size: 28px;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 20px;
+ color: #e26f22;
+ }
-.profile-section {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 20px;
-}
+ .section {
+ margin-bottom: 20px;
+ }
-.profile-img {
- width: 100px;
- height: 100px;
- border-radius: 50%;
- background-size: cover;
- background-position: center;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
+ .section h2 {
+ font-size: 20px;
+ margin-bottom: 10px;
+ color: #e26f22;
+ }
-.progress-circle {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 15px;
-}
+ .section p {
+ margin: 5px 0;
+ }
-.circle-container {
- position: relative;
- width: 100px;
- height: 100px;
-}
+ .section span {
+ font-weight: bold;
+ }
-.circle {
- width: 100px;
- height: 100px;
- transform: rotate(-90deg);
-}
+ /* Кнопка */
+ .button {
+ display: block;
+ background-color: #e26f22;
+ color: white;
+ padding: 10px 20px;
+ text-decoration: none;
+ border-radius: 5px;
+ font-size: 16px;
+ margin-top: 20px;
+ text-align: center;
+ width: 100%;
+ }
-.background-ring {
- stroke: #f0f0f0;
- stroke-width: 10;
- fill: none;
-}
+ /* Профиль */
+ .profile-section {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+ }
-.progress-ring {
- stroke-width: 10;
- fill: none;
- stroke: #e26f22;
- stroke-dasharray: 251;
- stroke-dashoffset: 251;
- transition: stroke-dashoffset 0.5s ease;
-}
+ .profile-img {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ background-size: cover;
+ background-position: center;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ }
-.circle-text {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 16px;
- font-weight: bold;
-}
+ .progress-circle {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
-.progress-bar {
- margin-top: 15px;
- background-color: #ddd;
- border-radius: 10px;
- height: 10px;
- width: 100%;
-}
+ .circle-container {
+ position: relative;
+ width: 100px;
+ height: 100px;
+ margin-bottom: 10px;
+ }
-.progress-hp, .progress-stamina {
- height: 100%;
- border-radius: 10px;
- transition: width 0.5s ease;
-}
+ .circle {
+ stroke-width: 10;
+ fill: transparent;
+ transform-origin: center;
+ transform: rotate(-90deg);
+ }
-.progress-hp {
- background-color: #e26f22;
-}
+ .background-ring {
+ stroke: #ddd;
+ }
-.progress-stamina {
- background-color: #4ba100;
-}
+ .progress-ring {
+ stroke: #e26f22;
+ stroke-dasharray: 251;
+ stroke-dashoffset: 251;
+ transition: stroke-dashoffset 1s;
+ }
-.fire-stats {
- display: flex;
- justify-content: space-between;
- background-color: #f9f9f9;
- padding: 10px;
- margin-top: 15px;
- border-radius: 8px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-}
+ .circle-text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ font-size: 18px;
+ font-weight: bold;
+ }
-.stat {
- text-align: center;
-}
+ /* Прогресс-бары */
+ .progress-bar {
+ background-color: #ddd;
+ border-radius: 10px;
+ height: 10px;
+ width: 100%;
+ margin-bottom: 10px;
+ overflow: hidden;
+ }
-.button {
- display: block;
- background-color: #e26f22;
- color: white;
- padding: 10px 20px;
- text-decoration: none;
- border-radius: 5px;
- font-size: 16px;
- margin: 20px auto;
- text-align: center;
- width: 50%;
-}
+ .progress-hp, .progress-stamina {
+ height: 100%;
+ border-radius: 10px;
+ transition: width 0.5s ease;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-weight: bold;
+ font-size: 14px;
+ color: white;
+ }
+
+ .progress-hp {
+ background-color: #e26f22;
+ }
+
+ .progress-stamina {
+ background-color: #4ba100;
+ }
+
+ /* Статистика игрока */
+ .fire-stats {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 10px;
+ background-color: #f9f9f9;
+ padding: 10px;
+ margin-top: 15px;
+ border-radius: 8px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+ }
+
+ .fire-stats .stat {
+ text-align: center;
+ }
+
+ .fire-stats .stat span {
+ font-weight: bold;
+ }
+
+ /* Предприятия */
+ .enterprise {
+ padding: 15px;
+ background-color: #f9f9f9;
+ border-radius: 10px;
+ margin-top: 10px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+ }
+
+ .enterprise strong {
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ .progress-bar-inner {
+ background-color: #e26f22;
+ height: 10px;
+ border-radius: 5px;
+ transition: width 0.5s ease;
+ }
\ No newline at end of file