:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:.2rem;min-width:320px;min-height:100vh;overflow-x:auto}h1{font-size:2em;line-height:1.1;text-align:center;margin-bottom:.5rem}#app{max-width:100%;width:100%;margin:0;padding:0}.chart-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.chart-row{display:flex;margin-bottom:.5rem;gap:.3rem;width:100%;justify-content:center;flex-wrap:nowrap}.big-block{border:2px solid #646cff;border-radius:8px;padding:.2rem;width:180px;background-color:#1a1a1a;box-sizing:border-box}.block-title{width:100%;padding:.15rem .2rem;margin-bottom:.2rem;text-align:center;font-size:.75rem;border:1px solid #444;border-radius:4px;height:1.2rem;background-color:#2a2a2a;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.small-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:1px;background-color:#444;border-radius:4px;padding:1px;width:100%;aspect-ratio:1}.small-cell{background-color:#2a2a2a;color:#ccc;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;aspect-ratio:1;padding:0;margin:0;overflow:hidden}.red-cell{background-color:#f44;color:#fff}.block-title:focus{outline:2px solid #646cff;outline-offset:1px}@media (max-width: 1400px){.chart-row{flex-wrap:wrap}}