body{background:radial-gradient(ellipse at 20% 20%,#68148780,transparent 55%),radial-gradient(ellipse at 90% 60%,#1824a377,transparent 60%),#110920}header{border-color:#e651ff33}.brand{color:#ffe57e}main{max-width:1300px;padding-top:18px}.intro{display:none}.machine{position:relative;aspect-ratio:3/2;margin:0;padding:0;border:0;border-radius:20px;background:url('assets/cabinet.png') center/100% 100% no-repeat;box-shadow:0 20px 90px #be1cf533}.machine-top,.marquee{display:none}.reel-frame{position:absolute;left:11.45%;right:10.95%;top:40.1%;height:35.9%;padding:0;border:0;background:none;border-radius:8px;box-shadow:none}#reels{height:100%;gap:0;background:none;overflow:visible}.reel{height:100%;background:linear-gradient(#f2d5abdd,#fff4e2f5 20%,#fff4e2f5 80%,#e8c697dd);border-radius:9px;margin-right:5.4%;overflow:hidden}.reel:last-child{margin-right:0;margin-left:0}.reel:nth-child(2){transform:translateX(1%)}.reel:nth-child(3){transform:translateX(2%)}.reel:nth-child(4){transform:translateX(3%)}.reel:nth-child(5){transform:translateX(4%);margin-right:4%}.cell{height:calc(var(--reel-height, 300px) / 3)}.cell img{width:95%;height:95%}.reel::after{box-shadow:inset 0 7px 12px #632d4233,inset 0 -7px 12px #632d4233}.controls{position:absolute;inset:0;display:block;border:0;padding:0;pointer-events:none}.controls button{pointer-events:auto}.controls .meter:not(.win-meter){position:absolute;top:1.5%;right:2%;background:#130921dc;border:1px solid #f8c34b;border-radius:30px;padding:8px 18px;text-align:center;box-shadow:0 0 20px #be1cf5}.controls .meter:not(.win-meter) label{font-size:8px;color:#fff1b5}.controls .meter:not(.win-meter) strong{font-size:22px}.controls .meter:not(.win-meter) small{display:none}.bet{position:absolute;left:15%;top:82.2%;width:22.7%;height:10.2%;text-align:center}.bet label,.bet small{display:none}.bet>div{height:100%;justify-content:space-between;gap:0}.bet button{width:23%;height:82%;background:linear-gradient(#8915b9,#30064f);border:2px solid #e777ff;box-shadow:0 0 12px #d42aff,inset 0 0 8px #f261ff;color:#fff;font-size:clamp(17px,3vw,38px);border-radius:10px}.bet strong{min-width:0;width:51%;align-self:end;height:69%;display:flex;align-items:center;justify-content:center;background:#13081f;border-radius:5px;color:#ffe471;font-size:clamp(15px,3vw,40px);text-shadow:0 0 12px #ffae00}.spin{position:absolute;left:76%;top:82%;width:18.3%;height:10.7%;background:linear-gradient(#8afb19,#20a300 50%,#106200);color:#fff1aa;border:3px solid #edff6f;border-radius:18px;box-shadow:0 0 13px #b2ff55,inset 0 0 12px #83ff00;font-size:clamp(17px,3.6vw,46px);letter-spacing:1px;text-shadow:0 2px 2px #693b00}.spin span{display:none}.win-meter{position:absolute;left:39.2%;top:86.2%;width:21.6%;height:6.2%;text-align:center;background:#14091d;border-radius:7px}.win-meter label{display:none}.win-meter strong{font-size:clamp(16px,3.1vw,40px);color:#ffe572;text-shadow:0 0 15px #ff9d00}.win-meter small{position:absolute;top:116%;width:100%;color:#fff59d;font-size:clamp(5px,.75vw,10px);margin:0}.message{position:absolute;top:100%;left:0;width:100%;min-height:40px;color:#f3ceff;font-size:12px}.under{margin-top:48px;flex-wrap:wrap;gap:10px}.under button{padding:9px 13px;background:#7225a333;border:1px solid #dc73ff77;border-radius:20px;color:#f0bdff}#show-lines[aria-pressed=true]{background:#852dc5;color:white}.footnote{margin-top:20px}#line-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:4}.path-line{opacity:0;transition:opacity .2s;filter:drop-shadow(0 0 4px currentColor)}.path-line.visible{opacity:.75}.path-line.winning{opacity:1;filter:drop-shadow(0 0 7px currentColor)}.path-line polyline{fill:none;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}.path-line.winning polyline{stroke-width:5}.path-line text{fill:white;font:700 15px sans-serif;text-anchor:middle;dominant-baseline:central}.line-legend{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:14px;font-size:10px;color:#d8c6df}.line-legend span::before{content:'●';color:var(--line-color);margin-right:5px}@media(max-width:650px){main{padding:20px 5px}.machine{border-radius:8px}.reel-frame{border:0;padding:0}#reels{gap:0}.controls{display:block}.controls .meter:not(.win-meter){padding:3px 8px;top:0;right:0}.controls .meter:not(.win-meter) label{font-size:5px;letter-spacing:1px;margin-bottom:1px}.controls .meter:not(.win-meter) strong{font-size:12px}.bet>div{gap:0}.bet button{border-width:1px;border-radius:5px}.spin{height:10.7%;border-width:1px;border-radius:8px;min-width:0}.win-meter{display:block}.win-meter strong{font-size:16px}.win-meter small{font-size:5px}.message{font-size:10px;padding:0 8px}.under{margin-top:47px;justify-content:center}.line-legend{gap:10px;font-size:9px}.footnote{margin-top:20px}} 
#show-lines{position:absolute;left:63.6%;top:84.5%;width:8.9%;height:6.8%;font-size:clamp(6px,1.1vw,14px);font-weight:800;background:linear-gradient(#8c16a9,#39004e);border:2px solid #f483ff;border-radius:9px;color:#ffe3ff;box-shadow:0 0 12px #df24ff;padding:0}#rules{position:absolute;left:6.6%;top:84.3%;width:6.6%;height:7.1%;background:linear-gradient(#7617a0,#370951);border:2px solid #ed77ff;border-radius:9px;color:#ffd6ff;font-size:clamp(16px,3vw,38px);box-shadow:0 0 10px #df24ff;padding:0}
