.lotto-container{max-width:none;width:100%;margin:0;padding:2rem 0;min-height:calc(100vh - 64px)}.lotto-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.lotto-content{width:100%;max-width:none;margin:0;padding:0}.lotto-panels{width:100%;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.lotto-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.lotto-subtitle,.lotto-title{font-family:Courier New,monospace}.lotto-subtitle{font-size:1.1rem;margin-bottom:2rem;letter-spacing:.5px}.presets-section{border-radius:1rem;padding:2rem;margin:0 auto 2rem;max-width:1500px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);position:relative;overflow:visible}.presets-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);pointer-events:none}@media (prefers-color-scheme:dark){.presets-section:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px)}}.presets-title{font-family:Courier New,monospace;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:1}.presets-slider-container{position:relative;margin-bottom:1.5rem;transition:all .3s ease}.presets-slider{position:relative;overflow:hidden;border-radius:1rem;transition:all .3s ease}.presets-grid{display:flex;gap:1rem;padding:.5rem 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;z-index:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.slider-with-overflow .presets-grid{justify-content:flex-start}.presets-grid::-webkit-scrollbar{display:none}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(102,126,234,.95);color:white;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .3s ease;font-size:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;animation:fadeInSlide .3s ease forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.dark .slider-arrow{background:rgba(79,70,229,.95);box-shadow:0 4px 16px rgba(0,0,0,.5)}.slider-arrow:hover{background:rgba(102,126,234,1);transform:translateY(-50%) scale(1.15);box-shadow:0 6px 20px rgba(102,126,234,.4)}.dark .slider-arrow:hover{background:rgba(79,70,229,1);box-shadow:0 6px 20px rgba(79,70,229,.5)}.slider-arrow:disabled{opacity:.3;cursor:not-allowed}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;position:relative;z-index:1;opacity:0;animation:fadeInUp .4s ease .1s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(102,126,234,.3);cursor:pointer;transition:all .3s;border:2px solid rgba(102,126,234,.2);position:relative}.dark .slider-dot{background:rgba(79,70,229,.3);border-color:rgba(79,70,229,.2)}.slider-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.2);box-shadow:0 0 8px rgba(102,126,234,.5)}.dark .slider-dot.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 0 8px rgba(79,70,229,.6)}.slider-dot:hover:not(.active){background:rgba(102,126,234,.5);transform:scale(1.1)}.dark .slider-dot:hover:not(.active){background:rgba(79,70,229,.5)}.preset-button{padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:500;position:relative;overflow:hidden;width:160px;height:160px;flex-shrink:0;border-radius:50%;transform:scale(.9);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.15)}.preset-button.active{transform:scale(1.1);box-shadow:0 12px 40px rgba(102,126,234,.3)}.preset-button:hover:not(.active){transform:scale(1);box-shadow:0 10px 36px rgba(0,0,0,.2)}.preset-button .relative.z-10:first-child{font-size:.85rem;font-weight:700;margin-bottom:.25rem;line-height:1.1;-webkit-line-clamp:2;line-clamp:2;max-height:2.2em}.preset-button .relative.z-10:first-child,.preset-button .relative.z-10:last-child{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.preset-button .relative.z-10:last-child{font-size:.65rem;opacity:.9;line-height:1;text-align:center;-webkit-line-clamp:3;line-clamp:3;max-height:3em}.preset-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);pointer-events:none}.preset-button:hover:not(.active){transform:scale(.95);box-shadow:0 4px 12px rgba(102,126,234,.15)}.settings-section{display:block;margin:0 auto 2rem;max-width:600px;padding:0 2rem}.settings-panel{border-radius:1rem;padding:1.2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:500px;margin:0 auto}.settings-title{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;margin-bottom:.8rem;letter-spacing:1px;text-transform:uppercase;text-align:center}.form-group-compact{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem;flex-wrap:wrap;justify-content:center}.form-label-compact{font-family:Courier New,monospace;font-size:.8rem;font-weight:500;min-width:100px;flex-shrink:0;text-align:right}.checkbox-label{display:flex;align-items:center;gap:.5rem}.checkbox-input{width:16px;height:16px;accent-color:#667eea}.inputs-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.form-input-small{font-family:Courier New,monospace;width:50px;height:28px;padding:.2rem .4rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.8rem;text-align:center;transition:all .2s}.dark .form-input-small{background-color:#374151;border-color:#4b5563;color:#f9fafb}.form-input-small:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.separator{font-family:Courier New,monospace;font-weight:700;color:#667eea;font-size:.8rem}.dark .separator{color:#818cf8}.current-preset-info{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:rgba(102,126,234,.1);border-radius:.5rem;font-family:Courier New,monospace;font-size:.85rem;margin-top:1rem;max-width:300px;margin-left:auto;margin-right:auto}.dark .current-preset-info{background:rgba(79,70,229,.15)}.current-preset-label{font-weight:600;color:#667eea}.dark .current-preset-label{color:#818cf8}.current-preset-value{font-weight:500;color:#4338ca}.dark .current-preset-value{color:#a5b4fc}.form-input{font-family:Courier New,monospace;width:100%;padding:.75rem;border-radius:.5rem;font-size:1rem;transition:border-color .2s;letter-spacing:.5px}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-select{font-family:Courier New,monospace;width:100%;padding:.75rem;border-radius:.5rem;font-size:1rem;cursor:pointer;letter-spacing:.5px}.range-inputs{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.5rem;align-items:center}.range-separator{font-weight:500}.generate-section{display:flex;flex-direction:column;align-items:center;margin:2rem auto;max-width:600px;padding:0 2rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.generate-button{font-family:Courier New,monospace;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(102,126,234,.4);letter-spacing:1px;text-transform:uppercase}.generate-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.generate-button:active{transform:translateY(0)}.clear-button{background:#ef4444;color:white;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.clear-button:hover{background:#dc2626;transform:translateY(-2px)}.results-section{margin-top:3rem}.results-title{font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.ticket{border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);position:relative;overflow:hidden}.ticket:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ticket-number{font-weight:600;font-size:1.1rem;letter-spacing:1px}.ticket-number,.ticket-timestamp{font-family:Courier New,monospace}.ticket-timestamp{font-size:.8rem;letter-spacing:.5px}.numbers-section{margin-bottom:1rem}.numbers-label{font-family:Courier New,monospace;font-size:.9rem;font-weight:500;margin-bottom:.5rem;letter-spacing:.5px;text-transform:uppercase}.numbers-display{display:flex;flex-wrap:wrap;gap:.5rem}.number-ball{font-family:Courier New,monospace;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:.9rem;letter-spacing:.5px}.number-ball.main{background:linear-gradient(135deg,#667eea,#764ba2)}.number-ball.star{background:linear-gradient(135deg,#f59e0b,#d97706)}.number-ball.supplement{background:linear-gradient(135deg,#10b981,#059669)}.ticket{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.number-ball{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.presets-section,.settings-panel,.ticket{background:#1f2937;border-color:#374151}.preset-button:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px)}.preset-button:hover{background:#4b5563}}@media (max-width:768px){.lotto-container{padding:1rem 0}.lotto-header{padding:0 1rem}.settings-section{max-width:100%;padding:0 1rem}.settings-panel{max-width:100%;padding:1rem}.form-group-compact{flex-direction:column;align-items:center;gap:.4rem}.form-label-compact{min-width:auto;width:100%;text-align:center;font-size:.75rem}.inputs-inline{width:100%;justify-content:center}.form-input-small{width:45px;font-size:.75rem;height:26px}.presets-section{padding:1rem;max-width:100%;margin:0 1rem 2rem}.presets-title{font-size:1.1rem;margin-bottom:1rem}.presets-grid{gap:.75rem;padding:.25rem 0}.preset-button{width:120px;height:120px;padding:.8rem}.preset-button .relative.z-10:first-child{font-size:.75rem}.preset-button .relative.z-10:last-child{font-size:.6rem}.slider-arrow{width:40px;height:40px;font-size:1.2rem}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.slider-dot{width:10px;height:10px}.generate-section{padding:0 1rem}.action-buttons{flex-direction:column;align-items:center}.range-inputs,.tickets-grid{grid-template-columns:1fr}.range-inputs{gap:.75rem}.range-separator{text-align:center}}@media (max-width:480px){.preset-button{width:100px;height:100px;padding:.6rem}.preset-button .relative.z-10:first-child{font-size:.7rem}.preset-button .relative.z-10:last-child{font-size:.55rem}.slider-arrow.prev{left:5px}.slider-arrow.next{right:5px}.settings-panel{padding:.8rem}.form-input-small{width:40px;height:24px;font-size:.7rem}}.content-section{margin-bottom:4rem;padding:0 1rem}.section-title{font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;color:#667eea;margin-bottom:2rem}@media (prefers-color-scheme:dark){.section-title{color:#818cf8}}.content-paragraph{color:#4b5563;margin-bottom:1.5rem;line-height:1.8}@media (prefers-color-scheme:dark){.content-paragraph{color:#d1d5db}}.content-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 4px);pointer-events:none}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.15);border-color:#667eea}@media (prefers-color-scheme:dark){.content-card{background:#1f2937;border-color:#374151}.content-card:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 4px)}.content-card:hover{border-color:#818cf8;box-shadow:0 8px 25px rgba(129,140,248,.15)}}.content-card h3{color:#1e293b;font-family:Courier New,monospace;letter-spacing:1px;position:relative;z-index:1}@media (prefers-color-scheme:dark){.content-card h3{color:#f1f5f9}}.content-card p{color:#64748b;position:relative;z-index:1}@media (prefers-color-scheme:dark){.content-card p{color:#cbd5e1}}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:1rem;box-shadow:0 8px 32px rgba(102,126,234,.3);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px);pointer-events:none}.stat-card:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(102,126,234,.5)}.stat-label,.stat-value{font-family:Courier New,monospace;position:relative;z-index:1}.stat-label{letter-spacing:1px;text-transform:uppercase}.faq-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 4px);pointer-events:none}.faq-item h3{color:#667eea;font-family:Courier New,monospace;letter-spacing:1px}.faq-item h3,.faq-item p{position:relative;z-index:1}.faq-item p{color:#64748b}@media (prefers-color-scheme:dark){.faq-item{background:#1f2937;border-color:#374151}.faq-item:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 4px)}.faq-item h3{color:#818cf8}.faq-item p{color:#cbd5e1}}@media (max-width:768px){.content-section{margin-bottom:3rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.content-card,.faq-item{padding:1.5rem;margin-bottom:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.stat-label{font-size:1rem}.stat-card-with-chart{padding:1.5rem;margin-bottom:1.5rem}.stat-chart-container{margin-bottom:1rem;padding:.25rem}.individual-stat-chart{transform:scale(.9)}.stat-card-with-chart .stat-value{font-size:1.8rem}.stat-card-with-chart .stat-label{font-size:.9rem}}.stat-card-with-chart{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:1rem;box-shadow:0 8px 32px rgba(102,126,234,.3);transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.stat-card-with-chart:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px);pointer-events:none}.stat-card-with-chart:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(102,126,234,.5)}.stat-chart-container{display:flex;justify-content:center;align-items:center;z-index:1;background:rgba(255,255,255,.1);border-radius:50%;margin-left:auto;margin-right:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);width:100%;height:0;padding-bottom:100%}.circular-chart-container{position:absolute;top:-10px}.individual-stat-chart{transform:scale(1);transition:transform .3s ease}.stat-card-with-chart:hover .individual-stat-chart{transform:scale(1.1)}.stat-card-with-chart .stat-label,.stat-card-with-chart .stat-value{position:relative;z-index:1}.stat-card-with-chart .stat-value{font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card-with-chart .stat-label{font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stat-card-with-chart p{position:relative;z-index:1;opacity:.9}@keyframes shine-rotate{0%{transform:rotate(-20deg)}to{transform:rotate(340deg)}}.lotto-ball{position:relative;width:160px;height:160px;border-radius:50%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(circle at 60% 60%,rgba(0,0,0,.3),transparent 70%),linear-gradient(145deg,rgba(255,255,255,.3),rgba(0,0,0,.4));box-shadow:inset -8px -8px 15px rgba(255,255,255,.6),inset 8px 8px 15px rgba(0,0,0,.6),0 12px 15px rgba(0,0,0,.3);overflow:hidden;transition:background 1.5s ease;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lotto-ball:before{top:15px;left:15px;width:60px;height:60px;background:radial-gradient(circle at 80% 80%,rgba(255,255,255,.9),transparent 90%);animation:shine-rotate 6s linear infinite;transform-origin:center center;transform-box:fill-box}.lotto-ball:after,.lotto-ball:before{content:"";position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}.lotto-ball:after{bottom:-20px;left:50%;width:130px;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.25),transparent 80%);transform:translateX(-50%)}.number-bg{width:85px;height:85px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.3);font-weight:900;font-size:2.5rem;color:black;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all 1.5s ease}