:root{color:#1b2150;background:#edf2ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#fff 0 10%,#0000 35%),#edf2ff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(100%,680px);padding:max(28px,env(safe-area-inset-top)) 20px max(36px,env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:center;gap:12px;margin:6px 4px 30px;display:flex}.brand-copy{text-align:left;align-items:center;gap:12px;display:flex}.brand-mark{aspect-ratio:1;object-fit:contain;width:45px}.ticket-logo{color:#c32f45;text-align:center;background:#fff0ed;border:2px solid #c32f45;border-radius:11px;place-items:center;min-width:108px;height:52px;padding:4px 10px;font-family:Georgia,serif;font-size:14px;font-weight:700;line-height:.95;display:grid;position:relative;transform:rotate(4deg);box-shadow:2px 2px #c32f45}.ticket-logo:before,.ticket-logo:after{content:"";background:#edf2ff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.ticket-logo:before{left:-6px}.ticket-logo:after{right:-6px}.eyebrow{color:#727794;letter-spacing:.13em;margin:0 0 5px;font-size:11px}h1,h2{letter-spacing:-.035em;margin:0;font-family:Georgia,serif}h1{font-size:45px;line-height:1}h2{font-size:23px}.card,.history{background:#fffdf8;border:2px solid #1b2150;border-radius:16px;padding:22px;box-shadow:5px 5px #1b2150}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-count,#history-count{color:#727794;white-space:nowrap;font-size:11px}.help{color:#5f6585;margin:17px 0;font-size:12px;line-height:1.65}.ranges{gap:11px;margin-top:21px;display:grid}.range-row{color:#4c5278;grid-template-columns:62px 1fr 24px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.range-row label{display:contents}.range-row input{color:#1b2150;background:#f7f6f0;border:1.5px solid #c6c9d8;border-radius:8px;width:100%;min-width:0;padding:11px 8px}.range-row input:focus{border-color:#1b2150;outline:3px solid #f5c86c}.to{text-align:center}.error{color:#a22541;margin:15px 0 0;font-size:12px;line-height:1.5}.button{cursor:pointer;border:2px solid #1b2150;border-radius:9px;width:100%;min-height:51px;font-weight:700}.primary{color:#fffdf8;background:#303a90;margin-top:22px;box-shadow:3px 3px #1b2150}.primary:active{transform:translate(2px,2px);box-shadow:1px 1px #1b2150}.primary span{margin-left:8px}.button:disabled{cursor:default;color:#777b91;box-shadow:none;background:#d9dbe4}.draw-card{isolation:isolate;text-align:center;padding:27px 22px 22px;position:relative}.fireworks{z-index:0;border-radius:inherit;pointer-events:none;opacity:.5;filter:contrast(1.2)saturate(1.35);background:url(/fireworks.gif) 50%/300px no-repeat;display:none;position:absolute;inset:0;overflow:hidden}.draw-card>:not(.fireworks){z-index:1;position:relative}.celebrate .fireworks{display:block}.ticket{color:#303a90;letter-spacing:-.08em;overflow-wrap:anywhere;min-height:clamp(92px,28vw,150px);font-family:Georgia,serif;font-size:clamp(76px,27vw,150px);font-weight:700;line-height:1;display:block}.remaining{color:#727794;margin:8px 0 0;font-size:12px}.draw{margin-top:25px;font-size:16px}.secondary{color:#303a90;background:0 0;border-color:#0000;min-height:auto;margin-top:19px;font-size:12px;text-decoration:underline}.complete{color:#28734d;margin:17px 0 0;font-size:12px}.history{box-shadow:none;margin-top:28px;padding:20px 22px}.history ol{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.history li{color:#303a90;background:#e9ebf7;border-radius:5px;padding:6px 8px;font-size:12px}.signature{color:#727794;letter-spacing:.08em;text-align:center;opacity:.72;-webkit-user-select:none;user-select:none;margin:18px 0 0;font-size:8px;display:block}#history-card[hidden]+.signature{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=420px){.app-shell{padding-inline:16px}.card{padding:19px 16px}.range-row{grid-template-columns:54px 1fr 18px 1fr;gap:6px}.ticket-logo{min-width:94px;height:47px;font-size:12px}}