:root{--paper:#f6f4ed;--ink:#183a3f;--muted:#73817d;--blue:#58c4ed;--line:#dbdfd4;--accent:#087a8e;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:radial-gradient(#7685780d .6px,transparent .6px);background-size:5px 5px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #039aca;outline-offset:5px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.site-header{height:108px;max-width:1440px;padding:0 68px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;font-size:27px;letter-spacing:-1.1px}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:var(--blue);border-radius:9px;transform:rotate(-12deg)}.brand-icon svg{width:28px;height:28px}.brand-dot{font-size:11px;align-self:flex-start;margin-left:-5px;margin-top:6px}nav{display:flex;align-items:center;gap:27px}.utility{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 0}.utility[aria-pressed=false]{opacity:.55}.help-button{width:27px;height:27px;border:1px solid #a7b3aa;border-radius:50%;color:var(--ink);background:none;font-size:14px}main{max-width:1304px;margin:auto;padding:0 54px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;min-height:644px;align-items:center;padding:64px 0 63px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:700}.intro>.eyebrow{display:flex;gap:9px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;background:#568270;border-radius:50%}h1{font-size:clamp(46px,5.25vw,76px);font-weight:600;line-height:1.04;letter-spacing:-4px;margin:23px 0 19px}h1 em{font-family:Georgia,'Times New Roman',serif;color:var(--accent);font-weight:400}p{line-height:1.65}.lede{font-size:16px;color:#76827c;margin:0 0 32px}form{max-width:404px}.range-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.range-heading h2{font-size:13px;margin:0;font-weight:700}.range-heading>span{font-size:10px;color:var(--muted)}.range-fields{display:flex;align-items:center;gap:14px}.range-fields label{font-size:10px;color:#6c7d75;flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;border:1px solid #cfd7ca;background:#fcfbf6;border-radius:8px;padding:11px 15px 10px;transition:border-color .2s}.range-fields label:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #148a9e12}.range-fields input{display:block;min-width:0;width:100%;border:none;background:transparent;font-size:27px;font-weight:500;letter-spacing:-.5px;color:var(--ink);outline:none;font-variant-numeric:tabular-nums}.range-fields input:disabled{opacity:.65}.range-dash{color:#9ba79d}.pool-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#758274;margin:14px 0 20px}.pool-line>span:first-child{display:flex;align-items:center;gap:5px}.pool-line svg{width:16px;height:16px}.pool-line strong{font-weight:700;color:var(--ink)}.fair-tag{font-size:9px;border:1px solid #d7ddcc;border-radius:12px;padding:3px 8px;color:#6a7f63;background:#eef1e6}.draw-button{width:100%;min-height:55px;border:none;border-radius:8px;background:var(--ink);color:#fffef7;padding:14px 20px;display:flex;gap:12px;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 4px 0 #0b242810;transition:background .2s,transform .2s}.draw-button:hover{background:#28535a;transform:translateY(-1px)}.draw-button>svg:last-child{margin-left:auto;width:19px}.draw-button>svg:first-child:not(:last-child){width:20px;color:#85d5e5;fill:#85d5e5;stroke-width:0}.draw-button span{flex:1}.draw-hint{font-size:10px;color:#829087;text-align:center;margin:12px 0 0}.error{font-size:12px;color:#a13535;margin:7px 0 0}.error:empty{display:none}
.ticket-scene{height:495px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:470px;height:470px;border:1px solid #d8dfd266;border-radius:50%;z-index:-2}.orbit-two{width:365px;height:365px;border-style:dashed;border-color:#ced9d28c}.ticket-scene:before{content:"";position:absolute;width:370px;height:290px;background:#bed9cc55;filter:blur(50px);border-radius:50%;z-index:-2}.ticket-fan{width:min(100%,490px);height:235px;position:relative;transform:translateY(-8px)}.ticket-wrap{position:absolute;width:100%;height:100%;filter:drop-shadow(0 15px 13px #153a4320)}.ticket{height:100%;width:100%;background-color:var(--blue);background-image:repeating-linear-gradient(12deg,transparent 0px,transparent 2px,#174e6510 2px,#174e6510 3px),radial-gradient(#14486424 .65px,transparent .8px);background-size:auto,4px 4px;position:relative;color:#143d51;display:grid;grid-template-columns:75% 25%;border-radius:8px;mask-image:radial-gradient(circle at 75% 0,transparent 10px,#000 11px),radial-gradient(circle at 75% 100%,transparent 10px,#000 11px);mask-composite:intersect}.ticket-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 23px;position:relative;margin:13px 10px 13px 13px;border:1px solid #18485780;border-radius:4px}.ticket-label{font-size:11px;font-weight:900;letter-spacing:4px}.ticket-number{font-family:Arial,Helvetica,sans-serif;font-size:100px;font-weight:900;line-height:1.13;letter-spacing:-6px;font-variant-numeric:tabular-nums;max-width:100%}.ticket-number.medium{font-size:66px;letter-spacing:-3px}.ticket-number.long{font-size:43px;letter-spacing:-2px}.ticket-bottom{font-size:8px;letter-spacing:2px;font-weight:700;display:flex;justify-content:space-between;width:100%;border-top:1px solid #16455855;padding-top:7px;gap:12px}.ticket-bottom b{font-size:11px;line-height:10px}.ticket-stub{border-left:2px dashed #17435970;margin:6px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px}.stub-title{font-size:20px;line-height:1.1;text-align:center;font-weight:900;letter-spacing:-.5px}.stub-number{font-size:17px;font-weight:700;max-width:94%;overflow:hidden}.stub-number.long{font-size:12px}.barcode{width:63%;height:18px;background:repeating-linear-gradient(90deg,#194650 0,#194650 1px,transparent 1px,transparent 3px,#194650 3px,#194650 6px,transparent 6px,transparent 8px,#194650 8px,#194650 9px,transparent 9px,transparent 11px);opacity:.72}.ticket-fan .ticket-wrap:nth-child(1){transform:translate(-17px,-34px) rotate(-15deg);opacity:.84}.ticket-fan .ticket-wrap:nth-child(2){transform:translate(11px,-10px) rotate(-3deg);filter:brightness(.95) drop-shadow(0 12px 10px #14374330)}.ticket-fan .ticket-wrap:nth-child(3){transform:translate(8px,24px) rotate(9deg)}.scene-star{position:absolute;color:#22655f}.star-one{font-size:40px;top:4%;left:15%;transform:rotate(-8deg)}.star-two{font-size:24px;top:15%;right:6%;color:#76a19a}.star-three{font-size:37px;bottom:14%;left:7%;color:#70948e}.round-stamp{position:absolute;right:-12px;bottom:94px;width:108px;height:108px;border-radius:50%;background:#e9ee87;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:rotate(14deg);box-shadow:0 3px 0 #173e4415;color:#294737;border:1px solid #173e4422}.round-stamp span{font-size:9px;letter-spacing:1.5px;font-weight:700}.round-stamp svg{width:29px;height:29px;fill:currentColor;stroke-width:0}.scene-caption{position:absolute;bottom:9px;font-family:Georgia,serif;font-size:15px;font-style:italic;color:#748780;transform:rotate(-4deg)}.hand-arrow{font-size:31px;vertical-align:middle;display:inline-block;transform:rotate(17deg);margin-right:12px}
.history{border-top:1px solid var(--line);padding:28px 0 23px}.history-heading{display:flex;align-items:center;justify-content:space-between}.history-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#869183}.history h2{font-size:22px;letter-spacing:-.6px;margin:6px 0 19px;font-weight:500}.history h2>span{font-size:10px;vertical-align:middle;display:inline-grid;place-items:center;border:1px solid #d8decf;border-radius:50%;width:21px;height:21px;margin-left:7px;color:#7d8d7d}.text-button{border:0;background:transparent;font-size:11px;color:#577265;display:flex;gap:15px;align-items:center}.empty-history{font-size:12px;color:#839086;margin:0;padding:10px 0}.history-list{display:flex;flex-wrap:wrap;gap:10px;max-height:190px;overflow:auto}.history-item{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #aacbd0;border-radius:5px;background:#deedf0;padding:9px 16px;color:var(--ink)}.history-item:after{content:"";position:absolute;right:41px;inset-block:0;border-left:1px dashed #a3bdc1}.history-item strong{font-size:22px;letter-spacing:-.7px;min-width:34px;font-variant-numeric:tabular-nums}.history-item span{font-size:8px;padding-left:11px;color:#738e91}.history-note{font-size:10px;color:#92a08f;margin:16px 0 0}footer{max-width:1304px;margin:auto;padding:21px 54px 27px;display:flex;align-items:center;justify-content:space-between;color:#839182;font-size:10px;border-top:1px solid var(--line)}footer>span:last-child{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:16px}.footer-star{font-size:18px;color:#528574}.notice{position:fixed;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);background:#183a3f;color:white;max-width:90%;font-size:12px;padding:12px 20px;border-radius:8px;box-shadow:0 6px 30px #0002}
dialog{color:var(--ink);border:none}dialog::backdrop{background:#14323ce0;backdrop-filter:blur(4px)}.small-dialog{width:min(90vw,460px);border-radius:15px;padding:38px;background:var(--paper);box-shadow:0 20px 100px #0004}.small-dialog h2{font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-1px;margin:12px 0 20px}.small-dialog p,.small-dialog li{font-size:13px;line-height:1.8;color:#63756c}.small-dialog ol{padding-left:20px}.small-dialog li{padding-left:5px;margin-bottom:9px}.small-dialog .eyebrow{font-size:8px}.close-dialog{position:absolute;right:17px;top:12px;font-size:25px;border:0;background:transparent;color:#728478}.dialog-actions{display:flex;gap:12px;align-items:center;margin-top:25px}.dialog-actions button{flex:1;font-size:12px}.back-button{border:0;background:transparent;color:var(--ink);padding:12px;font-size:12px}
.draw-stage{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:var(--paper);overflow:hidden;background-image:radial-gradient(ellipse at 50% 48%,#b9ddd86b,transparent 65%)}.draw-stage[open]{display:flex;flex-direction:column;align-items:center}.stage-top{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 40px;z-index:3;font-size:12px;color:#668079}.stage-brand{font-size:20px;font-weight:800;letter-spacing:-1px}.stage-heading{text-align:center;z-index:3;margin-top:3vh}.stage-heading .eyebrow{color:#528479}.stage-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,4vw,57px);letter-spacing:-1.6px;margin:12px 0 7px}.stage-heading p{font-size:14px;color:#748c80;margin:0}.shuffle-field{position:absolute;inset:35% 0 19%;perspective:900px;overflow:visible}.flying-ticket{position:absolute;left:50%;top:50%;width:clamp(190px,31vw,430px);height:clamp(100px,14.7vw,205px);will-change:transform;animation:ticket-flight var(--speed,1200ms) cubic-bezier(.4,0,.25,1) infinite;animation-delay:var(--delay,0ms)}.flying-ticket .ticket-number{font-size:clamp(48px,6.8vw,88px)}.flying-ticket .ticket-number.long{font-size:clamp(20px,3vw,40px);letter-spacing:-1px}.flying-ticket .ticket-number.medium{font-size:clamp(34px,4.5vw,60px)}.flying-ticket .ticket-label{font-size:8px;letter-spacing:2px}.flying-ticket .ticket-main{padding:6px;margin:8px 6px 8px 8px}.flying-ticket .ticket-bottom{font-size:6px;letter-spacing:1px}.flying-ticket .stub-title{font-size:15px}.flying-ticket .stub-number{font-size:12px}.flying-ticket .stub-number.long{font-size:9px}.flying-ticket .barcode{height:13px}.stage-bottom{position:absolute;bottom:5vh;z-index:5;text-align:center;width:min(360px,85vw)}.stage-bottom>p{font-size:12px;color:#6e8b7c}.progress-track{width:190px;height:3px;background:#cbdacf;border-radius:3px;margin:auto;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#3b8c8a;transition:width .15s linear}.winner-ticket{position:absolute;left:50%;top:51%;width:min(760px,78vw);height:min(355px,36.5vw);transform:translate(-50%,-44%) scale(.4) rotate(-12deg);opacity:0;filter:drop-shadow(0 30px 28px #103b4528)}.winner-ticket .ticket-wrap{position:relative}.winner-ticket .ticket-number{font-size:clamp(100px,14vw,190px);letter-spacing:-9px}.winner-ticket .ticket-number.medium{font-size:clamp(75px,10vw,133px);letter-spacing:-5px}.winner-ticket .ticket-number.long{font-size:clamp(40px,6.7vw,88px);letter-spacing:-4px}.winner-ticket .ticket-label{font-size:16px;letter-spacing:6px}.winner-ticket .ticket-main{margin:20px 14px 20px 20px;padding:20px 24px}.winner-ticket .ticket-bottom{font-size:11px;padding-top:12px}.winner-ticket .stub-title{font-size:clamp(20px,3vw,35px)}.winner-ticket .stub-number{font-size:25px}.winner-ticket .stub-number.long{font-size:17px}.winner-ticket .barcode{height:28px}.draw-stage.revealed .winner-ticket{animation:winner-arrive 850ms cubic-bezier(.2,.9,.2,1.16) forwards}.draw-stage.revealed .stage-heading h2{color:#20554f}.draw-stage.revealed .stage-heading .eyebrow{color:#087a8e}#confetti{position:fixed;inset:0;pointer-events:none;width:100%;height:100%;z-index:4}.stage-bottom .draw-button{min-height:49px}.stage-bottom .back-button{margin-top:7px}#winner-actions[hidden],.winner-ticket[hidden]{display:none}.draw-stage.reduced .flying-ticket{animation:none;transform:translate(-50%,-50%)}.draw-stage.reduced .flying-ticket:not(:first-child){display:none}.draw-stage.reduced.revealed .winner-ticket{animation:none;opacity:1;transform:translate(-50%,-44%)}
.reset-range-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:39px;margin-top:12px;padding:8px 12px;border:1px solid #bdccc1;border-radius:7px;background:#e7efeb;color:var(--ink);font-size:12px;font-weight:600}.reset-range-button:hover{background:#dce8e1}.reset-range-button>span{font-size:18px;line-height:1}.winner-secondary-actions{display:flex;justify-content:center;gap:8px}.winner-secondary-actions .back-button{font-size:11px;padding-inline:8px}#stage-reset-range{text-decoration:underline;text-underline-offset:3px}
.sound-check{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:#647b70}.sound-check button{border:1px solid #bdccc1;border-radius:6px;background:#e7efeb;color:var(--ink);padding:9px 10px;font-size:11px;font-weight:600;white-space:nowrap}.sound-check button:hover{background:#dce8e1}.sound-check label{margin-left:auto}.sound-check input{width:70px;min-width:40px;accent-color:var(--accent)}.sound-check output{min-width:28px;font-variant-numeric:tabular-nums}.sound-feedback{font-size:11px;line-height:1.5;color:#63796e;margin:9px 0 0}.sound-feedback:empty,.stage-audio-feedback:empty{display:none}.stage-audio-feedback{z-index:6;position:absolute;top:64px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;margin:0;padding:8px 14px;border-radius:6px;background:#fff1d3;color:#795223;font-size:12px;text-align:center}
.winner-ticket .stub-title{width:72%}.winner-ticket .ticket-smile{display:block;width:100%;height:auto;max-width:130px;max-height:130px;margin:0 auto;color:#253338;stroke:none}
@keyframes ticket-flight{0%{transform:translate(calc(-50% - 90vw),var(--lift,-50%)) rotate(-25deg) rotateY(-20deg);opacity:0}12%{opacity:1}48%{transform:translate(-50%,-50%) rotate(4deg) rotateY(0)}85%{opacity:1}100%{transform:translate(calc(-50% + 90vw),-95%) rotate(28deg) rotateY(20deg);opacity:0}}@keyframes winner-arrive{0%{opacity:0;transform:translate(-50%,-44%) scale(.4) rotate(-12deg)}65%{opacity:1}100%{opacity:1;transform:translate(-50%,-44%) scale(1) rotate(-3deg)}}
@media(min-width:1500px){.hero{min-height:710px}.ticket-scene{height:520px}}
@media(max-width:1100px){.site-header{padding:0 35px}main{padding:0 35px}.hero{gap:40px;grid-template-columns:1fr 1fr}.ticket-scene{height:420px}.ticket-fan{height:195px}.ticket-main{padding:12px}.ticket-number{font-size:83px}.stub-title{font-size:16px}.ticket-bottom{font-size:6px}.ticket-label{font-size:9px}.round-stamp{width:87px;height:87px;right:-11px;bottom:70px}.round-stamp span{font-size:7px}.orbit{width:370px;height:370px}.orbit-two{width:300px;height:300px}.scene-caption{font-size:12px}footer{margin:0 35px;padding-inline:0}}
@media(max-width:760px){.site-header{height:82px;padding:0 24px}.brand{font-size:23px}.brand-icon{height:33px;width:33px}nav{gap:18px}.utility{font-size:11px}.utility svg{height:19px;width:19px}.utility span{display:none}.help-button{width:24px;height:24px}main{padding:0 26px}.hero{display:flex;flex-direction:column;gap:0;padding-top:38px;padding-bottom:25px}.intro{width:100%;max-width:450px}.intro>.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:58px;letter-spacing:-3px;margin-top:20px}.lede{font-size:14px;margin-bottom:27px}form{max-width:none}.ticket-scene{width:100%;height:355px;max-width:440px;margin-top:37px}.ticket-fan{width:90%;height:185px;transform:translateY(-10px)}.ticket-number{font-size:78px}.ticket-number.long{font-size:34px}.ticket-number.medium{font-size:51px}.ticket-label{font-size:9px}.ticket-bottom{font-size:6px;letter-spacing:1px}.stub-title{font-size:16px}.stub-number{font-size:13px}.stub-number.long{font-size:9px}.round-stamp{bottom:68px;right:0;width:85px;height:85px}.scene-caption{bottom:0;font-size:12px}.star-one{left:12%;top:0;font-size:28px}.star-three{bottom:10%;left:1%;font-size:28px}.star-two{top:7%;right:1%}.orbit{width:310px;height:310px}.orbit-two{width:245px;height:245px}.ticket-scene:before{width:280px;height:250px}.history{padding:23px 0}.history h2{font-size:21px}.empty-history{font-size:11px}.history-note{font-size:9px}.text-button{font-size:10px}footer{margin:0 26px;padding-block:18px;gap:16px;font-size:9px}footer>span:last-child{font-size:6px;letter-spacing:1px;gap:7px}.stage-top{padding:20px 22px;font-size:10px}.stage-brand{font-size:17px}.stage-heading{margin-top:5vh}.stage-heading h2{font-size:34px;max-width:90vw}.stage-heading p{font-size:12px}.stage-heading .eyebrow{font-size:9px}.winner-ticket{width:90vw;height:44vw;top:49%}.winner-ticket .ticket-main{margin:10px 8px 10px 10px;padding:12px}.winner-ticket .ticket-number{font-size:23vw;letter-spacing:-5px}.winner-ticket .ticket-number.medium{font-size:16vw;letter-spacing:-3px}.winner-ticket .ticket-number.long{font-size:10vw;letter-spacing:-1px}.winner-ticket .ticket-label{font-size:9px;letter-spacing:3px}.winner-ticket .ticket-bottom{font-size:6px;letter-spacing:1px;padding-top:5px}.winner-ticket .stub-title{font-size:17px}.winner-ticket .stub-number{font-size:16px}.winner-ticket .stub-number.long{font-size:10px}.winner-ticket .barcode{height:15px}.stage-bottom{bottom:8vh}.flying-ticket{width:70vw;height:34vw}.flying-ticket .ticket-number{font-size:17vw;letter-spacing:-4px}.flying-ticket .ticket-number.medium{font-size:11vw}.flying-ticket .ticket-number.long{font-size:7vw}.flying-ticket .ticket-stub{gap:6px}.small-dialog{padding:31px}}
@media(max-height:650px) and (min-width:761px){.stage-top{padding:14px 30px}.stage-heading{margin-top:0}.stage-heading h2{font-size:35px}.stage-heading p{display:none}.winner-ticket{width:490px;height:230px;top:49%}.winner-ticket .ticket-number{font-size:110px}.winner-ticket .ticket-number.medium{font-size:75px}.winner-ticket .ticket-number.long{font-size:51px}.winner-ticket .ticket-label{font-size:10px}.winner-ticket .ticket-main{margin:13px}.winner-ticket .ticket-bottom{font-size:8px}.winner-ticket .stub-title{font-size:20px}.stage-bottom{bottom:2vh}.stage-bottom .draw-button{min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.draw-stage.revealed .winner-ticket{opacity:1;transform:translate(-50%,-44%)}}