body {
    margin: 0 auto;
    line-height: 1.5;
    max-width: 640px;
    /* body: более мягкий тёмный фон */
    background-color: #2A2A2A; 
    color: #d8d8d8;
}

/* body,input,select,textarea: увеличение шрифта для лучшей читаемости */
body,
input,
select,
textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 16pt;
}

h1,
h2,
h3,
h4,
form,
div,
span,
input,
select,
textarea,
p {
    margin: 0;
    padding: 0;
}

h1,
h2 {
    font-size: 10pt;
    color: #ff6600;
    padding: 2px 0;
}

h2 {
    font-weight: normal;
}

/* a:link,a:active,a:visited: более яркий и контрастный цвет ссылок */
a:link,
a:active,
a:visited {
    text-decoration: none;
    color: #FFC300;
}

/* a:hover: добавление подчёркивания и более светлого цвета при наведении */
a:hover {
    text-decoration: underline;
    color: #FFEEAA;
}

ul {
    padding: 5px 0 5px 20px;
    margin: 0;
}

/* input,select,textarea: улучшение внешнего вида полей ввода */
input,
select,
textarea {
    border: 1px solid #777; /* Усиленная граница */
    color: #000000;
    background-color: #d8d8d8;
    border-radius: 4px; /* Закруглённые углы */
}

textarea {
    width: 90%;
}

div img,
h1 img,
h2 img,
a img,
span img,
img {
    vertical-align: middle;
}

div,
p {
    margin: 0px 5px 0px 5px;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

em {
    font-style: normal;
}

/* hr: более нейтральный и мягкий разделитель */
hr {
    padding: 0;
    margin: 6px 0;
    height: 0;
    color: #555;
    background-color: #555;
    border-top: none;
    border-bottom: #555 solid 1px;
}

table {
    border-collapse: collapse;
    word-wrap: break-word;
}

table.bordered td {
    border: 1px solid #4c4c4c;
}

/* .body: добавление скругления и более заметной рамки вокруг игрового поля */
.body {
    overflow-x: hidden;
    margin: 0px 0px 0px 0px;
    background-color: #191919;
    border: 2px solid #555555;
    border-radius: 10px; 
}

.small {
    font-size: 80%;
}

.health {
    color: #FF9999;
}

.notify {
    color: #FFF559;
}

.energy {
    color: #FA5858;
}

.money {
    color: #CC9900;
}

.minor {
    color: gray;
}

.minor2 {
    font-size: 80%;
    color: gray;
}

.info {
    color: #6FCD72;
}

.link {
    color: #FFDF8C;
}

.admin {
    color: #398DFA;
}

.mod {
    color: #00CC00;
}

.level {
    font-size: 80%;
    color: #7cfc00;
}

.zero {
    margin: 0px 0px 0px 0px;
}

a.info {
    color: #6FCD72;
}

a.info:visited {
    color: #6FCD72;
}

a.notify {
    color: #FFF559;
}

a.notify:visited {
    color: #FFF559;
}

a.minor {
    color: gray;
}

a.minor:visited {
    color: gray;
}

a.admin {
    color: #398DFA;
}

a.admin:visited {
    color: #398DFA;
}

div.hr {
    margin: 3px 0;
}

/* .hr2, div.hr3: использование нового мягкого разделителя */
.hr2 {
    margin: 0px;
    border-bottom: 1px solid #555;
}

div.hr3 {
    margin: 3px 0;
    border-bottom: 1px solid #555;
}

div.hr3:hover {
    background-color: #32325b;
}

.hr4 {
    margin: 7px 3px 7px 3px;
}

.hr4:hover {
    background-color: #252525;
}

div.gray {
    background-color: #000000;
    margin: 0px 0px 0px 0px;
}

img.port {
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.expline {
    margin: 0px 0px 0px 0px;
    height: 2px;
    background-color: #FFF559;
}

/* Улучшенный стиль для навигационного блока (КНОПКИ-СТРЕЛКИ) */
table.nav-pad {
    margin: 8px auto; /* Увеличим отступы вокруг блока */
    border: none;
}

table.nav-pad td {
    border: 1px solid #444444;
    background-color: #383838; /* Фон для ячейки */
    border-radius: 8px; /* Закруглим углы */
    padding: 0;
    /* Убедимся, что ячейки квадратные, чтобы кнопки были одинаковыми */
    height: 50px; 
    width: 33%;
    box-sizing: border-box; 
}

table.nav-pad a {
    /* Сделать ссылки блочными и крупными для легкого нажатия */
    display: block; 
    padding: 12px 5px; /* Увеличиваем отступы */
    border: 0; 
    margin: 0;
    /* Убедимся, что текст центрирован */
    text-align: center; 
}

table.nav-pad a:hover {
    background-color: #004D99; /* Эффект при наведении/нажатии - более заметный синий */
    color: #FFFFFF; /* Сделать текст белым при наведении */
    text-decoration: none;
}