.time-nav{display:flex;justify-content:center;margin-bottom:2rem;.time-nav-container{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:.5rem;display:flex;gap:.5rem}.time-nav-item{padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;&.active{background:var(--activeColor);color:#fff}&:not(.active){background:#3b82f6;color:#fff;&:hover{background:#1d4ed8}}}}.lottery-article{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;margin-bottom:2rem;.article-title{font-size:2rem;font-weight:700;color:rgb(var(--black));margin-bottom:1.5rem}.description-section{margin-bottom:2rem}.description-text{color:rgb(var(--gray-dark));line-height:1.6;margin-bottom:1rem;font-size:1rem}.section-subtitle{font-size:1.5rem;font-weight:600;color:rgb(var(--black));margin-bottom:1.5rem}}.ticket-display{border-radius:.75rem;padding:2rem;text-align:center;margin-bottom:2rem;&.red{background:linear-gradient(135deg,#fef2f2,#fecaca)}&.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}&.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.ticket-icon{font-size:4rem;margin-bottom:1rem}.ticket-title{color:rgb(var(--gray));font-weight:500;margin-bottom:.5rem}.ticket-subtitle{font-size:.875rem;color:rgb(var(--gray));margin:0}}.results-section{margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;.info-card{background:#f9fafb;border-radius:.75rem;padding:1.5rem;.info-title{font-size:1.25rem;font-weight:600;color:rgb(var(--black));margin-bottom:1rem}}}.schedule-list,.prize-table-container{display:flex;flex-direction:column;gap:.75rem}.schedule-item{display:flex;flex-direction:column;padding:1rem;background:#fff;border-radius:.5rem;transition:background-color .2s ease;&:hover{background:#f3f4f6}.schedule-day{font-weight:600;color:rgb(var(--black))}.schedule-lottery{font-size:.875rem;color:rgb(var(--gray));margin-top:.25rem}}.prize-table-container{display:flex;flex-direction:column;gap:.75rem;overflow-x:auto;.prize-table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;th,td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}th{font-weight:600;color:rgb(var(--black));background:#f3f4f6;font-size:.875rem}tbody tr{&:hover{background:#f9fafb}&.first-prize-row{background:#ecfdf5;&:hover{background:#d1fae5}}}.rank-cell{font-weight:600;color:rgb(var(--black))}.number-cell{font-size:1rem;font-weight:500;color:#374151}.amount-cell{font-size:1rem;font-weight:700;color:#059669}.super-amount-cell{font-size:1rem;font-weight:700;color:#dc2626}}}.important-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;border-radius:.75rem;padding:1.5rem;.important-title{font-size:1.125rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.important-list{color:#92400e;font-size:.875rem;line-height:1.5;margin:0;padding-left:0;list-style:none;li{margin-bottom:.25rem}}}.loading-spinner{text-align:center;padding:2rem;.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}}.error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:.5rem;padding:1rem;margin:1rem 0;text-align:center;.error-icon{font-size:2rem;margin-bottom:.5rem}.retry-button{background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:.25rem;margin-top:1rem;transition:background-color .2s;&:hover{background:#dc2626}}}.refresh-container{text-align:center;margin:2rem 0;.refresh-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--activeColor);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s ease;font-weight:600;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a;&:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a;opacity:.9}&:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.refresh-icon{font-size:1.25rem;transition:transform .3s ease}&:hover .refresh-icon{transform:rotate(180deg)}}}.results-container{transition:opacity .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}@media (min-width: 768px){.info-grid{grid-template-columns:1fr}.lottery-article{padding:2rem;.article-title{font-size:2.25rem}}}@media (max-width: 767px){.time-nav{.time-nav-container{flex-direction:column;gap:.5rem;width:100%;max-width:300px}.time-nav-item{text-align:center;padding:.75rem 1rem}}.lottery-article{padding:1rem;border-radius:.5rem;.article-title{font-size:1.5rem;margin-bottom:1rem}.section-subtitle{font-size:1.25rem}}.ticket-display{padding:1.5rem;.ticket-icon{font-size:3rem}}.info-grid{grid-template-columns:1fr;gap:1.5rem;.info-card{padding:1rem;.info-title{font-size:1.125rem}}}.schedule-item{padding:.75rem}.prize-table-container{padding:0;.prize-table{th,td{padding:.5rem;font-size:.875rem}th{font-size:.75rem}}}.important-info{padding:1rem}}@media (max-width: 480px){.time-nav{margin-bottom:1rem}.lottery-article{.article-title{font-size:1.25rem}.description-text{font-size:.9rem}}.prize-table-container{.prize-table{th,td{padding:.375rem;font-size:.75rem}th{font-size:.625rem}.number-cell,.amount-cell,.super-amount-cell{font-size:.75rem}}}}.note-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.note-title{font-size:1.125rem;font-weight:600;color:#0c4a6e;margin-bottom:1rem}.note-text{color:#0c4a6e;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.note-text:last-child{margin-bottom:0}@media (max-width: 767px){.note-section{padding:1rem}.note-title{font-size:1rem}}@media (max-width: 480px){.note-section{padding:.75rem;margin-bottom:1rem}.note-title{font-size:.875rem}.note-text{font-size:.75rem}}.game-info-section{background:#f8fafc;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.game-info-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.game-info-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.game-title{font-size:1rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}.game-details{font-size:.875rem;color:#374151;line-height:1.5;margin:0}.legal-info{font-size:.875rem;color:#6b7280;line-height:1.6;padding:1rem;background:#fff;border-radius:.5rem;border-left:4px solid #3b82f6;margin:0}@media (max-width: 767px){.game-info-section{padding:1rem}.section-title{font-size:1rem}.game-info-grid{gap:.75rem}.game-info-card{padding:.75rem}}@media (max-width: 480px){.game-info-section{padding:.75rem;margin-bottom:1rem}.section-title{font-size:.875rem}.game-details,.legal-info{font-size:.75rem}.game-info-card{padding:.5rem}}.detailed-info-section{background:#fefce8;border:1px solid #eab308;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.detailed-info-text{color:#92400e;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.requirements-list{color:#92400e;font-size:.875rem;line-height:1.5;margin:1rem 0;padding-left:1.5rem}.requirements-list li{margin-bottom:.5rem}.payment-info{background:#fff;border-radius:.5rem;padding:1rem;margin-top:1rem}.payment-text{color:#92400e;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.payment-text:last-child{margin-bottom:0}@media (max-width: 767px){.detailed-info-section{padding:1rem}.section-title{font-size:1rem}}@media (max-width: 480px){.detailed-info-section{padding:.75rem;margin-bottom:1rem}.section-title{font-size:.875rem}.detailed-info-text,.payment-text{font-size:.75rem}}.faq-section{background:#f1f5f9;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:600;color:rgb(var(--black));margin-bottom:1.5rem}.faq-item{background:#fff;border-radius:.5rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.faq-item:last-child{margin-bottom:0}.faq-question{font-size:1rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.faq-answer{font-size:.875rem;color:#374151;line-height:1.6;margin:0}@media (max-width: 767px){.faq-section{padding:1rem}.section-title{font-size:1rem}.faq-item{padding:.75rem}}@media (max-width: 480px){.faq-section{padding:.75rem;margin-bottom:1rem}.section-title,.faq-question{font-size:.875rem}.faq-answer{font-size:.75rem}.faq-item{padding:.5rem}}:root{--activeColor: var(--activeColor)}