@font-face { font-family: Heebo; font-weight: 400; src: url(fonts/heebo-hebrew-400-normal.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: Heebo; font-weight: 700; src: url(fonts/heebo-hebrew-700-normal.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: Heebo; font-weight: 400; src: url(fonts/heebo-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF; }
@font-face { font-family: Heebo; font-weight: 700; src: url(fonts/heebo-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF; }

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #14121f; color: #f4f1ff; font-family: Heebo, sans-serif; }
button, input { font: inherit; }
[hidden] { display: none !important; }

button { transition: transform 80ms ease-out, filter 80ms ease-out; }
button:active:not(:disabled) { transform: scale(0.96); filter: brightness(1.15); }
button:disabled { opacity: 0.55; }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes gain { 0% { color: #8fe3a4; transform: scale(1.12); } 100% { transform: none; } }
@keyframes loss { 0% { color: #ff9d9d; transform: scale(0.94); } 100% { transform: none; } }
.rise { animation: rise 260ms ease-out; }
.gain { animation: gain 700ms ease-out; display: inline-block; }
.loss { animation: loss 700ms ease-out; display: inline-block; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }