:root{color:#3a1d17;background:#1b0906;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--stage-red: #e52b1a;--stage-deep: #a8160d;--orange-gold: #ff7a18;--light-gold: #ffd84d;--cream: #fff6e7;--card: #fff9f2;--ink: #3a1d17;--muted: #8d5b4f;--shadow: 0 24px 70px rgb(74 16 7 / 28%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 8%,#6f160c 0,#280b07 38rem,#130604 72rem)}body{min-width:320px;min-height:100%;margin:0;overscroll-behavior-y:contain}body,button,textarea{font-family:inherit}button{min-width:44px;min-height:44px;padding:0;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline:3px solid #428cff;outline-offset:3px}button:disabled{cursor:wait;filter:saturate(.7)}#app{display:grid;min-height:100svh;min-height:100dvh;place-items:stretch center}.app-shell{position:relative;isolation:isolate;width:min(100%,480px);min-height:100svh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgb(255 216 77 / 18%) 0 8rem,transparent 8.1rem),radial-gradient(circle at 90% 35%,rgb(229 43 26 / 12%) 0 10rem,transparent 10.1rem),linear-gradient(180deg,#fffaf0 0 42%,#ffe8c7);box-shadow:var(--shadow)}.app-shell:before,.app-shell:after{position:absolute;z-index:-1;width:210px;height:100px;content:"";opacity:.12;background:radial-gradient(ellipse at 25% 70%,transparent 24%,var(--stage-red) 25% 29%,transparent 30%),radial-gradient(ellipse at 50% 50%,transparent 30%,var(--stage-red) 31% 35%,transparent 36%),radial-gradient(ellipse at 76% 72%,transparent 24%,var(--stage-red) 25% 29%,transparent 30%)}.app-shell:before{top:170px;left:-70px;transform:rotate(-8deg)}.app-shell:after{right:-75px;bottom:92px;transform:rotate(172deg)}.lottery-page{position:relative;display:flex;flex-direction:column;min-height:100svh;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}.festival-rays{position:absolute;z-index:-1;top:0;left:50%;width:540px;height:300px;transform:translate(-50%);opacity:.28;background:repeating-conic-gradient(from -18deg at 50% 0,#ffd84d 0 9deg,transparent 9deg 20deg);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.hero-copy{position:relative;min-height:126px;padding:18px 76px 12px 10px}.hero-copy:after{position:absolute;top:18px;right:16px;width:62px;height:62px;content:"福";color:#fff7ce;font:700 30px/62px STKaiti,KaiTi,serif;text-align:center;border:3px double #ffe178;border-radius:15px;background:linear-gradient(145deg,#f04a29,#be170e);box-shadow:0 10px 22px #85190d38;transform:rotate(6deg)}.eyebrow{color:var(--stage-red);font:800 10px/1 Arial Rounded MT Bold,Arial,sans-serif;letter-spacing:.18em}.hero-copy h2{margin:9px 0 2px;color:var(--stage-deep);font:800 clamp(30px,9vw,44px)/1 STKaiti,KaiTi,serif;letter-spacing:.03em;text-shadow:0 2px 0 #fff3c2}.hero-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.1em}.chance-pill{align-self:center;min-height:39px;margin:0 0 13px;padding:0 20px;color:#fff8ed;font-size:14px;font-weight:650;line-height:39px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;background:linear-gradient(110deg,#64180f,#9c2417);box-shadow:0 9px 18px #6f1d102e}.chance-pill strong{margin:0 3px;color:var(--light-gold);font-family:Arial Rounded MT Bold,Arial,sans-serif;font-size:20px}.lottery-stage{position:relative;width:100%;max-width:410px;margin:0 auto;padding:18px;border:8px solid var(--orange-gold);border-radius:22px;background:linear-gradient(145deg,#c81c10,#f02d1b 55%,#bd160c);box-shadow:0 18px 32px #7a1f0d3d,inset 0 0 0 2px #ffd35d42}.lottery-grid{display:grid;grid-template:repeat(3,minmax(0,1fr)) / repeat(3,minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1;padding:4px;border:2px solid rgb(117 15 8 / 18%);border-radius:14px;background:#d92214}.prize-cell{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:6px 5px 7px;border:2px solid rgb(255 255 255 / 52%);border-radius:13px;background:linear-gradient(150deg,#fffffff0,#ffefe0f0);box-shadow:inset 0 -7px #ffc5a8,0 3px #9f150c;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.prize-cell[data-active=true]{z-index:2;border-color:#fff4aa;background:radial-gradient(circle at 50% 35%,#fffbd5,#ffe142 72%);box-shadow:inset 0 -7px #ffad27,0 0 0 4px #fff6a5,0 0 24px 7px #ffe856c7;transform:translateY(-3px) scale(1.035)}.prize-art{width:86%;height:52%}.prize-art svg,.result-art svg{display:block;width:100%;height:100%}.prize-cell strong{margin-top:2px;color:#c91c12;font-size:clamp(12px,3.6vw,17px);line-height:1.1}.prize-cell>span{display:block;width:100%;margin-top:3px;overflow:hidden;color:#8d4a3c;font-size:clamp(8px,2.3vw,10px);font-weight:600;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.draw-button{position:relative;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;color:#d92013;border:2px solid #ffe685;border-radius:15px;background:radial-gradient(circle at center,#fff195 0 25%,transparent 26%),repeating-conic-gradient(#ffd33f 0 9deg,#ffec75 9deg 18deg);box-shadow:inset 0 -8px #ee941a,0 4px #9d150d;text-shadow:0 2px 0 #fff2a8}.draw-button:after{position:absolute;inset:50%;content:"";border:3px solid rgb(255 255 255 / 65%);border-radius:50%;opacity:0}.draw-button:active:after{animation:button-wave .42s ease-out}.draw-button span{font:800 clamp(15px,4.4vw,20px)/1 STKaiti,KaiTi,serif}.draw-button strong{font:900 clamp(24px,7.4vw,34px)/.95 STKaiti,KaiTi,serif}.marquee-lights{position:absolute;z-index:4;inset:-7px;pointer-events:none}.marquee-bulb{position:absolute;width:10px;height:10px;border:2px solid rgb(134 31 10 / 32%);border-radius:50%;background:#fff7d2;box-shadow:0 0 8px #fff5a7;animation:bulb-chase 1.15s steps(1) infinite;animation-delay:calc(var(--bulb-index) * -72ms)}.marquee-bulb:nth-child(1){top:2px;left:7%}.marquee-bulb:nth-child(2){top:2px;left:28%}.marquee-bulb:nth-child(3){top:2px;left:49%}.marquee-bulb:nth-child(4){top:2px;left:70%}.marquee-bulb:nth-child(5){top:2px;left:91%}.marquee-bulb:nth-child(6){right:7%;bottom:2px}.marquee-bulb:nth-child(7){right:28%;bottom:2px}.marquee-bulb:nth-child(8){right:49%;bottom:2px}.marquee-bulb:nth-child(9){right:70%;bottom:2px}.marquee-bulb:nth-child(10){right:91%;bottom:2px}.marquee-bulb:nth-child(11){top:26%;left:2px}.marquee-bulb:nth-child(12){top:50%;left:2px}.marquee-bulb:nth-child(13){top:74%;left:2px}.marquee-bulb:nth-child(14){top:26%;right:2px}.marquee-bulb:nth-child(15){top:50%;right:2px}.marquee-bulb:nth-child(16){top:74%;right:2px}.bottom-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding:15px 3px 0}.bottom-actions button{padding:0 8px;color:#9e4b3a;font-size:13px;font-weight:700;background:transparent}.bottom-actions button:first-child span{font-size:22px;vertical-align:-2px}.bottom-actions button:last-child span{color:var(--stage-red);font-size:24px;vertical-align:-2px}.layer-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;width:min(100%,480px);margin:auto;padding:22px;background:#21120da8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:backdrop-in .18s ease-out both}.dialog-card,.poster-dialog{width:min(100%,366px);padding:30px 26px 24px;text-align:center;border:1px solid rgb(255 255 255 / 68%);border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px #2e0b0761;animation:dialog-in .28s cubic-bezier(.2,.85,.25,1.15) both}.dialog-card h2{margin:0 0 17px;color:var(--ink);font-size:24px}.dialog-card p{margin:0 0 24px;color:var(--muted);font-size:17px;font-weight:600}.rules-dialog{display:flex;max-height:min(80dvh,680px);flex-direction:column;padding:24px 20px 20px;text-align:left}.rules-dialog h2{flex:0 0 auto;text-align:center}.rules-dialog-body{min-height:0;margin-bottom:18px;padding:2px;overflow-y:auto}.rules-dialog .rule-prize-list{gap:10px}.rules-dialog .rule-prize-card{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:74px;padding:10px 12px 10px 10px;border-radius:16px}.rules-dialog .rule-prize-icon{width:52px;height:52px;border-radius:14px}.rules-dialog .rule-prize-symbol{font-size:28px}.rules-dialog .rule-prize-copy strong{font-size:15px}.rules-dialog>.primary-button{flex:0 0 auto}.primary-button{width:100%;padding:0 22px;color:#fff;font-size:16px;font-weight:800;border-radius:999px;background:linear-gradient(105deg,#ff593d,#e82b1b);box-shadow:0 10px 22px #de2b193d}.text-button{width:100%;margin-top:8px;color:var(--muted);background:transparent}.share-sheet{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -18px 50px #2a0c0647;animation:sheet-in .3s cubic-bezier(.2,.8,.2,1) both}.share-sheet button{width:100%;min-height:64px;color:#33231f;font-size:17px;font-weight:700;border-bottom:1px solid #eee7e2;background:#fff}.share-sheet button:last-child{margin-top:8px;color:#7f665f;border:0;background:#fffaf6}.poster-dialog{display:flex;max-height:calc(100dvh - 44px);flex-direction:column;gap:12px;padding:18px}.poster-preview{display:block;width:100%;min-height:0;max-height:calc(100dvh - 170px);object-fit:contain;border-radius:12px;background:var(--stage-red);box-shadow:0 8px 26px #5d160c33}.result-kicker{display:block;color:var(--stage-red);font-size:13px;font-weight:800;letter-spacing:.08em}.result-art{width:170px;height:104px;margin:12px auto 5px}.record-list{max-height:320px;margin:0 0 22px;padding:0;overflow:auto;list-style:none;text-align:left}.record-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f0e4dc}.record-list span{display:grid;gap:3px;font-size:12px}.record-list b{color:var(--stage-red);font-size:14px}.record-list time{flex:0 0 auto;color:#9b776d;font-size:11px}.empty-state{padding:24px 0 12px}textarea{width:100%;min-height:90px;margin:0 0 18px;padding:12px;resize:none;color:var(--ink);border:1px solid #e8d7ce;border-radius:12px;background:#fffaf6}.rules-shell{background:linear-gradient(135deg,transparent 0 73%,rgb(229 43 26 / 6%) 73% 76%,transparent 76%),var(--cream);background-size:42px 42px}.rules-page{padding:calc(28px + env(safe-area-inset-top)) 20px calc(36px + env(safe-area-inset-bottom))}.rules-heading{margin:0 4px 22px}.rules-heading span{color:var(--stage-red);font:800 10px/1 Arial Rounded MT Bold,Arial,sans-serif;letter-spacing:.2em}.rules-heading h2{margin:8px 0 4px;color:var(--stage-deep);font:800 29px/1.1 STKaiti,KaiTi,serif;letter-spacing:.06em}.rules-heading p{margin:0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.08em}.rule-prize-list{display:grid;gap:14px}.rule-prize-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:center;min-height:96px;padding:13px 18px 13px 14px;position:relative;border:1px solid #f2d8c5;border-radius:20px;background:#ffffffc7;box-shadow:0 12px 28px #7f2c1414,inset 0 1px #ffffffd1}.rule-prize-icon{display:grid;width:68px;height:68px;overflow:hidden;place-items:center;border:1px solid rgb(255 255 255 / 76%);border-radius:18px;box-shadow:0 7px 16px #6423121a}.rule-prize-card[data-tone=grand] .rule-prize-icon{background:linear-gradient(145deg,#fff0cf,#ffd988)}.rule-prize-card[data-tone=silk] .rule-prize-icon{background:linear-gradient(145deg,#fff8f1,#efd9c8)}.rule-prize-card[data-tone=rouge] .rule-prize-icon{background:linear-gradient(145deg,#fff4f1,#f5c5bf)}.rule-prize-card[data-tone=glow] .rule-prize-icon{background:linear-gradient(145deg,#fff6d8,#ffd9aa)}.rule-prize-symbol{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:36px;line-height:1;filter:drop-shadow(0 5px 5px rgb(122 57 11 / 16%))}.rule-prize-copy{display:grid;gap:5px;min-width:0}.rule-prize-copy span{color:var(--stage-red);font-size:12px;font-weight:800;letter-spacing:.12em}.rule-prize-copy strong{color:var(--ink);font-size:18px;line-height:1.28;overflow-wrap:anywhere}@media(max-width:359px){.rules-page{padding-inline:16px}.rule-prize-card{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px}.rule-prize-icon{width:58px;height:58px;border-radius:16px}.rule-prize-symbol{font-size:32px}.rule-prize-copy strong{font-size:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes bulb-chase{0%,44%{background:#fffdf1;box-shadow:0 0 4px #fff}45%,65%{background:#ff3b1e;box-shadow:0 0 10px #ff5d2f}66%,to{background:#ffd84d;box-shadow:0 0 10px #ffe574}}@keyframes button-wave{0%{inset:50%;opacity:.75}to{inset:6%;opacity:0}}@keyframes backdrop-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media(max-width:359px){.lottery-page{padding-inline:12px}.hero-copy{min-height:112px;padding-top:10px}.lottery-stage{padding:14px;border-width:7px}.lottery-grid{gap:6px}.prize-cell{padding-inline:2px}}@media(min-width:540px){#app{padding:24px 0}.app-shell{min-height:min(900px,calc(100dvh - 48px));border:1px solid rgb(255 255 255 / 28%);border-radius:28px}.lottery-page{min-height:min(900px,calc(100dvh - 48px))}.layer-backdrop{inset:24px 0;border-radius:28px}.share-sheet{border-radius:22px 22px 28px 28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}