*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;color:#e0e0e0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;position:relative}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.tagline{font-size:1.1rem;color:#999;margin-bottom:.5rem;font-style:italic}.description{font-size:.95rem;color:#ccc;max-width:600px;margin:0 auto;line-height:1.5}.wins-counter{margin-top:1.5rem;padding:1rem;border-radius:8px;display:flex;justify-content:center}.wins-label{color:#999;font-size:.9rem;margin-right:.5rem}.wins-number{color:#22c55e;font-size:.9rem;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.card{background:#252525;border-radius:8px;padding:1.5rem;border:1px solid #333}.card h2{font-size:1.5rem;margin-bottom:1rem;text-align:center;color:#fff}.draw-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.draw-label{color:#999;font-size:.85rem}.score{background:#333;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;color:#fff}.result-section{margin-bottom:1.5rem;padding:1rem;background:#2a2a2a;border-radius:6px;animation:slideIn .3s ease}.result-section:last-of-type{margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-section h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:1rem}.numbers{display:flex;flex-direction:column;gap:1rem}.number-group{display:flex;flex-direction:column;gap:.5rem}.number-group .label{color:#999;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.balls{display:flex;gap:.5rem;flex-wrap:wrap}.ball{width:2.5rem;height:2.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:#444;position:relative;line-height:1em;overflow:hidden}.ball.star{background:#af780f}.ball.power{background:#c8102e}.ball:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 60%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.15),transparent 60%);transform:rotate(calc(var(--value, 0) * 36deg));transition:transform .6s cubic-bezier(.68,-.35,.265,1.35)}.ball>span{position:relative;height:100%;display:flex;align-items:center;justify-content:center;width:100%;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent calc(50% - .6em),black calc(50% - .4em),black calc(50% + .4em),transparent calc(50% + .6em));mask-image:linear-gradient(to bottom,transparent calc(50% - .6em),black calc(50% - .4em),black calc(50% + .4em),transparent calc(50% + .6em))}.ball>span:before{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70";white-space:pre;position:absolute;line-height:1em;color:#fff;top:calc(50% - .5em - var(--value) * 1em);left:0;right:0;text-align:center;transition:top .6s cubic-bezier(.68,-.35,.265,1.35)}.ball.match{background:#22c55e;color:#fff;animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}.waiting{text-align:center;color:#999;font-style:italic;padding:2rem 0}.info-section{margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.info-section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#fff}.info-section p{color:#ccc;line-height:1.7;margin-bottom:1rem;font-size:.95rem}.info-section ul{margin:1rem 0 1rem 1.5rem;color:#ccc}.info-section li{margin-bottom:.75rem;line-height:1.6}.info-section strong{color:#fff;font-weight:600}.info-section em{font-style:italic;color:#e0e0e0}.history-section{margin-top:3rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h2{font-size:1.75rem;margin:0;color:#fff}.pause-button{background:#444;color:#fff;border:1px solid #555;padding:.5rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pause-button:hover{background:#555;border-color:#666}.pause-button:active{transform:scale(.98)}.history-table{background:#252525;border-radius:8px;padding:1rem;border:1px solid #333;overflow-x:auto}.history-table table{width:100%;border-collapse:collapse}.history-table thead th{text-align:left;padding:.75rem;border-bottom:2px solid #333;color:#999;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background .2s ease}.history-table tbody tr:hover{background:#2a2a2a}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody td{padding:.75rem;color:#e0e0e0;font-size:.9rem}.type-cell{font-weight:600}.numbers-cell{font-family:Courier New,monospace;font-size:.85rem}.balls-inline{display:flex;align-items:center;gap:.25rem;flex-wrap:nowrap}.balls-inline .ball{width:1.75rem;height:1.75rem;font-size:.75rem}.balls-inline .separator{color:#666;margin:0 .25rem;font-weight:700}.score-cell{font-weight:600;color:#22c55e}.time-cell{color:#999;font-size:.85rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination-button{background:#444;color:#fff;border:1px solid #555;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#555;border-color:#666}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#999;font-size:.9rem}.footer{margin-top:4rem;padding:2rem 0;border-top:1px solid #333;text-align:center}.footer a{color:#666;text-decoration:none;font-size:.85rem}.footer a:hover{color:#999;text-decoration:underline}@media(max-width:900px){.cards{grid-template-columns:1fr}h1{font-size:2rem}.history-table{overflow-x:scroll}.history-table table{min-width:600px}}