//СТИЛИ ЧАТА

.game-chat {
width: 100%;
max-width: 700px;
margin-top: 20px;
border: 1px solid #ccc;
border-radius: 6px;
overflow: hidden;
background: #fff;
}

.game-chat__header {
padding: 10px 12px;
font-weight: 600;
border-bottom: 1px solid #ccc;
}

.game-chat__messages {
height: 300px;
overflow-y: auto;
padding: 10px;
}

.game-chat__message {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 7px;
word-break: break-word;
}

.game-chat__name {
font-weight: 600;
flex-shrink: 0;
}

.game-chat__text {
overflow-wrap: anywhere;
}

.game-chat__time {
font-size: 12px;
opacity: 0.6;
margin-left: auto;
flex-shrink: 0;
}

.game-chat__form {
display: flex;
border-top: 1px solid #ccc;
}

.game-chat__input {
flex: 1;
min-width: 0;
padding: 10px;
border: 0;
outline: none;
}

.game-chat__send {
padding: 10px 14px;
border: 0;
cursor: pointer;
}

.game-chat__send:disabled {
cursor: default;
opacity: 0.6;
}

.game-chat__error {
min-height: 18px;
padding: 0 10px 6px;
font-size: 13px;
}

/* == СТАРТОВОЕ МЕНЮ == */

.start-menu {
width: 100%;
max-width: 400px;
margin: 30px auto 0;
text-align: center;
}

.start-menu__character {
margin: 0 0 20px;
}

.start-menu__button {
display: block;
width: 100%;
box-sizing: border-box;
padding: 12px 20px;
text-decoration: none;
text-align: center;
}

.start-menu__future {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 15px;
}

.start-menu__future button {
width: 100%;
padding: 10px 20px;
}