:root{color-scheme:dark;font-family:ui-rounded,"Avenir Next",Avenir,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101923;color:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#213341 0%,#101923 70%);min-height:100svh}main{max-width:860px;margin:auto;padding:30px 28px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:40px;height:40px;display:grid;place-items:center;border:2px solid #ffd460;border-radius:50%;font-size:24px;font-weight:900;color:#ffd460}h1{font-size:clamp(24px,4vw,34px);letter-spacing:-1.1px;margin:0;font-weight:850}h1 span{color:#ffd460}.format{font-size:14px;color:#e3edf4;background:#23323f;border:1px solid #344550;border-radius:30px;padding:9px 14px;white-space:nowrap}.format b{font-weight:500;color:#ff8b91}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:24px auto 0;max-width:640px}.legend{display:flex;gap:18px;font-size:14px;color:#b3c3d0}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:100%;background:#f4f7fb}.legend i.red{background:#ff5d68}button{font:inherit;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #f9dd88;outline-offset:5px}.sound{background:transparent;border:1px solid #3a4b58;border-radius:20px;color:#c2d0db;padding:7px 12px;min-height:36px;font-size:14px}.sound[aria-pressed=true]{color:#ffd460;border-color:#ffd460}.game{max-width:640px;margin:auto}.arena-wrap{position:relative;width:100%;margin-top:-8px}canvas{display:block;width:100%;aspect-ratio:1}.arena-badge{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:14px;letter-spacing:.03em;color:#c4d3de}.arena-badge.complete{color:#ffd460}.counters{display:flex;justify-content:center;gap:25px;color:#a8bbc8;font-size:14px;margin:2px 0 22px}.counters b{font-size:18px;color:#f3f7fa;font-variant-numeric:tabular-nums}.counters span:last-child b{color:#ff818a}.result{border-top:1px solid #3c4d59;padding:21px 4px 0;position:relative}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}h2{font-size:18px;margin:0;letter-spacing:-.3px}.result-heading>span{font-size:14px;color:#a8bbc8}.numbers{display:flex;justify-content:center;align-items:center;gap:16px}.six{display:flex;gap:12px}.number{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:100%;font-weight:800;font-size:24px;background:radial-gradient(circle at 32% 25%,#fff,#d5e1ea);color:#182331;box-shadow:inset 0 -3px 2px #73859666,0 4px 8px #0003;border:1px solid #fff5}.number.empty{color:#687e8f;background:transparent;border:1px dashed #4a6071;box-shadow:none}.number.super{background:radial-gradient(circle at 32% 25%,#ff9198,#ed3447);color:white;box-shadow:inset 0 -3px 2px #5e0c1b66,0 4px 8px #0003}.number.super.empty{background:#552d38;color:#ff979f;border-color:#925460;box-shadow:none}.number.chosen{animation:pop .45s ease-out}.plus{color:#758a99;font-size:20px}.super-label{text-align:right;max-width:528px;margin:8px auto 0;color:#ff939a;font-size:12px}.actions{display:flex;justify-content:center;gap:12px;margin:24px 0 14px}.primary{border:0;border-radius:14px;background:#ffd460;color:#1b2934;padding:14px 30px;font-weight:800;min-height:50px;box-shadow:0 4px 0 #b1892b}.primary:hover{background:#ffe190}.secondary{border:1px solid #465b6c;border-radius:14px;background:#1e303e;color:#d8e5ee;padding:14px 22px;min-height:50px}.secondary:disabled{opacity:.35;cursor:default}.instruction{font-size:14px;color:#a8bbc8;line-height:1.6;text-align:center;max-width:510px;margin:22px auto 0}footer{text-align:center;color:#778d9e;font-size:12px;padding:25px 0 0}@keyframes pop{from{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:620px){main{padding:20px 14px 18px}header{gap:8px;align-items:flex-start}.brand{gap:8px}.brandmark{width:30px;height:30px;font-size:19px}h1{font-size:25px;letter-spacing:-.8px}.format{display:none}.toolbar{margin-top:20px}.counters{gap:14px;font-size:12px;margin-bottom:18px}.counters b{font-size:16px}.result-heading{flex-direction:column;align-items:flex-start;gap:5px}.numbers{gap:7px}.six{gap:6px}.number{width:clamp(33px,10vw,49px);height:clamp(33px,10vw,49px);font-size:20px}.plus{font-size:16px}.super-label{max-width:none;margin-right:2px}.primary{padding:14px 22px}.instruction{font-size:14px}.arena-badge{font-size:12px}}@media(prefers-reduced-motion:reduce){.number.chosen{animation:none}button{transition:none}}

.history{max-width:640px;margin:32px auto 0;border-top:1px solid #3c4d59;padding-top:23px}.history ol{list-style:none;padding:0;margin:12px 0 0}.history li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff0d}.history-label{font-size:14px;color:#a8bbc8}.history-numbers{display:flex;align-items:center;gap:8px}.history .number{width:38px;height:38px;font-size:18px}.history .plus{font-size:16px}.history p{color:#a8bbc8;font-size:14px}.history p:empty{display:none}[hidden]{display:none!important}@media(max-width:620px){.history li{flex-direction:column;align-items:flex-start;gap:10px}.history-numbers{width:100%;justify-content:center;gap:7px}.history .number{width:clamp(31px,9vw,38px);height:clamp(31px,9vw,38px);font-size:17px}}

.result .number.chosen{border:3px solid #ffd460}

.historical-match{text-align:center;margin:22px 0 0;padding:16px 12px;background:#1e303e;border:1px solid #3c4d59;border-radius:14px}.historical-match p{margin:0;font-size:16px;line-height:1.6}.historical-match .historical-source{font-size:12px;color:#a8bbc8;margin-top:7px}.historical-source a{color:#ffd460}.historical-match button{margin-top:12px}

.ball-overview{max-width:640px;margin:32px auto 0;border-top:1px solid #3c4d59;padding-top:23px}.overview-hint{font-size:14px;color:#a8bbc8;margin:8px 0 20px}.ball-overview h3{font-size:14px;color:#c4d3de;margin:18px 0 12px;font-weight:600}.ball-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;justify-items:center}.super-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.ball-overview .overview-ball{position:relative;width:100%;max-width:48px;height:auto;aspect-ratio:1;font-size:20px}.overview-ball.out::after{content:"";position:absolute;left:-6%;top:calc(50% - 2px);width:112%;height:4px;background:#ff3047;border-radius:3px;transform:rotate(-35deg);box-shadow:0 0 0 1px #ffffffaa}.ball-overview .overview-ball.winner{border:3px solid #ffd460;box-shadow:0 0 12px #ffd46040,inset 0 -3px 2px #73859666}@media(max-width:620px){.ball-grid{gap:10px 7px}.ball-overview .overview-ball{font-size:18px}.super-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:280px;margin:auto}}