@charset "UTF-8";
:root{--gold:#ffe2a5;--gold-deep:#d5a35c;--cream:#fff5dc;--red:#be1626;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--gold);background:#bc1726;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#e4373a 0,#d12431 34%,#b81324 75%,#a10e20 100%);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffedbb;outline-offset:5px}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.ambience{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.halo{position:absolute;border:1px solid #ffe2a515;border-radius:50%;width:1180px;height:1180px;left:50%;top:-410px;transform:translateX(-50%)}.halo-two{width:1450px;height:1450px;top:-540px;border-color:#ffe2a50d}.sweep{position:absolute;inset:0;background:linear-gradient(122deg,transparent 14%,#ffba6410 26%,transparent 39%,transparent 66%,#ffb76d08 78%,transparent 85%)}.orbital{position:absolute;left:50%;top:180px;width:1600px;height:580px;border:1px solid #ffcb7b17;border-radius:50%;transform:translateX(-50%) rotate(-19deg)}.orbital-two{top:80px;transform:translateX(-50%) rotate(26deg);width:1460px;height:690px}.floor-grid{position:absolute;bottom:30px;left:-30%;width:160%;height:230px;background-image:linear-gradient(#ffd09909 1px,transparent 1px),linear-gradient(90deg,#ffd09909 1px,transparent 1px);background-size:100px 60px;transform:perspective(400px) rotateX(58deg);mask-image:linear-gradient(transparent,#000)}.speckles{position:absolute;inset:0;background-image:radial-gradient(circle,#ffe7bc73 .8px,transparent 1.4px),radial-gradient(circle,#ffe7bc33 .8px,transparent 1.5px);background-size:177px 163px,263px 211px;background-position:38px 52px,80px 30px;mask-image:radial-gradient(ellipse,#0003,#0009)}
.site-header{height:108px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffdfaa1a;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:var(--gold);text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;transform:rotate(-8deg)}.brand-mark svg{width:43px;height:43px;fill:var(--gold);stroke:none;filter:drop-shadow(1px 2px 0 #8b1923)}.brand strong{display:block;font-size:23px;letter-spacing:3px;font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:4.6px;margin-top:4px;opacity:.8}.header-actions{display:flex;gap:28px;align-items:center;font-size:13px}.live-label{display:flex;align-items:center;gap:9px;color:#ffe4bcbd;font-size:12px;letter-spacing:1px}.live-label i,.tiny-dot{width:5px;height:5px;background:#ffe2a5;border-radius:50%;box-shadow:0 0 10px #ffda8777}.header-divider{height:16px;width:1px;background:#ffe1a52b}.quiet-button{border:0;background:transparent;padding:8px 0;display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#ffe4bfc9;transition:color 160ms ease}.quiet-button svg{width:16px;height:16px}.quiet-button b{display:grid;place-items:center;background:#ffe0a522;border:1px solid #ffe0a533;border-radius:50%;width:17px;height:17px;font-size:10px;font-weight:500}
main{max-width:1440px;margin:auto;padding:0 30px}.hero{text-align:center;padding-top:43px}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;font-family:Georgia,serif;font-size:11px;letter-spacing:4.1px;color:#ffe2b1a6}.hero-eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,transparent,#fcd09899)}.hero-eyebrow span:last-child{transform:rotate(180deg)}h1{position:relative;display:inline-block;font-size:clamp(40px,5.4vw,78px);font-weight:950;letter-spacing:2px;line-height:1.24;margin:20px 0 13px;color:#ffe5ad;background:linear-gradient(178deg,#fff6d4 4%,#ffe7b7 45%,#f1c780 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #8e152544);font-style:italic}.title-comma{letter-spacing:-12px;margin-left:-8px;margin-right:8px}.title-star{position:absolute;right:-40px;top:0;font-size:26px;-webkit-text-fill-color:#ffd895;font-style:normal}.hero-subtitle{font-size:14px;letter-spacing:4.6px;color:#ffdfb3b0;margin:0}.scene{height:366px;position:relative;max-width:1120px;margin:20px auto 0;perspective:1000px}.scene-decorations{position:absolute;inset:0;pointer-events:none}.lottery-panel{position:relative;width:min(620px,73%);margin:auto;padding-top:30px;z-index:2}.event-name{display:inline-flex;max-width:100%;align-items:center;gap:13px;border:1px solid #ffe0a54a;border-radius:100px;padding:9px 23px;background:linear-gradient(110deg,#9c162e6b,#d2373666,#9c162e40);box-shadow:inset 0 1px #ffe0a516;color:#ffe4b2;font-size:16px;letter-spacing:2.6px}.event-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-name svg{width:12px;height:12px;fill:currentColor;stroke:none}.draw-info{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:1.4px;color:#ffd8a4a3;margin:17px 0 18px}.draw-info i{height:3px;width:3px;background:currentColor;border-radius:50%}.number-board{display:flex;justify-content:center;gap:16px;padding:0 10px;min-height:169px;max-height:199px;scrollbar-width:thin;scrollbar-color:#ffcf7c88 transparent;overflow:auto;overscroll-behavior:contain}.number-card{width:148px;height:169px;flex-shrink:0;background:linear-gradient(135deg,#fff7dd 0%,#ffeac5 54%,#f8dca4 100%);border:1px solid #ffe9bc;border-radius:13px;box-shadow:0 7px 0 #dfab63,0 9px 0 #a9492a,0 19px 28px #69041536,inset 0 1px 2px #fffaf1;position:relative;color:#bd1b2b;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;transform:translateZ(0);transition:transform 220ms var(--ease-out)}.number-card:before{content:"";position:absolute;inset:7px;border:1px solid #bc782720;border-radius:8px;pointer-events:none}.number-card:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-20deg);opacity:0}.card-index{position:absolute;top:15px;font-family:Georgia,serif;font-size:9px;font-weight:bold;color:#b98b54;letter-spacing:2.5px}.card-number{font-family:"Bahnschrift","DIN Alternate","Arial",sans-serif;font-size:59px;font-weight:750;line-height:1;letter-spacing:-3px;padding-top:8px;font-variant-numeric:tabular-nums;text-shadow:0 2px #fff9}.card-number.placeholder{font-family:Georgia,serif;font-size:67px;font-weight:500;color:#c7975c;text-shadow:0 1px #fff;letter-spacing:0}.card-label{font-size:9px;letter-spacing:3.5px;color:#b78d58;position:absolute;bottom:15px}.number-board.many{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-content:start;min-height:169px;padding:2px 10px 10px}.number-board.many .number-card{height:76px;width:100%;border-radius:7px;box-shadow:0 3px 0 #dca965,0 6px 12px #78051325}.number-board.many .card-index{top:8px;font-size:6px}.number-board.many .card-number{font-size:33px;letter-spacing:-1px;padding-top:9px}.number-board.many .card-label{bottom:6px;font-size:6px;letter-spacing:2px}.number-board.six .number-card{width:94px;height:145px}.number-board.six .card-number{font-size:40px;letter-spacing:-2px}.number-board.six{gap:10px}.number-board.wide-digits .card-number{font-size:40px;letter-spacing:-2px}.number-board.many.wide-digits .card-number{font-size:22px;letter-spacing:0}.number-board.six.wide-digits .card-number{font-size:24px;letter-spacing:-1px}.number-board.revealed .number-card{animation:reveal-card 650ms var(--ease-out) both;animation-delay:calc(var(--index)*50ms)}.number-board.revealed .number-card:after{animation:card-shine 1100ms var(--ease-out) 200ms both}.number-board.rolling .card-number{opacity:.65;filter:blur(.7px)}.board-bottom{display:flex;justify-content:space-between;align-items:center;max-width:476px;margin:19px auto 0;padding:0 3px}.board-caption{display:flex;gap:7px;align-items:center;font-size:10px;color:#ffdbaf9e;letter-spacing:1px}.tiny-dot{width:4px;height:4px;box-shadow:none;opacity:.7}.copy-button{font-size:10px;gap:5px;padding:3px}.copy-button svg{width:12px;height:12px}
.stage{position:absolute;width:820px;height:120px;left:50%;bottom:-3px;transform:translateX(-50%);filter:drop-shadow(0 25px 23px #76051842)}.stage-side{position:absolute;top:30px;width:100%;height:94px;border-radius:0 0 50% 50%/0 0 65% 65%;background:linear-gradient(90deg,#ad662b 0,#f9d895 10%,#ddb368 23%,#f7db9f 48%,#d5a359 72%,#f6d18a 91%,#ae652b 100%);box-shadow:inset 0 -5px #c89243,inset 0 -9px #ffe7aa77}.stage-surface{position:absolute;top:-7px;width:100%;height:102px;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#e95448 0,#c92930 55%,#ac2029 74%);border:6px solid #f6d794;box-shadow:0 3px 0 #a86b34,inset 0 0 0 2px #ac722c,inset 0 0 0 5px #ffe4a31a,inset 0 0 35px #ffae5744}.stage-rim{position:absolute;inset:4px 20px 38px;border:1px solid #ffe9b638;border-radius:50%}.stage-inscription{position:absolute;bottom:10px;left:0;width:100%;font-family:Georgia,serif;color:#a5713b;font-size:7px;letter-spacing:6px;opacity:.7}.light-beam{position:absolute;bottom:50px;width:240px;height:420px;background:linear-gradient(to top,#ffd38e22,transparent 85%);clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);transform-origin:bottom center;opacity:.5}.beam-left{left:120px;transform:rotate(-24deg);animation:beam-drift 12s ease-in-out infinite alternate}.beam-right{right:120px;transform:rotate(24deg);animation:beam-drift 14s ease-in-out infinite alternate-reverse}
.gift-anchor{position:absolute;width:112px;height:112px;z-index:1;perspective:600px;animation:float-gift 6s ease-in-out infinite}.gift-left{left:37px;bottom:46px;transform:rotate(-12deg)}.gift-right-anchor{right:39px;bottom:65px;width:139px;height:139px;animation-delay:-3s}.gift{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(-28deg) rotateZ(-9deg)}.gift-face{position:absolute;width:100%;height:100%;border:1px solid #fac77399;backface-visibility:hidden}.gift-front{background:linear-gradient(95deg,transparent 40%,#ffeab3 40%,#d6a24a 44%,#ffdea0 58%,transparent 58%),linear-gradient(135deg,#f7c571,#d6943a 70%,#edbb64);transform:translateZ(56px);box-shadow:inset 0 0 14px #fff2}.gift-back{background:#b97b2f;transform:rotateY(180deg) translateZ(56px)}.gift-right{background:linear-gradient(90deg,transparent 40%,#e5b664 40%,#fce0a0 58%,transparent 58%),linear-gradient(120deg,#d19945,#a16b25);transform:rotateY(90deg) translateZ(56px)}.gift-left-face{background:linear-gradient(90deg,transparent 40%,#e5b664 40%,#fce0a0 58%,transparent 58%),linear-gradient(120deg,#ffdb8c,#c38a35);transform:rotateY(-90deg) translateZ(56px)}.gift-top{background:linear-gradient(90deg,transparent 40%,#f6d17f 40%,#fff2ba 58%,transparent 58%),linear-gradient(0deg,transparent 40%,#f6d17f 40%,#fff2ba 58%,transparent 58%),#f2bc62;transform:rotateX(90deg) translateZ(56px)}.gift-lid{position:absolute;width:108%;height:19px;left:-4%;top:-5px;background:linear-gradient(90deg,#f7cf7d,#ffe9aa 42%,#e9b35b 58%,#f8d28a);transform:translateZ(59px);border:1px solid #ffe6a8;box-shadow:0 3px 3px #94632333}.gift-bow{position:absolute;width:60px;height:36px;border:9px solid #ffe5a3;border-bottom-width:7px;top:-34px;left:5px;border-radius:70% 80% 30% 70%;transform:translateZ(14px) rotate(-20deg);box-shadow:inset 0 3px 2px #b17d32,0 2px 0 #aa762c}.bow-two{left:48px;transform:translateZ(14px) rotateY(180deg) rotate(-20deg)}.gift-right-anchor .gift-front{background:linear-gradient(95deg,transparent 40%,#ffdba0 40%,#d09d4a 44%,#ffdfa4 58%,transparent 58%),linear-gradient(135deg,#ef5351,#b8152a 70%,#df2d36);transform:translateZ(69.5px);border-color:#ff9e75}.gift-right-anchor .gift-back{transform:rotateY(180deg) translateZ(69.5px);background:#961b26}.gift-right-anchor .gift-right{transform:rotateY(90deg) translateZ(69.5px);background:linear-gradient(90deg,transparent 40%,#f8ce84 40%,#ffe7a8 58%,transparent 58%),linear-gradient(110deg,#b41527,#9b1022);border-color:#ef7756}.gift-right-anchor .gift-left-face{transform:rotateY(-90deg) translateZ(69.5px);background:linear-gradient(90deg,transparent 40%,#f8ce84 40%,#ffe7a8 58%,transparent 58%),linear-gradient(120deg,#f2514c,#b21929)}.gift-right-anchor .gift-top{transform:rotateX(90deg) translateZ(69.5px);background:linear-gradient(90deg,transparent 40%,#f6d17f 40%,#fff2ba 58%,transparent 58%),linear-gradient(0deg,transparent 40%,#f6d17f 40%,#fff2ba 58%,transparent 58%),#ed4c45}.gift-right-anchor .gift-lid{transform:translateZ(73px);background:linear-gradient(90deg,#e84741 40%,#fbdc99 40%,#e6b96b 58%,#d43034 58%);border-color:#f8805d}.gift-right-anchor .gift-bow{width:71px;height:43px;left:9px;top:-42px;border-width:10px}.gift-right-anchor .bow-two{left:60px}
.floating-star{position:absolute;perspective:400px;animation:float-star 8s ease-in-out infinite;z-index:1}.star-face{font-family:Arial,sans-serif;color:#ffdf97;font-size:100px;line-height:1;text-shadow:1px 1px #d6a14b,2px 2px #c38937,3px 3px #c08a3c,4px 4px #af762e,5px 6px 0 #a46b2b,7px 12px 14px #71051a55;transform:rotateY(-22deg) rotateZ(-13deg);filter:drop-shadow(-3px -1px 0 #fff1be)}.star-left{left:155px;top:11px;transform:rotate(-12deg)}.star-right{right:157px;top:69px;animation-delay:-4s}.star-right .star-face{font-size:55px;transform:rotateY(25deg) rotateZ(17deg)}.coin{position:absolute;width:58px;height:58px;border-radius:50%;background:linear-gradient(120deg,#ffefad,#e8b65f 45%,#c18633 49%,#ffe29a 60%,#e7b158);border:3px solid #ffe7a1;box-shadow:4px 3px 0 #b67a2d,6px 5px 0 #9e5d24,13px 14px 18px #790a1a44;display:grid;place-items:center;animation:coin-turn 9s ease-in-out infinite;z-index:1}.coin span{width:43px;height:43px;border:1px solid #bd863b;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#c08b39;text-shadow:1px 1px #fff0b6}.coin-left{left:52px;top:57px;transform:rotate(-25deg) rotateY(30deg)}.coin-right{right:47px;top:7px;width:46px;height:46px;animation-delay:-4s}.coin-right span{width:32px;height:32px;font-size:22px}.ribbon{position:absolute;width:60px;height:25px;border-radius:50%;border:6px solid #f6d58d;border-left-color:transparent;border-bottom-color:#ba8439;transform:rotate(-30deg);filter:drop-shadow(2px 4px 3px #7e122944);animation:float-star 7s ease-in-out infinite}.ribbon-left{left:174px;bottom:58px}.ribbon-right{right:115px;top:4px;width:24px;height:58px;border-width:5px;transform:rotate(-24deg);animation-delay:-2s}.spark{position:absolute;color:#fadd99;text-shadow:0 0 13px #ffd88955;animation:twinkle 4s ease-in-out infinite;line-height:1}.spark-1{left:23%;top:95px;font-size:18px}.spark-2{left:9%;top:-24px;font-size:27px;animation-delay:-2s}.spark-3{right:13%;top:102px;font-size:15px;animation-delay:-1s}.spark-4{right:26%;top:3px;font-size:23px;animation-delay:-3s}.spark-5{left:18%;bottom:15px;font-size:10px}.spark-6{right:5%;bottom:36px;font-size:24px;animation-delay:-2s}
.draw-actions{position:relative;display:flex;justify-content:center;margin:14px auto 0;width:max-content}.draw-button{height:60px;width:268px;border-radius:12px;border:1px solid #ffebbc;background:linear-gradient(110deg,#f8d491,#ffedbd 45%,#f3ce89);box-shadow:0 5px 0 #b67b39,0 8px 0 #9d2030,0 13px 26px #7d001b33,inset 0 2px 0 #fff6d7;color:#a71a28;display:flex;justify-content:center;align-items:center;gap:15px;font-size:21px;font-weight:800;letter-spacing:4px;position:relative;transition:transform 160ms var(--ease-out),box-shadow 160ms var(--ease-out),filter 160ms ease}.draw-button svg{width:21px;height:21px}.draw-button .button-sparkle{fill:currentColor;stroke:none}.draw-button .button-arrow{margin-left:6px;width:19px;stroke-width:1.8;transition:transform 160ms var(--ease-out)}.draw-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b67b39,0 5px 0 #9d2030,0 8px 15px #7d001b33}.reset-button{border:1px solid #ffd9a12d;background:#b2142333;border-radius:50%;height:29px;width:29px;position:absolute;left:calc(100% + 20px);top:16px;display:grid;place-items:center;color:#ffe1b19c;transition:color 160ms ease,background 160ms ease}.reset-button svg{width:13px;height:13px}.trust-line{display:flex;gap:14px;align-items:center;justify-content:center;font-size:10px;color:#ffdfb47a;letter-spacing:1px;margin-top:21px}.trust-line span{display:flex;gap:5px;align-items:center}.trust-line svg{width:11px;height:11px}.trust-line i{height:3px;width:3px;background:#ffe0aa44;border-radius:50%}.settings-bar{width:max-content;max-width:100%;margin:33px auto 0;display:flex;gap:23px;align-items:center;padding:16px 22px;border:1px solid #ffd9a122;border-radius:12px;background:#8f152525;box-shadow:inset 0 1px #ffe4bb05;text-align:left}.settings-heading{display:flex;align-items:center;gap:7px;color:#ffddb08c;font-size:11px;padding-right:18px;border-right:1px solid #ffdda823;align-self:stretch}.settings-heading svg{width:15px;height:15px}.setting-field{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#ffe0b372;letter-spacing:1px}.setting-field input{height:25px;border:0;border-bottom:1px solid #ffe0a51f;border-radius:0;background:transparent;color:#ffe4bcdb;font-size:11px;outline-offset:2px;min-width:0;padding:0 0 5px;letter-spacing:.4px;transition:border-color 160ms ease}.setting-field input:focus{outline:none;border-bottom-color:#ffe3a8}.setting-field input:disabled{opacity:.45}.name-field input{width:178px}.range-inputs{display:flex;align-items:center;gap:9px}.range-inputs input{width:46px;text-align:center}.range-inputs>span{font-size:9px;padding-bottom:5px;color:#ffdfaa6b}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}.count-input{display:flex;gap:8px;align-items:center}.count-input input{width:31px;text-align:center}.count-input>span{font-size:10px;padding-bottom:5px;color:#ffe2b481}.repeat-control{display:flex;gap:8px;align-items:center;white-space:nowrap;color:#ffe0b395;font-size:10px;margin-left:1px;cursor:pointer}.repeat-control input{position:absolute;opacity:0;width:1px;height:1px}.switch{display:block;width:25px;height:14px;border-radius:20px;background:#9b1626;border:1px solid #e593714d;position:relative;transition:background 160ms ease}.switch:after{content:"";display:block;position:absolute;width:8px;height:8px;border-radius:50%;top:2px;left:3px;background:#d7a185;transition:transform 160ms var(--ease-out),background 160ms ease}.repeat-control input:checked+.switch{background:#efc880;border-color:#fbe5ac}.repeat-control input:checked+.switch:after{transform:translateX(10px);background:#ad2630}.repeat-control input:focus-visible+.switch{outline:2px solid #ffe6aa;outline-offset:4px}.repeat-control input:disabled~span{opacity:.4}.form-message{text-align:center;margin:11px 0 0;min-height:15px;font-size:9px;letter-spacing:1px;color:#ffdabb5c}.form-message.error{color:#fff0c4;font-size:11px}.site-footer{max-width:none;margin:30px 5% 0;height:69px;border-top:1px solid #ffe0b018;display:flex;justify-content:space-between;align-items:center;color:#ffdab055;font-size:9px;letter-spacing:1px}.site-footer div{font-family:Georgia,serif;font-size:8px;letter-spacing:2.3px}.site-footer div span{margin-left:13px;font-size:13px;color:#ffdcab85}
.confetti-layer{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-35px;width:9px;height:15px;background:var(--piece-color);border-radius:1px;animation:confetti-fall var(--fall-duration) linear var(--fall-delay) both;opacity:0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,8px);padding:12px 22px;border-radius:8px;background:#fff1d6;color:#952030;font-size:13px;z-index:30;box-shadow:0 5px 30px #6b0a2940;opacity:0;pointer-events:none;transition:transform 180ms var(--ease-out),opacity 180ms ease}.toast.visible{opacity:1;transform:translate(-50%,0)}.history-dialog{width:min(600px,calc(100% - 32px));max-height:80svh;padding:27px;border:1px solid #e6be7b;border-radius:18px;background:#fff5e1;color:#8f2430;box-shadow:0 30px 90px #4f001a55;color-scheme:light}.history-dialog::backdrop{background:#38000ca6;backdrop-filter:blur(6px)}.history-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.history-header p{font-size:9px;letter-spacing:3px;color:#ab8253;margin:0 0 9px}.history-header h2{font-size:21px;margin:0;font-weight:800}.dialog-icon{background:transparent;border:1px solid #b9885333;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#a46f46}.dialog-icon svg{width:16px;height:16px}.history-note{font-size:11px;color:#a18167;line-height:1.8;margin:16px 0}.history-list{max-height:45svh;overflow:auto;display:grid;gap:10px;scrollbar-width:thin}.history-record{border:1px solid #d7b78555;background:#fff9ed;border-radius:10px;padding:15px}.history-record header{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-record h3{font-size:13px;margin:0;overflow-wrap:anywhere}.history-record time{font-size:9px;color:#a08162;white-space:nowrap}.history-record p{font-size:10px;color:#ac8b69;margin:8px 0}.history-numbers{display:flex;flex-wrap:wrap;gap:5px}.history-numbers span{font-family:Arial,sans-serif;font-weight:700;font-size:15px;background:#b9203025;padding:5px 8px;border-radius:5px;color:#ac2533}.history-empty{text-align:center;padding:42px 10px;color:#ab8a69;font-size:13px;line-height:2}.history-empty svg{display:block;width:35px;height:35px;margin:0 auto 15px;color:#c6a46f}.history-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.history-text-button{color:#ad8d72;background:none;border:0;font-size:11px;padding:7px 0}.export-button{display:flex;gap:7px;align-items:center;border:1px solid #d7ad70;background:#f2dbb1;color:#92512f;padding:9px 13px;border-radius:7px;font-size:11px}.export-button svg{width:14px;height:14px}.presenting .settings-bar,.presenting .form-message{opacity:.15;transition:opacity 200ms ease}.presenting .settings-bar:focus-within{opacity:1}
@media(hover:hover) and (pointer:fine){.quiet-button:hover{color:#fff1c8}.draw-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.draw-button:hover .button-arrow{transform:translateX(4px)}.reset-button:hover{color:#fff0c5;background:#ed9b6b22}.presenting .settings-bar:hover{opacity:1}.dialog-icon:hover{background:#d1a66a22}.history-text-button:hover{color:#9c2936}}
@keyframes float-gift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -13px;rotate:2deg}}@keyframes float-star{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -12px;rotate:5deg}}@keyframes coin-turn{0%,100%{rotate:-15deg;translate:0 0}50%{rotate:10deg;translate:0 -14px}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}@keyframes beam-drift{0%{opacity:.25;rotate:-6deg}100%{opacity:.6;rotate:6deg}}@keyframes reveal-card{0%{transform:translateY(10px) rotateX(-14deg) scale(.95);opacity:.4}65%{transform:translateY(-3px) rotateX(0) scale(1.015);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes card-shine{0%{transform:translateX(0) skewX(-20deg);opacity:0}10%{opacity:.8}100%{transform:translateX(450%) skewX(-20deg);opacity:0}}@keyframes confetti-fall{0%{transform:translate3d(0,-4vh,0) rotate3d(1,1,1,0);opacity:0}5%{opacity:1}85%{opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate3d(1,1,1,880deg);opacity:0}}
.brand strong{font-size:20px;letter-spacing:2.1px}.brand small{font-size:7px;letter-spacing:2.4px}.hero-subtitle{letter-spacing:2px}.event-name{font-size:14px;letter-spacing:1px}.draw-info{letter-spacing:1px}.draw-button{letter-spacing:1px;font-size:20px;width:278px}.trust-line{letter-spacing:.2px}.settings-bar{gap:20px}.settings-heading{font-size:10px;white-space:nowrap;padding-right:14px}.setting-field{font-size:9px;letter-spacing:.3px}.setting-field input{font-size:11px;letter-spacing:0}.name-field input{width:191px}.range-inputs input{width:40px}.count-input{gap:5px}.count-input input{width:22px}.count-input>span{font-size:8px}.repeat-control{font-size:9px;gap:6px}.site-footer{font-size:8px;letter-spacing:.7px}.board-caption{font-size:9px;letter-spacing:.3px}.number-board:not(.six):not(.many){padding-bottom:12px;min-height:181px}.number-board.six .number-card{width:min(94px,calc((100% - 50px)/6))}.number-board.six{padding-bottom:12px;min-height:157px}.draw-mode-field{border:0;padding:0;margin:0;min-width:0}.draw-mode-field legend{padding:0;margin-bottom:7px;font-size:9px;letter-spacing:.3px;color:#ffe0b372}.mode-segment{display:flex;border:1px solid #ffe0a52b;border-radius:5px;background:#91132633;padding:2px;gap:2px}.mode-segment label{position:relative;display:block;cursor:pointer}.mode-segment input{position:absolute;opacity:0;width:1px;height:1px}.mode-segment span{display:block;font-size:9px;white-space:nowrap;padding:5px 8px;border-radius:3px;color:#ffe0b38a;transition:background 160ms ease,color 160ms ease}.mode-segment input:checked+span{background:#ffe0a52c;color:#ffedc7;box-shadow:0 1px 3px #65051a22}.mode-segment input:focus-visible+span{outline:2px solid #ffe3ac;outline-offset:3px}.mode-segment input:disabled+span{opacity:.45}.number-card.unrevealed .card-number{color:#c7975c}
.number-board.reveal-one.rolling .card-number{opacity:1;filter:none}.number-board.reveal-one.rolling .rolling-slot .card-number{opacity:.65;filter:blur(.7px)}.number-board.reveal-one.revealed .number-card,.number-board.reveal-one.revealed .number-card:after{animation:none}.number-board.reveal-one.revealed .newly-revealed{animation:reveal-card 650ms var(--ease-out) both;animation-delay:0ms}.number-board.reveal-one.revealed .newly-revealed:after{animation:card-shine 1100ms var(--ease-out) 200ms both}
@media(min-width:1600px){.site-header{height:120px}.hero{padding-top:56px}.scene{margin-top:30px;height:390px}.lottery-panel{padding-top:38px}.stage{bottom:0}.draw-actions{margin-top:23px}.settings-bar{margin-top:43px}.site-footer{margin-top:39px}}
@media(max-width:1100px){.site-header{height:90px}.header-actions{gap:20px}.hero{padding-top:34px}.scene{max-width:900px}.gift-left{left:32px;bottom:48px;scale:.8}.gift-right-anchor{right:29px;bottom:55px;scale:.85}.star-left{left:104px}.star-right{right:100px}.coin-left{left:12px;scale:.8}.coin-right{right:15px}.stage{width:740px}.settings-bar{gap:18px;padding:15px 18px}.settings-heading{padding-right:14px}.name-field input{width:154px}.site-footer>span:last-child{display:none}.ribbon-left{left:125px}}
@media(max-width:800px){main{padding:0 18px}.site-header{height:80px;margin:0 5%}.brand strong{font-size:20px}.brand small{font-size:7px}.brand-mark,.brand-mark svg{width:35px;height:35px}.live-label,.header-divider{display:none}.header-actions{gap:20px}.hero{padding-top:35px}h1{font-size:52px;letter-spacing:0;margin-top:22px}.hero-eyebrow{font-size:9px;letter-spacing:3px}.hero-subtitle{font-size:12px;letter-spacing:3px}.title-star{font-size:20px;right:-26px}.scene{height:338px;margin-top:18px}.lottery-panel{width:min(540px,84%);padding-top:28px}.number-card{width:128px;height:155px}.card-number{font-size:53px}.number-board{gap:12px;min-height:155px}.stage{width:650px;bottom:-3px;height:105px}.stage-side{height:77px;top:28px}.stage-surface{height:91px}.stage-inscription{bottom:5px}.gift-left{left:-21px;bottom:45px;scale:.58}.gift-right-anchor{right:-17px;bottom:42px;scale:.6}.floating-star.star-left{left:28px;top:3px;scale:.65}.star-right{right:37px;top:48px;scale:.75}.coin-left{left:3px;top:88px;scale:.55}.coin-right{right:-5px;top:-1px;scale:.65}.ribbon-left{left:66px;bottom:12px;scale:.7}.ribbon-right{right:59px;top:-9px;scale:.7}.beam-left{left:40px}.beam-right{right:40px}.spark-1{left:15%}.spark-4{right:15%}.settings-bar{width:min(650px,100%);flex-wrap:wrap;justify-content:space-between;gap:15px 18px;margin-top:28px;padding:16px 20px}.settings-heading{display:none}.name-field{flex:1 1 210px}.name-field input{width:100%}.repeat-control{margin-left:auto;align-self:center}.form-message{font-size:8px;letter-spacing:.5px}.draw-button{height:56px;width:250px;font-size:20px}.site-footer{margin-top:26px;height:60px}.number-board.six .number-card{width:76px;height:140px}.number-board.six .card-number{font-size:30px;letter-spacing:-1px}.number-board.six{gap:8px}.number-board.six.wide-digits .card-number{font-size:19px}}
@media(max-width:540px){.site-header{height:72px}.brand{gap:6px}.brand strong{font-size:18px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:3.5px}.brand-mark,.brand-mark svg{width:29px;height:29px}.header-actions{gap:17px}.quiet-button{font-size:10px;gap:5px}.fullscreen-button span{display:none}.hero{padding-top:31px}.hero-eyebrow{font-size:7px;letter-spacing:2.1px;gap:10px}.hero-eyebrow span{width:22px}h1{font-size:37px;letter-spacing:-1px;margin:22px 0 12px}.title-comma{margin-left:-6px;margin-right:6px;letter-spacing:-8px}.title-star{font-size:14px;right:-17px;top:-1px}.hero-subtitle{font-size:10px;letter-spacing:2px}.scene{margin-top:18px;height:319px}.lottery-panel{width:100%;padding-top:31px}.event-name{font-size:12px;letter-spacing:1.5px;padding:8px 15px;max-width:87%;gap:10px}.event-name svg{width:10px;height:10px}.draw-info{font-size:8px;letter-spacing:.6px;margin:15px 0 19px;gap:9px}.number-board{gap:10px;padding:0 8px;min-height:134px;max-height:160px}.number-card{width:93px;height:134px;border-radius:9px;box-shadow:0 5px 0 #dfab63,0 7px 0 #a9492a,0 14px 18px #69041536}.card-index{font-size:7px;top:13px;letter-spacing:1.5px}.card-number{font-size:40px;letter-spacing:-2px}.card-number.placeholder{font-size:52px}.card-label{font-size:7px;letter-spacing:2.5px;bottom:13px}.board-bottom{margin-top:17px;padding:0 14px}.board-caption{font-size:8px;letter-spacing:0}.copy-button{font-size:8px;gap:4px}.copy-button svg{width:10px;height:10px}.stage{width:470px;bottom:1px;height:92px}.stage-side{height:68px;top:21px}.stage-surface{height:76px;border-width:4px}.stage-rim{inset:2px 14px 31px}.stage-inscription{font-size:5px;letter-spacing:4px;bottom:4px}.gift-left{scale:.37;left:-42px;bottom:14px;opacity:.9}.gift-right-anchor{scale:.4;right:-45px;bottom:9px}.star-left{left:2px!important;top:-9px!important;scale:.43!important}.star-right{right:0;top:29px;scale:.55}.coin-left{left:-13px;top:71px;scale:.4;opacity:.7}.coin-right{right:-13px;top:-13px;scale:.45}.ribbon-left{left:29px;bottom:9px;scale:.5}.ribbon-right{right:37px;top:-16px;scale:.55}.spark-1{left:11%;top:88px;font-size:12px}.spark-2{left:9%;top:-12px;font-size:15px}.spark-3{right:5%;top:115px;font-size:11px}.spark-4{right:11%;top:-12px;font-size:17px}.spark-5{left:18%;bottom:8px}.spark-6{right:9%;bottom:22px;font-size:15px}.draw-actions{margin-top:11px}.draw-button{width:230px;height:54px;font-size:19px}.reset-button{left:calc(100% + 15px);width:25px;height:25px;top:15px}.reset-button svg{width:11px;height:11px}.trust-line{gap:9px;font-size:8px;letter-spacing:0;margin-top:20px}.trust-line svg{width:10px;height:10px}.settings-bar{margin-top:25px;gap:15px 18px;padding:16px 18px;border-radius:10px}.name-field{flex-basis:100%}.setting-field{font-size:8px;gap:6px}.setting-field input{font-size:10px;height:23px}.range-inputs{gap:8px}.range-inputs input{width:39px}.repeat-control{font-size:9px;gap:6px}.form-message{margin-top:12px;font-size:8px;letter-spacing:0}.site-footer{margin-top:24px;height:51px;font-size:8px;letter-spacing:0}.site-footer div{font-size:6px;letter-spacing:1.4px}.site-footer div span{margin-left:6px}.number-board.six{gap:7px;flex-wrap:wrap;max-height:163px}.number-board.six .number-card{width:83px;height:70px;border-radius:6px}.number-board.six .card-index{font-size:5px;top:6px}.number-board.six .card-number{font-size:28px;padding-top:7px}.number-board.six .card-label{font-size:5px;bottom:6px}.number-board.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:134px;max-height:160px}.number-board.many .number-card{height:65px}.number-board.many .card-number{font-size:27px}.number-board.wide-digits .card-number{font-size:25px;letter-spacing:-1px}.number-board.many.wide-digits .card-number{font-size:16px}.number-board.six.wide-digits .card-number{font-size:18px}.history-dialog{padding:21px}.history-header h2{font-size:18px}.history-record header{align-items:start}.history-record time{font-size:8px}.history-record h3{font-size:12px}}
@media(min-width:801px) and (max-height:900px){.site-header{height:84px}.hero{padding-top:26px}h1{font-size:66px;margin-top:15px;margin-bottom:10px}.scene{margin-top:14px;height:338px}.lottery-panel{padding-top:20px}.settings-bar{margin-top:25px;padding-top:13px;padding-bottom:13px}.site-footer{margin-top:20px;height:53px}.draw-actions{margin-top:12px}.trust-line{margin-top:18px}}
@media(max-width:1100px){.settings-bar{gap:13px;padding-left:15px;padding-right:15px}.settings-heading{display:none}.name-field input{width:171px}.mode-segment span{padding:5px 7px}}
@media(max-width:800px){.number-board:not(.six):not(.many) .number-card{width:min(128px,calc((100% - 24px)/3))}.number-board:not(.six):not(.many){min-height:167px}.number-board.six .number-card{width:min(76px,calc((100% - 40px)/6))}.settings-bar{width:min(650px,100%);gap:15px 18px}.name-field{flex-basis:100%}.name-field input{width:100%}.repeat-control{margin-left:auto}.hero-subtitle{letter-spacing:1.2px}.brand strong{font-size:18px}.brand small{font-size:6px}.draw-button{font-size:18px}.board-caption{font-size:8px}}
@media(max-width:540px){.brand strong{font-size:15px;letter-spacing:1.4px}.brand small{font-size:5px;letter-spacing:1.5px}h1{font-size:34px;letter-spacing:-1px}.hero-subtitle{font-size:9px;letter-spacing:.4px}.event-name{font-size:11px;letter-spacing:.3px;max-width:94%}.draw-info{font-size:8px;letter-spacing:.1px}.number-board:not(.six):not(.many) .number-card{width:min(93px,calc((100% - 20px)/3))}.number-board:not(.six):not(.many){min-height:146px}.number-board.six .number-card{width:83px}.number-board.six{min-height:146px}.board-caption{font-size:7px;max-width:72%;text-align:left}.trust-line{font-size:7px;gap:6px}.trust-line i:last-of-type,.trust-line span:last-child{display:none}.draw-button{width:230px;font-size:17px;letter-spacing:.5px}.repeat-control{font-size:8px}.mode-segment span{font-size:8px;padding:5px 7px}.settings-bar{gap:14px 17px}.range-field{flex-basis:50%}.count-field{flex-basis:calc(50% - 17px)}.repeat-control{margin-left:auto}.site-footer>span:first-child{font-size:6px}.site-footer div{font-size:5px;letter-spacing:1px}.header-actions{gap:14px}.header-actions .quiet-button{font-size:9px}.number-board.many{min-height:146px}.history-header h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.gift-anchor,.floating-star,.coin,.ribbon,.spark,.light-beam{animation:none}.number-board.revealed .number-card,.number-board.reveal-one.revealed .newly-revealed{animation:gentle-fade 200ms ease both;animation-delay:0s}.number-board.revealed .number-card:after,.number-board.reveal-one.revealed .newly-revealed:after{animation:none}.confetti-piece{animation:none}.draw-button,.draw-button .button-arrow,.number-card,.toast{transition:opacity 160ms ease,color 160ms ease}.draw-button:hover,.draw-button:active{transform:none}.draw-button:hover .button-arrow{transform:none}.toast{transform:translateX(-50%)}.toast.visible{transform:translateX(-50%)}.number-board.rolling .card-number,.number-board.reveal-one.rolling .rolling-slot .card-number{filter:none}@keyframes gentle-fade{from{opacity:.45}to{opacity:1}}}