:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Inter,system-ui,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{background:radial-gradient(circle at 20% 15%,#7850dc40,#0000 40%),radial-gradient(circle at 85% 70%,#c83ca02e,#0000 45%),linear-gradient(#17103a,#0d0925 60%,#070516);place-items:center;display:grid}#app:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 8% 12%,#fff8,#0000 60%),radial-gradient(1.5px 1.5px at 22% 60%,#fff6,#0000 60%),radial-gradient(2px 2px at 90% 20%,#fff7,#0000 60%),radial-gradient(1.5px 1.5px at 72% 85%,#fff5,#0000 60%),radial-gradient(2px 2px at 45% 5%,#fff6,#0000 60%),radial-gradient(1.5px 1.5px at 96% 55%,#fff5,#0000 60%);position:absolute;inset:0}#stage{transform-origin:50%;place-items:start center;width:990px;height:1130px;display:grid}#machine{background:linear-gradient(160deg,#5a4bb0 0%,#43349a 30%,#372a84 60%,#2a1f6b 100%);border-radius:26px;width:983px;padding:0 14px 26px;position:relative;box-shadow:inset 0 0 0 3px #8c78e680,inset 0 0 60px #140a3c99,0 30px 80px #000000b3}#machine:before,#machine:after{content:"";background:linear-gradient(#58c8f0,#2a6ac0 50%,#58c8f0);border-radius:6px;width:10px;position:absolute;top:160px;bottom:120px;box-shadow:0 0 14px #58c8f0cc}#machine:before{left:-2px}#machine:after{right:-2px}.crown{background:linear-gradient(#1a1440,#251a5e);border-radius:26px 26px 0 0;height:88px;margin:0 -14px;position:relative;overflow:hidden}.crown-inset{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(#f078c8,#b03898);border-radius:8px;width:380px;height:44px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f078c880}.crown-inset:after{content:"";clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:linear-gradient(#4a3590,#322368);position:absolute;inset:6px 24px}.crown-fin{background:linear-gradient(#362a78,#241a56);width:230px;height:54px;position:absolute;top:18px;box-shadow:inset 0 2px 6px #a08cff59}.crown-fin.left{clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);left:26px}.crown-fin.right{clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);right:26px}.sound-btn{z-index:5;cursor:pointer;background:#1e1446cc;border:2px solid #a08cff80;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:12px;right:16px}.score-row{justify-content:space-between;gap:20px;padding:14px 12px 10px;display:flex}.score-group{flex:1;align-items:stretch;gap:10px;display:flex}.score-label{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(#241a56,#17103c);border:3px solid #8a76d8;border-radius:14px;min-width:108px;font-size:22px;font-weight:800;box-shadow:inset 0 -4px 10px #00000080,0 2px 6px #0006}.score-label:active{transform:translateY(1px)}.led-frame{border-radius:999px;flex:1;padding:5px;display:flex}.led-frame.pink{background:linear-gradient(#f078c8,#a03080);box-shadow:0 0 16px #f078c859,inset 0 2px 4px #fff6}.led-frame.teal{background:linear-gradient(#58e0d0,#1f8a9a);box-shadow:0 0 16px #58e0d059,inset 0 2px 4px #fff6}.led-window{background:repeating-linear-gradient(0deg,#ffffff08 0 2px,#0000 2px 4px),#0a0e18;border-radius:999px;flex:1;height:52px;padding:6px 26px;overflow:hidden;box-shadow:inset 0 4px 12px #000000e6}.neon-strip{background:linear-gradient(90deg,#2a6ac0,#58c8f0 20%,#7ee0ff 50%,#58c8f0 80%,#2a6ac0);border-radius:8px;height:12px;margin:2px 6px 14px;animation:2.4s ease-in-out infinite neonPulse;box-shadow:0 0 18px #58c8f0e6,0 0 40px #58c8f066}@keyframes neonPulse{50%{filter:brightness(1.3)}}.board-frame{background:linear-gradient(#6a58c0,#4a3a9a);border-radius:22px;padding:12px;box-shadow:inset 0 0 0 2px #b4a0ff73,inset 0 6px 18px #00000059}.board{grid-template-rows:repeat(5,96px);grid-template-columns:repeat(9,1fr);gap:8px;display:grid}.cell{background:linear-gradient(#9a86e0 0%,#7a62cc 45%,#6348b8 100%);border-radius:14px;place-items:center;transition:filter .1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2.5px #d2c3ff8c,inset 0 -8px 14px #28146473,0 3px 6px #00000059}.cell-tree{background:linear-gradient(#ffd071,#f0973a 60%,#e0742a);box-shadow:inset 0 0 0 2.5px #ffe6aab3,inset 0 -8px 14px #a0460a73,0 3px 6px #00000059}.cell-icon{width:74%;height:74%}.cell-icon svg{filter:drop-shadow(0 3px 3px #00000059);width:100%;height:100%;display:block}.cell-tag{text-align:center;color:#fff;text-shadow:0 2px 3px #280a5ae6,0 0 8px #783cdccc;pointer-events:none;font-size:21px;font-style:italic;font-weight:900;position:absolute;bottom:3px;left:0;right:0}.cell.lit{filter:brightness(1.35);z-index:2;box-shadow:inset 0 0 0 4px #aef4ff,0 0 22px #8cf0fff2,0 0 46px #8cf0ff80}.cell.trail-1{filter:brightness(1.22);box-shadow:inset 0 0 0 3px #aef4ff99,0 0 14px #8cf0ff80}.cell.trail-2{filter:brightness(1.12);box-shadow:inset 0 0 0 2.5px #aef4ff59}.cell.trail-3{filter:brightness(1.06)}.cell.win-flash{animation:.28s steps(2,jump-none) 6 winFlash}@keyframes winFlash{0%{filter:brightness(1.9)saturate(1.3);box-shadow:inset 0 0 0 4px #fff6ae,0 0 30px #fff096,0 0 60px #ffdc64b3}to{filter:brightness(1.05)}}.screen{background:#1a1435;border-radius:12px;grid-area:2/2/5/9;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #140c32e6,inset 0 0 40px #0009}.screen-art,.screen-art svg,.screen-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001f 0 2px,#0000 2px 5px);position:absolute;inset:0}.jp-badge{color:#cdbaff;letter-spacing:1px;background:radial-gradient(circle at 35% 30%,#5a4898,#2c2058 70%);border:2px solid #b4a0ff99;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #785adc99}.counter-frame{background:#0c0a14;border:3px solid #d09a3a;border-radius:10px;width:132px;height:64px;padding:7px 16px;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #d09a3a8c,inset 0 3px 8px #000000e6}.counter{width:100%;height:100%}.msg-line{color:#e8ddff;opacity:0;pointer-events:none;background:#0a061ebf;border:1px solid #a08cff66;border-radius:999px;max-width:46%;padding:6px 14px;font-size:16px;transition:opacity .3s;position:absolute;top:14px;left:14px}.msg-line.visible{opacity:1}.announce{color:#ffe27a;text-shadow:0 0 18px #ffc83ce6,0 4px #a05a00,0 6px 14px #000c;opacity:0;pointer-events:none;place-items:center;font-size:74px;font-weight:900;display:grid;position:absolute;inset:0}.announce.show{animation:2.2s ease-out forwards announcePop}@keyframes announcePop{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.15)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}.odds-row{align-items:center;gap:8px;margin:16px 4px 10px;display:flex}.odds-tile{color:#241a56;text-shadow:0 1px #aa96f0bf,0 -1px 2px #0009;background:linear-gradient(#4a3a9a,#32246e);border-radius:8px;flex:1;place-items:center;height:34px;font-size:25px;font-style:italic;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #8c78dc66,inset 0 -4px 8px #0006}.odds-tile.big{color:#2b1e66;text-shadow:0 1px #dcd2ffcc;background:linear-gradient(#b3a2ec,#8a74d4);border-radius:12px;flex:0 0 96px;height:44px;font-size:30px}.bet-row{gap:10px;margin:0 4px;display:flex}.bet-pod{cursor:pointer;background:linear-gradient(#35296e,#241a52);border:none;border-radius:14px;flex-direction:column;flex:1;gap:8px;padding:8px 8px 10px;transition:filter .1s,transform 50ms;display:flex;box-shadow:inset 0 0 0 2px #8c78dc59,inset 0 -6px 12px #00000080,0 3px 6px #0006}.bet-pod:active{transform:translateY(2px)}.bet-pod.has-bet{box-shadow:inset 0 0 0 2px #c9a6ffe6,0 0 14px #a064ff8c,inset 0 -6px 12px #00000080}.bet-led{background:#0a0812;border-radius:8px;height:58px;padding:5px 14px;box-shadow:inset 0 3px 8px #000000e6}.bet-seg{width:100%;height:100%}.bet-pill{border-radius:999px;place-items:center;height:44px;display:grid;box-shadow:inset 0 2px 4px #ffffff73,inset 0 -4px 8px #0000004d}.bet-pill-icon{width:38px;height:38px}.bet-pill-icon svg{width:100%;height:100%;display:block}.deck{justify-content:space-between;align-items:center;gap:18px;margin:22px 8px 0;display:flex}.deck-left{gap:12px;display:flex}.arrow-btn{cursor:pointer;filter:drop-shadow(0 5px 6px #00000080);background:0 0;border:none;width:118px;height:84px;transition:transform 60ms,filter .1s}.arrow-btn:hover{filter:drop-shadow(0 5px 6px #00000080)brightness(1.15)}.arrow-btn:active{transform:translateY(2px)}.arrow-btn svg{width:100%;height:100%}.go-btn{color:#fff;letter-spacing:4px;text-shadow:0 2px 4px #965a00cc;cursor:pointer;background:linear-gradient(#ffe27a 0%,#f7c231 40%,#e09a12 100%);border:none;border-radius:18px;flex:0 0 250px;height:88px;font-size:44px;font-weight:900;transition:transform 60ms,filter .1s;box-shadow:inset 0 3px 6px #ffffffb3,inset 0 -8px 14px #a05a008c,0 6px 14px #00000080}.go-btn:hover{filter:brightness(1.08)}.go-btn:active{transform:translateY(3px)}.go-btn.glow{animation:.8s ease-in-out infinite goGlow}@keyframes goGlow{50%{filter:brightness(1.25);box-shadow:inset 0 3px 6px #ffffffb3,inset 0 -8px 14px #a05a008c,0 0 26px #ffd250e6}}.deck-right{align-items:center;gap:14px;display:flex}.guess-col{flex-direction:column;gap:10px;display:flex}.guess-btn{color:#fff;cursor:pointer;background:linear-gradient(#8a5ad0,#5c2fa8);border:none;border-radius:999px;width:128px;height:40px;font-size:21px;font-style:italic;font-weight:900;transition:transform 60ms,filter .1s;box-shadow:inset 0 2px 4px #fff6,inset 0 -5px 8px #1e054699,0 4px 8px #00000073}.guess-btn:hover{filter:brightness(1.12)}.guess-btn:active{transform:translateY(2px)}.guess-btn.glow{animation:.8s ease-in-out infinite goGlow}.all-btn{color:#fff;text-shadow:0 2px 3px #8c3200cc;cursor:pointer;background:linear-gradient(#ffb35e,#f07f1d 55%,#d9601a);border:none;border-radius:18px;width:96px;height:88px;font-size:24px;font-weight:900;line-height:1.1;transition:transform 60ms,filter .1s;box-shadow:inset 0 3px 6px #ffffff8c,inset 0 -8px 12px #9632008c,0 5px 12px #00000080}.all-btn:hover{filter:brightness(1.1)}.all-btn:active{transform:translateY(2px)}.spark{background:radial-gradient(circle, #fff 0 18%, transparent 40%), conic-gradient(from 0deg, transparent 0 40deg, #fff 45deg, transparent 50deg 130deg, #fff 135deg, transparent 140deg 220deg, #fff 225deg, transparent 230deg 310deg, #fff 315deg, transparent 320deg);pointer-events:none;z-index:6;border-radius:2px;width:14px;height:14px;animation:2.8s ease-in-out infinite twinkle;position:absolute}.spark.s1{top:300px;left:-6px}.spark.s2{animation-delay:.7s;top:420px;right:-6px}.spark.s3{animation-delay:1.3s;top:640px;left:-6px}.spark.s4{animation-delay:.4s;top:760px;right:-6px}.spark.s5{animation-delay:1.8s;top:6px;left:200px}.spark.s6{animation-delay:1s;top:6px;right:220px}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}