.local-demo-note { color: #a8afbc; font-size: 13px; line-height: 1.6; }
.local-auth-message { color: #ffab99; min-height: 20px; font-size: 13px; }
.local-links, .local-session-bar { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 12px; }
.local-links a, .local-session-bar a { color: #ffc300; text-decoration: none; }
.local-session-bar { padding: 5px 12px 9px; gap: 10px; }
.local-session-bar button { color: #b9c1d0; background: none; border: 0; cursor: pointer; padding: 0; }
#connection-status { color: #ffbd6a; font-size: 11px; }
#connection-status.is-connected { color: #65df99; }
.local-chat-form { display: flex; gap: 6px; padding: 10px; border-top: 1px solid #2d3139; }
.local-chat-form input { width: 0; flex: 1; min-width: 0; background: #111318; color: #fff; border: 1px solid #373b46; border-radius: 5px; padding: 9px; }
.local-chat-form button { background: #ffc300; border: 0; border-radius: 5px; color: #111; cursor: pointer; }
@media(max-width: 900px) and (orientation: landscape) { .local-session-bar { font-size: 10px; gap: 6px; padding: 2px; } }
.main-bet-role {
    color: #ffc300;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
    margin: 2px 0 8px;
}

.precision-purchase {
    background: #111319;
    border: 1px solid #343844;
    border-radius: 8px;
    color: #d9dce5;
    margin: 8px 0;
    padding: 9px 10px;
}

.precision-purchase label {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 800;
    gap: 8px;
}

.precision-purchase small {
    color: #9da3b2;
    display: block;
    font-size: 10px;
    line-height: 1.35;
    margin-top: 5px;
}

#precision-cost-2 {
    color: #ffc300;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}

#precision-result-2 {
    color: #00ff66;
    font-size: 12px;
    font-weight: 800;
    margin-top: 5px;
}