@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--wood-dark:#3e2723;--wood-light:#5d4037;--wood-highlight:#8d6e63;--red-bg:#b71c1c;--gold:#fcc200;--paper:#fdfbf7;--ink-black:#2c2c2c}body{min-height:100vh;color:var(--paper);background:radial-gradient(circle,#5e1818 0%,#1a0505 100%);justify-content:center;align-items:center;margin:0;padding:0;font-family:Noto Serif TC,Microsoft JhengHei,PingFang TC,system-ui,serif;display:flex;overflow:hidden}.bg-decoration{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.petal{background:#ffb4b480;border-radius:100% 0;animation:linear infinite fall;position:absolute;box-shadow:0 0 5px #ff64644d}.petal:first-child{width:12px;height:12px;animation-duration:9s;animation-delay:0s;left:10%}.petal:nth-child(2){background:#ffdcdc66;width:8px;height:8px;animation-duration:13s;animation-delay:2s;left:30%}.petal:nth-child(3){width:15px;height:15px;animation-duration:11s;animation-delay:4s;left:70%}.petal:nth-child(4){width:10px;height:10px;animation-duration:15s;animation-delay:1s;left:90%}.petal:nth-child(5){width:14px;height:14px;animation-duration:10s;animation-delay:6s;left:50%}@keyframes fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)translate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(360deg)translate(20px)}}.main-stage{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;height:100vh;padding-bottom:0;display:flex;position:relative}.title-stamp{color:var(--gold);text-shadow:0 4px 15px #0009,0 0 10px #fcc20066;letter-spacing:12px;writing-mode:horizontal-tb;flex-shrink:0;margin-top:0;margin-bottom:10px;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:4.8rem;font-weight:700}.cylinder-container{flex-shrink:0;justify-content:center;align-items:flex-end;width:480px;height:720px;margin:0;transition:all .3s;display:flex;position:relative}.lottery-image{object-fit:contain;z-index:5;filter:drop-shadow(0 20px 40px #0009);width:130%;height:130%;position:relative}.sign-image{filter:drop-shadow(0 5px 15px #0006);opacity:0;z-index:10;width:190px;transition:all .3s;position:absolute;bottom:550px;left:50%;transform:translate(-50%)}.sign-fly-out{animation:1s cubic-bezier(.25,1,.5,1) forwards sign-pop-out}.shaking .lottery-image{transform-origin:bottom;animation:.5s ease-in-out infinite shake-gentle}@keyframes shake-gentle{0%{transform:rotate(0)translate(0)}25%{transform:rotate(-3deg)translate(-4px,3px)}50%{transform:rotate(0)translateY(-3px)}75%{transform:rotate(3deg)translate(4px,3px)}to{transform:rotate(0)translate(0)}}@keyframes sign-pop-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)rotate(0)}40%{opacity:1;transform:translate(-50%)translateY(-150px)scale(1.1)rotate(-5deg)}to{opacity:0;transform:translate(-50%)translateY(-380px)scale(1.3)rotate(-10deg)}}.action-btn{z-index:20;background:linear-gradient(145deg, var(--red-bg) 0%, #7f0000 100%);color:var(--gold);border:2px solid var(--gold);letter-spacing:2px;text-shadow:1px 1px 2px #000c;cursor:pointer;border-radius:6px;flex-shrink:0;margin-top:5px;margin-bottom:0;padding:8px 45px;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:1.4rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fcc2004d,0 6px 15px #0009}.action-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fcc20066 50%,#fff0 100%);width:20%;height:200%;transition:all .6s cubic-bezier(.25,1,.5,1);position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.action-btn:hover:not(:disabled){background:linear-gradient(145deg, #d32f2f 0%, var(--red-bg) 100%);text-shadow:0 0 8px #fcc200cc;transform:scale(1.05);box-shadow:inset 0 0 0 2px #fcc20099,0 8px 25px #fcc20066}.action-btn:hover:not(:disabled):after{left:120%}.action-btn:active:not(:disabled){transform:scale(.98);box-shadow:inset 0 0 0 2px #fcc2004d,0 2px 5px #000c}.action-btn:disabled{color:#8d6e63;box-shadow:none;text-shadow:none;cursor:not-allowed;background:#3e2723;border-color:#5d4037;transform:none}.result-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s fade-in;display:flex;position:fixed;top:0;left:0}.fortune-slip{background-color:#fdfbf7;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:40px 40px;border:1px solid #d7ccc8;width:400px;height:600px;padding:40px 30px;font-family:Noto Serif TC,Microsoft JhengHei,serif;animation:.8s cubic-bezier(.34,1.56,.64,1) slip-slide-down;position:relative;box-shadow:0 0 0 10px #b71c1c33,0 20px 50px #00000080}.fortune-slip:before{content:"";pointer-events:none;border:2px double #b71c1c;position:absolute;inset:10px}.slip-container{flex-direction:row-reverse;align-items:flex-start;width:100%;height:100%;display:flex}.slip-level{writing-mode:vertical-rl;color:#b71c1c;letter-spacing:12px;border-left:3px solid #b71c1c;margin-left:30px;padding-left:25px;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:4rem;font-weight:700}.slip-content{writing-mode:vertical-rl;color:#2c2c2c;letter-spacing:6px;text-align:justify;flex-grow:1;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:1.8rem;line-height:2.2}.close-hint{color:#888;writing-mode:horizontal-tb;cursor:pointer;opacity:.7;font-family:Noto Serif TC,Microsoft JhengHei,serif;font-size:1rem;transition:opacity .3s;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.close-hint:hover{opacity:1;color:#b71c1c}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slip-slide-down{0%{opacity:0;transform:translateY(-100px)scale(.8)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (max-width:1024px){.title-stamp{margin-bottom:10px;font-size:4rem}.cylinder-container{width:380px;height:570px}.sign-image{width:150px;bottom:435px}.action-btn{margin-top:15px;padding:10px 40px;font-size:1.3rem}.fortune-slip{width:350px;height:550px}}@media (max-width:768px){.title-stamp{margin-bottom:8px;font-size:3.5rem}.cylinder-container{width:320px;height:480px}.sign-image{width:126px;bottom:365px}.action-btn{margin-top:15px;padding:10px 35px;font-size:1.2rem}.fortune-slip{width:300px;height:500px;padding:30px 20px}.slip-level{font-size:3rem}.slip-content{font-size:1.3rem}}@media (max-width:480px){.title-stamp{margin-bottom:5px;font-size:2.8rem}.cylinder-container{width:280px;height:420px}.sign-image{width:110px;bottom:320px}.action-btn{margin-top:10px;padding:8px 30px;font-size:1.1rem}.fortune-slip{width:260px;height:420px}.slip-level{font-size:2.5rem}.slip-content{font-size:1.2rem}}@media (max-height:850px){.main-stage{height:auto;min-height:100vh;padding-top:10px;padding-bottom:10px}.title-stamp{margin-bottom:5px;font-size:3.5rem}.cylinder-container{width:320px;height:480px}.sign-image{width:126px;bottom:365px}.action-btn{margin-top:10px;padding:10px 30px;font-size:1.2rem}}