lotto lab 전 차수 그래프화 추가

src/pages/lotto/Lotto.css

@@ -373,6 +373,72 @@
     font-weight: 600;
 }
 
+.lotto-chart {
+    display: grid;
+    grid-template-columns: 48px minmax(0, 1fr);
+    gap: 12px;
+    align-items: stretch;
+}
+
+.lotto-chart__y {
+    display: grid;
+    grid-template-rows: auto 1fr;
+    gap: 8px;
+    font-size: 11px;
+    color: var(--muted);
+    text-align: right;
+}
+
+.lotto-chart__ticks {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: 180px;
+}
+
+.lotto-chart__plot {
+    display: grid;
+    grid-template-columns: repeat(45, minmax(0, 1fr));
+    align-items: end;
+    gap: 2px;
+    height: 180px;
+    padding: 0 4px 18px 6px;
+    border-left: 1px solid var(--line);
+    border-bottom: 1px solid var(--line);
+}
+
+.lotto-chart__col {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    gap: 4px;
+    height: 100%;
+}
+
+.lotto-chart__bar {
+    display: block;
+    width: 100%;
+    border-radius: 6px 6px 2px 2px;
+    background: linear-gradient(
+        180deg,
+        rgba(133, 165, 216, 0.8),
+        rgba(133, 165, 216, 0.2)
+    );
+    min-height: 2px;
+    transition: transform 0.2s ease, filter 0.2s ease;
+}
+
+.lotto-chart__bar:hover {
+    filter: brightness(1.1);
+    transform: translateY(-2px);
+}
+
+.lotto-chart__x {
+    font-size: 9px;
+    color: var(--muted);
+    text-align: center;
+}
+
 .lotto-batch {
     display: grid;
     gap: 12px;