.trading-matrix{display:grid;gap:6px;grid-template-columns:repeat(10,1fr);margin:0 auto;max-width:1400px;padding:10px 0}@media (max-width:1200px){.trading-matrix{gap:5px;grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.trading-matrix{gap:4px;grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.trading-matrix{gap:3px;grid-template-columns:repeat(3,1fr)}}.matrix-cell{background:#fff9c4;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:6px 4px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.matrix-cell:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.matrix-cell.price-up{background:#d4edda;border-color:#28a745}.matrix-cell.price-up .price{color:#28a745;font-weight:700}.matrix-cell.price-down{background:#f8d7da;border-color:#dc3545}.matrix-cell.price-down .price{color:#dc3545;font-weight:700}.matrix-cell .ticker{color:#495057;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:3px}.matrix-cell .price{color:#212529;font-family:Courier New,monospace;font-size:11px;font-weight:600;margin-bottom:0}.matrix-cell .name{color:#6c757d;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes blink-up{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes blink-down{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.matrix-cell.blink-up{animation:blink-up .6s ease-in-out}.matrix-cell.blink-down{animation:blink-down .6s ease-in-out}#loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}h1{color:#212529;margin-bottom:10px}.lead{color:#6c757d;margin-bottom:30px}