:root{font-family:Arial,Helvetica,sans-serif;color:#fff7d7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 16%,#482d3a 0%,#180e19 48%,#09070d 100%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 115px,#a97c6624 116px,transparent 117px),linear-gradient(90deg,#000a,transparent 18%,transparent 82%,#000a)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.58}button:focus-visible{outline:3px solid #fff;outline-offset:4px}.machine{position:relative;width:min(100%,1160px);overflow:hidden;border:9px solid #908073;border-radius:30px;background:#33060d;box-shadow:inset 0 0 0 2px #fff6d3,inset 0 0 0 9px #341818,0 0 0 2px #1d1415,0 25px 22px #0008,0 55px 110px #000c}.machine::before{content:"";position:absolute;z-index:5;inset:4px;pointer-events:none;border:1px solid #ffde9c99;border-radius:19px;box-shadow:inset 3px 0 9px #fff8,inset -4px 0 12px #000}.marquee{position:relative;height:112px;margin:10px 10px 0;border:4px solid #b99d71;border-radius:15px 15px 4px 4px;background:radial-gradient(ellipse at 50% 25%,#b32629 0%,#7d0914 54%,#39000a 100%);box-shadow:inset 0 0 0 2px #6b2c20,inset 0 9px 18px #ffded143,inset 0 -15px 20px #210005,0 5px 4px #1b0009}.marquee::after{content:"";position:absolute;inset:8px;pointer-events:none;border-radius:8px;border:1px solid #ffe5a659;box-shadow:inset 0 2px 7px #ffae673e}.marquee-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:45px}.brand{position:relative;transform:skew(-9deg);font-size:clamp(2.6rem,6vw,4.5rem);font-style:italic;font-weight:1000;line-height:1;letter-spacing:-.085em;filter:drop-shadow(0 6px 2px #210004);text-shadow:0 2px #fff5a0,0 4px #9e3900,0 7px #3b0000,0 0 18px #ffdc6d}.brand span{color:#ffe660;-webkit-text-stroke:2px #5d1709}.brand strong{color:#fff3c7;-webkit-text-stroke:2px #781710}.brand small{position:absolute;right:-41px;bottom:-10px;font-size:.24em;letter-spacing:.13em;color:#f8d1c0;transform:rotate(-9deg);text-shadow:0 2px #430006}.marquee-star{font-size:2rem;color:#ffdf8c;text-shadow:0 0 4px #fff,0 0 17px #ffc56d}.icon-button{border:0;background:none;color:#fff;font-size:1.7rem}.sound-button{position:absolute;z-index:2;right:19px;top:25px;width:49px;height:49px;border:2px solid #d9ba75;border-radius:50%;background:radial-gradient(circle at 35% 25%,#65615a,#252321 60%,#111);box-shadow:inset 0 2px 3px #fffb,0 3px 4px #170008;color:#f7e8a9}.sound-button[aria-pressed=false]::after{content:"";position:absolute;left:5px;top:21px;width:34px;height:3px;background:#fff;border-radius:2px;transform:rotate(-37deg);box-shadow:0 1px #202020}.stage{position:relative;margin:0 10px;padding:29px 28px 14px;border-inline:5px solid #17030b;background:radial-gradient(ellipse at 50% 35%,#822540 0%,#44051b 65%,#250010 100%);box-shadow:inset 10px 0 15px #0006,inset -10px 0 15px #0006}.stage::before,.stage::after{content:"";position:absolute;top:14px;bottom:13px;width:10px;border-radius:6px;background:linear-gradient(90deg,#31251f,#d3c6ad 32%,#f6e4b2 46%,#564743 72%,#151313);box-shadow:0 0 5px #000}.stage::before{left:7px}.stage::after{right:7px}.stage-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#e47c7a29,transparent 67%)}.board-wrap{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:stretch;max-width:1010px;margin:auto}.board{position:relative;aspect-ratio:5/2.7;overflow:hidden;border:10px ridge #c6b79a;border-radius:15px;background:#e5d9c3;box-shadow:0 0 0 4px #2b1419,inset 0 0 18px #000,0 6px 17px #130006}.board::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:4px;box-shadow:inset 0 16px 22px #59442a9e,inset 0 -15px 23px #57432b99,inset 12px 0 17px #462e1b70,inset -12px 0 17px #462e1b70;background:linear-gradient(113deg,#fff8 0%,transparent 14%,transparent 58%,#fff5 63%,transparent 70%);opacity:.5}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;height:100%;background:linear-gradient(90deg,#6d5e4b,#d9c9a9 50%,#6d5e4b)}.reel{min-width:0;overflow:hidden;display:grid;grid-template-rows:repeat(3,1fr);background:#f7f1e6;box-shadow:inset 9px 0 14px #8878615c,inset -9px 0 14px #8878615c}.reel:not(:last-child){border-right:3px solid #8f8270}.symbol-cell{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(90deg,#d9cdbb 0%,#f7f1e6 16%,#fffdf7 50%,#f7f1e6 84%,#d9cdbb 100%)}.symbol-cell:not(:last-child){border-bottom:1px solid #bfb4a2}.symbol-art{display:block;width:100%;height:100%;background-image:url('assets/reel-symbols.webp');background-size:400% 200%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #4e351d30)}.symbol-orange{background-position:0 0}.symbol-lemon{background-position:33.333% 0}.symbol-watermelon{background-position:66.667% 0}.symbol-cherry{background-position:100% 0}.symbol-plum{background-position:0 100%}.symbol-grapes{background-position:33.333% 100%}.symbol-bell{background-position:66.667% 100%}.symbol-seven{background-position:100% 100%}.reel-track{width:100%;will-change:transform}.reel-track .symbol-cell{height:var(--cell-height)}.reel.spinning .symbol-art{filter:blur(1.5px)}.reel.landed{animation:reel-stop .23s ease-out}@keyframes reel-stop{0%{transform:translateY(5px)}55%{transform:translateY(-3px)}100%{transform:translateY(0)}}.paylines{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.paylines path{fill:none;stroke-width:2.5;opacity:.68;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #2b0a0b)}.paylines [data-line="1"]{stroke:#238afa}.paylines [data-line="2"]{stroke:#e6453c}.paylines [data-line="3"]{stroke:#24a341}.paylines [data-line="4"]{stroke:#ecd437}.paylines [data-line="5"]{stroke:#cf49ac}.paylines path.inactive{opacity:.08;stroke-dasharray:4 8}.paylines.winning path{opacity:.13}.paylines.winning path.win{opacity:1;stroke-width:5;filter:drop-shadow(0 0 5px #fff)}.line-labels{position:relative}.line-labels button{position:absolute;width:47px;height:38px;padding:0;display:grid;place-items:center;transform:translateY(-50%);border:3px outset #fff5c5;border-radius:6px;box-shadow:inset 0 2px #fff9,inset 0 -3px #0005,0 3px 5px #000a;color:#1c1613;font-size:1.25rem;font-weight:1000;text-shadow:0 1px #fff9;transition:opacity .15s,filter .15s}.line-labels.left button{right:0}.line-labels.right button{left:0}.line-labels button:hover:not(:disabled){filter:brightness(1.2)}.line-labels button[aria-pressed=false]{opacity:.38;filter:grayscale(1);text-decoration:line-through}.line-4{top:10%;background:linear-gradient(#fff991,#d7af22)}.line-2{top:20%;background:linear-gradient(#ffb2a5,#d9574c)}.line-1{top:50%;background:linear-gradient(#b5deff,#4c9dd6)}.line-3{top:80%;background:linear-gradient(#a8e9a3,#399744)}.line-5{top:90%;background:linear-gradient(#f7b8e5,#bd54a6)}.line-note{position:relative;z-index:1;margin:13px 0 0;text-align:center;color:#f2deb9;font-size:.84rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px #000}.console{position:relative;margin:0 10px 10px;padding:15px 25px 23px;border:5px solid #241015;border-top:8px ridge #d7c5a4;border-radius:0 0 14px 14px;background:linear-gradient(160deg,#850d20 0%,#480210 55%,#24000a 100%);box-shadow:inset 0 2px 16px #f5a67248,inset 0 -9px 17px #0006}.console::before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #c58e59a1;border-radius:5px}.status{position:relative;max-width:970px;min-height:55px;margin:0 auto 16px;padding:10px 15px;display:grid;place-items:center;border:5px ridge #b9a991;border-radius:9px;background:linear-gradient(#141e1a,#06120f);box-shadow:inset 0 0 14px #000,0 3px 5px #0008;color:#e7fb80;text-align:center;font-family:Consolas,monospace;font-size:clamp(1rem,1.7vw,1.35rem);font-weight:800;letter-spacing:.015em;text-shadow:0 0 7px #d8fa4569}.controls{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:end;gap:10px}.readout{min-width:104px;height:69px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.readout-label{align-self:stretch;color:#faeac8;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:900;text-shadow:0 1px #000}.readout>strong,.stepper strong{min-height:41px;display:grid;place-items:center;padding:3px 7px;border:4px ridge #b6a786;border-radius:5px;background:linear-gradient(#101811,#020807);box-shadow:inset 0 2px 9px #000,0 2px 2px #0007;color:#f3f28a;font-family:Consolas,monospace;font-size:1.35rem;font-weight:900;text-shadow:0 0 6px #eced49}.readout.fixed{min-width:66px}.bet-readout{min-width:152px}.stepper{display:flex;gap:3px}.stepper button{width:36px;flex:none;border:3px outset #d5b879;border-radius:5px;background:linear-gradient(#f4d894,#b88c40 58%,#81521f);box-shadow:inset 0 2px #fff6,0 3px 3px #0008;color:#24180a;font-size:1.3rem;font-weight:1000}.stepper strong{flex:1;min-width:40px}.win-readout>strong{color:#9cf3a3;text-shadow:0 0 7px #30d954}.secondary-button,.spin-button{min-height:53px;padding:0 16px;border:4px outset #dbd1b3;border-radius:9px;box-shadow:inset 0 3px #fff9,inset 0 -6px #0003,0 4px 5px #0009;color:#261605;font-weight:1000;font-size:1rem;text-shadow:0 1px #fff8}.secondary-button{background:linear-gradient(#fff8da,#caaa6c 55%,#86613a)}.autoplay-button{background:linear-gradient(#e7ffcf,#83c773 55%,#326b3b);border-color:#add0a0;color:#0b2a0b}.spin-button{min-width:155px;min-height:63px;border-color:#fce68e;border-radius:13px;background:radial-gradient(ellipse at 50% 10%,#fff9aa,#f4c83f 48%,#ad6a16 100%);box-shadow:inset 0 4px #fff6,inset 0 -7px #84431a,0 5px 7px #000a;font-size:1.35rem}.spin-button span{font-size:.85em}.secondary-button:hover:not(:disabled),.spin-button:hover:not(:disabled),.stepper button:hover:not(:disabled){filter:brightness(1.14)}.secondary-button:active:not(:disabled),.spin-button:active:not(:disabled),.stepper button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px #0007,0 1px 2px #0009}.console-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:970px;margin:13px auto 0;color:#f3cfb8;font-size:.78rem;font-weight:800}.console-bottom button{padding:4px;background:none;border:0;color:#fff1d0;text-decoration:underline}dialog{width:min(92vw,620px);max-height:85vh;padding:24px 28px;border:6px ridge #c5ab6f;border-radius:12px;background:linear-gradient(#520b21,#21000c);box-shadow:0 20px 80px #000;color:#fff4da}dialog::backdrop{background:#050008d9}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0;color:#ffe48b;font-size:1.8rem}.close-button{font-size:2.2rem}.dialog-foot{font-size:.9rem;color:#ead3c7}table{width:100%;margin:18px 0;border-collapse:collapse}th,td{padding:7px;border-bottom:1px solid #9b7773;text-align:center}th:first-child,td:first-child{text-align:left}th{color:#ffe48b}td{font-weight:800}.pay-symbol{display:inline-flex;align-items:center;gap:9px}.pay-symbol .symbol-art{width:42px;height:42px;flex:none;border-radius:4px}
@media(max-width:760px){body{padding:0;background:#180913}.machine{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.machine::before{inset:0;border-radius:0}.marquee{height:82px;margin:5px 5px 0;border-width:3px}.marquee-inner{gap:10px}.marquee-star{display:none}.brand{font-size:clamp(2.5rem,9vw,3.4rem)}.brand small{right:-20px}.sound-button{top:17px;right:12px;width:42px;height:42px}.sound-button[aria-pressed=false]::after{left:4px;top:18px;width:29px}.stage{margin:0 5px;padding:26px 4px 12px;border-inline-width:3px}.stage::before,.stage::after{width:4px}.stage::before{left:1px}.stage::after{right:1px}.board-wrap{grid-template-columns:25px minmax(0,1fr) 25px;gap:2px}.board{border-width:4px;border-radius:7px}.reels{gap:2px}.reel:not(:last-child){border-right-width:1px}.line-labels button{width:25px;height:23px;border-width:1px;border-radius:3px;font-size:.78rem}.paylines path{stroke-width:1.6}.paylines.winning path.win{stroke-width:3}.line-note{font-size:.67rem;letter-spacing:.035em}.console{margin:0 5px 5px;padding:12px 8px 16px;border-width:3px;border-top-width:6px}.status{min-height:49px;margin-bottom:12px;border-width:3px;font-size:.95rem}.controls{gap:7px}.readout{height:62px;min-width:75px}.readout-label{font-size:.61rem}.readout>strong,.stepper strong{min-height:34px;border-width:2px;font-size:1.1rem}.readout.fixed{min-width:52px}.bet-readout{min-width:126px}.stepper button{width:31px;border-width:2px}.secondary-button{flex:1;min-width:120px}.spin-button{flex:1 1 100%;min-height:56px}.console-bottom{flex-wrap:wrap;justify-content:center;font-size:.71rem}}
@media(max-width:410px){.brand{font-size:2.36rem}.sound-button{right:7px}.board-wrap{grid-template-columns:23px minmax(0,1fr) 23px}.line-labels button{width:23px;height:22px}.stage{padding-top:22px}.readout{min-width:68px}.bet-readout{min-width:121px}.controls{gap:5px}}
@media(prefers-reduced-motion:reduce){.reel.landed{animation:none}.line-labels button{transition:none}}