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