/* Додаткові Кіберпанк Змінні */
:root {
    --cp-neon-blue: #00ffef;
    --cp-neon-pink: #ff00ff;
    --cp-dark-bg: #0d0d1a;
    --tg-bg: var(--cp-dark-bg); 
    --tg-text: #fff; 
    --tg-link-color: var(--cp-neon-blue); 
    --tg-warning: var(--cp-neon-pink);
    --tg-card-bg: #1a1a2e;
    --tg-border: #333366;
    --tg-positive: #00ff00; /* Зелений для зростання */
    --tg-negative: var(--cp-neon-pink); /* Рожевий для падіння */
}

/* Base Styles (Оновлені) */
body {
    font-family: 'Consolas', monospace, sans-serif; /* Кіберпанк шрифт */
    background-color: var(--tg-bg);
    color: var(--tg-text);
    /* ... решта базових стилів ... */
}

/* Стилі для екрана запуску */
#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tg-bg);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 1s ease-out;
}

.logo-placeholder {
    font-size: 80px;
    font-weight: 700;
    color: var(--cp-neon-blue);
    text-shadow: 0 0 10px var(--cp-neon-blue), 0 0 20px var(--cp-neon-blue);
    animation: neon-flicker 1.5s infinite alternate;
}

.loading-text {
    margin-top: 20px;
    font-size: 16px;
    color: var(--cp-neon-pink);
    text-shadow: 0 0 5px var(--cp-neon-pink);
    overflow: hidden;
    border-right: .15em solid var(--cp-neon-pink); /* Ефект друкарської машинки */
    white-space: nowrap;
    animation: typing 3s steps(40, end), blink-caret .75s step-end infinite;
}

/* Анімація світіння */
@keyframes neon-flicker {
    from { opacity: 1; }
    to { opacity: 0.8; }
}

/* Анімація друкарської машинки */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: var(--cp-neon-pink); }
}

/* Приховування основного вмісту до завершення анімації */
.hidden-initial {
    opacity: 0;
    display: none;
}

/* ===== СТИЛІ ШАПКИ "JEWALLET" (МОДИФІКОВАНО) ===== */
.header-jewallet {
    background-color: #08081a; /* Дуже темний фон */
    border-bottom: 2px solid var(--cp-neon-pink); /* Кіберпанк роздільник */
    box-shadow: 0 0 5px var(--cp-neon-pink);
    /* ... решта стилів ... */
}
.balance-text {
    text-shadow: 0 0 5px rgba(0, 255, 239, 0.5); /* Блакитне світіння для балансу */
}

/* Стилі для активації кіберпанк стилю на елементах */
.info-banner {
    background-color: #1a2a1a;
    border-left: 5px solid var(--tg-warning);
    border-radius: 4px;
}
.asset-item {
    border-bottom: 1px dashed var(--tg-border); /* Пунктирний вигляд */
}

/* ... (Всі інші стилі з попереднього style.css, але з оновленими змінними) ... */