*{box-sizing:border-box}body{margin:0;background:#f3eedf;color:#334c36;font:15px system-ui,sans-serif}main{max-width:800px;margin:32px auto;padding:0 22px}header{text-align:center}small{font-size:10px;letter-spacing:.24em;color:#7d8b60}h1{font-family:Georgia,serif;font-size:52px;font-weight:500;letter-spacing:-2px;margin:12px 0 26px}h1 span{display:block;font:14px system-ui;letter-spacing:0;margin-top:10px;color:#7e8669}#stats{display:flex;justify-content:space-around;text-align:center;margin:24px 0;font-size:10px;letter-spacing:.12em;color:#7d856b}strong{display:block;font-size:26px;letter-spacing:0;color:#38563a;margin-top:6px}#slot{position:relative;border:8px solid #57714c;border-radius:20px;box-shadow:0 18px 35px #45593522;overflow:hidden;background:#fffaf0}#reels{display:flex;width:100%;height:calc(var(--cell)*3)}.reel{width:20%;height:100%;position:relative;overflow:hidden;border-right:1px solid #cdd4b6}.reel:last-child{border:0}.icons{position:relative}.fruit{display:grid;width:100%;height:var(--cell);place-items:center;font-size:clamp(27px,8vw,69px);background:linear-gradient(#fffdf6,#f7f2df);border-bottom:1px solid #d8debf;transform:translate3d(0,0,0)}.fruit.match{background:#e0edbf;box-shadow:inset 0 0 0 3px #afc776}#message{text-align:center;min-height:42px;line-height:1.6;color:#687b50;margin:22px 0 12px}nav{display:flex;justify-content:center;gap:10px}button{border-radius:10px;border:1px solid #aeb997;background:#fdfbef;padding:13px 20px;font:600 14px system-ui;color:#405739;cursor:pointer}#spin{background:#486b43;color:#fff9df;border-color:#486b43}button:hover{filter:brightness(1.05)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #b89c38;outline-offset:3px}#rules{border-top:1px solid #ccd3b9;margin-top:30px;padding-top:20px}h2{font:24px Georgia,serif;margin:0 0 10px}#rules p{font-size:13px;line-height:1.7;color:#7a856d}.payouts{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.payouts span{flex:1;background:#e8ebd8;padding:12px;border-radius:10px;font-size:12px;color:#687a50}.payouts b{display:block;color:#3f5b39;font-size:15px;margin-bottom:5px}footer{font-size:11px;color:#879078;line-height:1.7;margin:24px 0}a{color:#5e7446}#paused{position:absolute;inset:0;background:#2c482ac9;color:#fff8dc;display:grid;place-items:center;font:32px Georgia}#paused[hidden]{display:none}@media(max-width:600px){main{margin:22px auto;padding:0 12px}h1{font-size:42px}#slot{border-width:5px;border-radius:12px}button{padding:12px 14px;font-size:12px}.payouts{gap:6px}.payouts span{padding:10px 7px;font-size:10px}.payouts b{font-size:12px}#message{font-size:13px}#stats{margin:20px 0}h2{font-size:21px}}