*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a2332;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#5b9dff;text-decoration:none}a:hover{text-decoration:underline}.App{background-color:#1a2332;color:#fff;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.app-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:2rem 0;text-align:center}.header-title{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.btc-icon{color:#f7931a;font-size:2.5rem}.app-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.header-subtitle{color:#9ca3af;font-size:1rem;margin:.5rem 0 1rem}.current-height{color:#9ca3af;font-size:.875rem;margin:0}.current-height .highlight{color:#5b9dff;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#5b9dff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#9ca3af;font-size:1rem}.error-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem}.error-message{color:#ef4444;font-size:1rem;max-width:600px;text-align:center}.retry-button{background-color:#5b9dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.retry-button:hover{background-color:#4a8de8}main{margin-top:2rem}@media (max-width:768px){.container{padding:1rem .5rem}.app-header h1,.btc-icon{font-size:2rem}.header-subtitle{font-size:.875rem}}.current-round-container{margin:2rem 0}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.current-round-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#1a2332;padding:2rem}.round-header{align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.round-title{color:#1a2332;font-size:1.5rem;font-weight:700;margin:0}.lucky-progress{color:#5b9dff;font-size:1.25rem;font-weight:600}.round-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.875rem;font-weight:500}.info-value{font-size:1rem;font-weight:600}.info-highlight{color:#5b9dff;font-size:1.125rem}.info-highlight a{color:#5b9dff}.info-sub{color:#9ca3af;font-size:.75rem}.progress-bar-container{margin-top:1.5rem}.progress-bar{background-color:#e5e7eb;border:2px solid #d1d5db;border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;height:32px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#10b981,#059669);display:flex;height:100%;justify-content:flex-end;padding-right:1rem;position:relative;transition:width .5s ease}.progress-fill.generating{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.locked{background:linear-gradient(90deg,#10b981,#059669)}.progress-text{color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap}.progress-labels{color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.75rem}.progress-labels span.active{color:#1a2332;font-weight:600}.loading{color:#6b7280;font-size:1.125rem;padding:3rem;text-align:center}@media (max-width:768px){.current-round-card{padding:1.5rem}.round-header{align-items:flex-start;flex-direction:column;gap:1rem}.round-info-grid{grid-template-columns:1fr}}.lucky-balls-container{margin:3rem 0}.lucky-balls-grid{flex-wrap:wrap;gap:1.5rem;padding:2rem 0}.lucky-ball,.lucky-balls-grid{align-items:center;display:flex;justify-content:center}.lucky-ball{background-color:#e5e7eb;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#1a2332;font-size:2rem;font-weight:700;height:80px;transition:all .3s ease;width:80px}.lucky-ball.completed{background-color:#fff;box-shadow:0 4px 12px #00000026}.lucky-ball.completed.red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.lucky-ball.completed.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.lucky-ball.generating.red{background:linear-gradient(135deg,#fca5a5,#f87171)}.lucky-ball.generating.blue{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.lucky-ball.completed:hover{box-shadow:0 8px 16px #5b9dff4d;transform:translateY(-4px) scale(1.05)}.lucky-ball.generating{background-color:#fef3c7}.lucky-ball.generating.blink{animation:pulse 1.5s ease-in-out infinite}.lucky-ball.pending{background-color:#e5e7eb;opacity:.5}.ball-number{color:#fff;font-size:2rem;font-weight:700}.ball-placeholder{animation:blink 1s ease-in-out infinite;color:#f59e0b;font-size:2rem;font-weight:700}.ball-empty{height:100%;width:100%}@keyframes pulse{0%,to{box-shadow:0 2px 8px #0000001a;transform:scale(1)}50%{box-shadow:0 4px 16px #f59e0b66;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.lucky-balls-grid{gap:1rem}.lucky-ball{height:60px;width:60px}.ball-number,.ball-placeholder,.lucky-ball{font-size:1.5rem}}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1a2332;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:color .2s}.modal-body,.modal-close:hover{color:#1a2332}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.section-title-small{border-bottom:2px solid #5b9dff;color:#1a2332;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.blocks-list{display:flex;flex-direction:column;gap:1rem}.block-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.block-label{color:#1a2332;font-weight:600}.block-link{color:#5b9dff;font-size:.875rem;font-weight:500}.block-info{flex-direction:column}.block-info,.info-row{display:flex;gap:.5rem}.info-row{font-size:.875rem}.info-label{color:#6b7280;font-weight:600;min-width:100px}.info-value{color:#1a2332}.merkle-root{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;display:block;font-family:Courier New,monospace;font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem;word-break:break-all}.calculation-step{margin-bottom:1.5rem}.calculation-step:last-child{margin-bottom:0}.step-label{color:#1a2332;font-weight:600;margin-bottom:.5rem}.step-content{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.concatenated-text,.hash-text{color:#1a2332;display:block;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5;word-break:break-all}.last-char-display{color:#1a2332;font-size:1rem}.last-char-display .highlight{background-color:#eff6ff;border-radius:4px;color:#5b9dff;font-size:1.5rem;font-weight:700;margin:0 .5rem;padding:.25rem .5rem}.result-section{background-color:#eff6ff;border:2px solid #5b9dff;border-radius:8px;padding:1.5rem}.lucky-result{align-items:center;display:flex;font-size:1.25rem;gap:1rem}.result-label{color:#1a2332;font-weight:600}.result-number{color:#5b9dff;font-size:2rem;font-weight:700}.result-hex{color:#6b7280;font-size:1rem}@media (max-width:768px){.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-body,.modal-header{padding:1rem}.block-header{align-items:flex-start;flex-direction:column;gap:.5rem}.info-row{flex-direction:column;gap:.25rem}.info-label{min-width:auto}.lucky-result{align-items:flex-start;flex-direction:column;gap:.5rem}}.history-rounds-container{margin:3rem 0}.history-header{margin-bottom:1rem}.history-actions{display:flex;justify-content:center;margin-top:1.5rem}.load-history-btn{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s}.load-history-btn:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f666;transform:translateY(-1px)}.load-history-btn:active{transform:translateY(0)}.load-history-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.history-rounds-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#1a2332;padding:2rem}.rounds-list{display:flex;flex-direction:column;gap:1.5rem}.round-item{border-bottom:1px solid #eee;padding-bottom:1.5rem}.round-item:last-child{border-bottom:none;padding-bottom:0}.round-header{display:flex;font-weight:700;justify-content:space-between;margin-bottom:.5rem}.round-number{color:#f7931a;font-size:1.1rem}.round-time{color:#6b7280;font-size:.9rem;font-weight:400}.round-info{color:#4b5563;font-size:.9rem;margin-bottom:1rem}.round-lucky-numbers{display:flex;flex-wrap:wrap;gap:.5rem}.mini-ball{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;transition:transform .2s;width:32px}.mini-ball:hover{transform:scale(1.1)}.mini-ball.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.mini-ball.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.no-more-data{color:#9ca3af;font-size:.9rem;margin:0}.empty-state{color:#9ca3af;padding:3rem 1rem;text-align:center}.empty-state p{font-size:1rem;margin:0}@media (max-width:768px){.history-rounds-card{padding:1.5rem}}
/*# sourceMappingURL=main.00be3106.css.map*/