body {
    margin: 0 auto;
    line-height: 1.5;
    max-width: 640px;
    /* body: светлый, но не чисто белый фон */
    background-color: #d8d8d8; 
    color: #333333; /* Темный текст для контраста */
}

/* 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: #004D99; 
}

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

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

/* input,select,textarea: улучшение внешнего вида полей ввода */
input,
select,
textarea {
    border: 1px solid #999999;
    color: #000000;
    background-color: #ffffff;
    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: #aaaaaa;
    background-color: #aaaaaa;
    border-top: none;
    border-bottom: #aaaaaa solid 1px;
}

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

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

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

.small {
    font-size: 80%;
}

.health {
    color: #CC3333; /* Чуть темнее красный для читаемости */
}

.notify {
    color: #968e06;
}

.energy {
    color: #ad1515;
}

.money {
    color: #CC9900;
}

.minor {
    color: #585858;
}

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

.info {
    color: #248027;
}

.link {
    color: #FFDF8C;
}

.admin {
    color: #398DFA;
}

.mod {
    color: #008000; /* Более темный зеленый для читаемости */
}

.level {
    font-size: 80%;
    color: #2a6400; /* Более темный лайм для читаемости */
}

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

a.info {
    color: #248027;
}

a.info:visited {
    color: #248027;
}

a.notify {
    color: #968e06;
}

a.notify:visited {
    color: #968e06;
}

a.minor {
    color: #585858;
}

a.minor:visited {
    color: #585858;
}

a.admin {
    color: #398DFA;
}

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

div.hr {
    margin: 3px 0;
}

.hr2 {
    margin: 0px;
    border-bottom: 1px solid #aaaaaa;
}

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

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

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

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

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: #968e06;
}

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

table.nav-pad td {
    border: 1px solid #bbbbbb; /* Легкая граница */
    background-color: #f0f0f0; /* Фон для ячейки */
    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: #e1e1e4; /* Эффект при наведении/нажатии - очень светлый серый */
    text-decoration: none;
}