:root{color-scheme:dark;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080000}.machine{height:100dvh;max-width:760px;margin:auto;padding:max(7px,env(safe-area-inset-top)) 8px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:7px;background:radial-gradient(circle at 50% 35%,#730d0d,#210000 55%,#050000);color:#fff4c3}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:3px 10px;background:linear-gradient(#4d0808,#160000);border:2px solid #dcae33;border-radius:15px;box-shadow:0 0 18px #c90000}header div{text-align:center}header span{font-size:11px;letter-spacing:6px;color:#ffdf76}h1{margin:0;font:900 clamp(19px,6vw,35px) Georgia;color:#ffd751;text-shadow:0 2px #5d0000,0 0 12px #ffb000}button,select{touch-action:manipulation;border:1px solid #dbaa38;color:#fff1ad;background:linear-gradient(#50300c,#120700);font-weight:900}header button{width:42px;height:42px;border-radius:50%;font-size:21px}.meters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meters div{text-align:center;padding:5px;border:1px solid #d09d2c;border-radius:9px;background:#170400}.meters small{display:block;color:#d6a64a}.meters strong{font-size:clamp(13px,4vw,20px)}.cabinet{position:relative;min-height:0;padding:10px 20px;border:5px ridge #f5cc58;border-radius:22px;background:linear-gradient(90deg,#510000,#9d1717 48%,#510000);box-shadow:inset 0 0 25px #000,0 0 22px #d08900;overflow:hidden}.reels{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#180000;border:3px solid #2d0900;border-radius:12px;padding:4px}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:4px;overflow:hidden}.symbol{position:relative;min-height:0;border-radius:9px;overflow:hidden;background:#080000;border:1px solid #8b5b20}.symbol img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06)}.symbol.win{animation:win .55s infinite alternate;z-index:2}.reel.spin .symbol img{animation:roll .11s linear infinite}.pay-numbers{position:absolute;z-index:3;top:14%;line-height:clamp(25px,7vh,55px);font-weight:900;color:#ffd64f;text-shadow:0 1px 3px #000}.pay-numbers.left{left:5px}.pay-numbers.right{right:5px}.shine{pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#fff5 49%,transparent 58%);transform:translateX(-130%);animation:shine 4s infinite}.message{text-align:center;min-height:24px;font-weight:900;color:#ffd75c;text-shadow:0 0 8px #e90000}footer{display:grid;grid-template-columns:1.2fr .8fr 1.3fr .8fr;gap:6px}footer label{display:flex;flex-direction:column;font-size:10px;color:#deb44f}select,footer button{min-height:48px;border-radius:12px;font-size:clamp(12px,3.7vw,18px)}.spin{border:3px solid #fff09a;background:radial-gradient(circle,#80b522,#184b00);box-shadow:0 0 15px #a6ee2c}button:disabled{opacity:.35}dialog{width:min(92vw,620px);max-height:85dvh;overflow:auto;border:2px solid #d9ad3d;border-radius:18px;background:#090000;color:#fff2c0;padding:20px}dialog::backdrop{background:#000c}.close{float:right;border-radius:50%;width:42px;height:42px}.paytable{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;background:#240400;border-radius:10px}@keyframes roll{to{transform:translateY(35%) scale(1.06);filter:blur(4px)}}@keyframes win{to{filter:brightness(1.7);box-shadow:inset 0 0 22px #ffeb3b}}@keyframes shine{45%,100%{transform:translateX(130%)}}@media(max-height:620px){header{height:44px}h1{font-size:18px}.meters div{padding:2px}footer button,select{min-height:38px}.cabinet{padding-top:6px;padding-bottom:6px}}
.bonus-win-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#7b270099,#050000df 68%);animation:bonusWinIn .35s ease-out}.bonus-win-overlay article{position:relative;z-index:2;width:min(92vw,650px);padding:30px 14px;text-align:center;border:3px solid #ffe47a;border-radius:28px;background:linear-gradient(145deg,#210600e8,#782500e8,#140300e8);box-shadow:0 0 70px #ffc400}.bonus-win-overlay small,.bonus-win-overlay h2,.bonus-win-overlay strong{display:block}.bonus-win-overlay small{letter-spacing:5px;color:#ffe5a0}.bonus-win-overlay h2{margin:12px 0;color:#fff2a6;font-size:clamp(31px,10vw,74px);text-shadow:0 0 12px #fff,0 0 30px #ff9d00}.bonus-win-overlay strong{font-size:clamp(25px,8vw,58px);color:#ffd34f}.bonus-win-coins{position:absolute;inset:0;z-index:3;pointer-events:none}.bonus-win-coins i{position:absolute;left:var(--x);top:-35px;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9a5 0 8%,#ffd43d 24%,#b86700 72%,#ffe272 75% 82%,#784000 85%);box-shadow:0 0 8px #ffc400;animation:coinFall var(--duration) var(--delay) linear infinite}@keyframes coinFall{to{transform:translate3d(25px,115vh,0) rotateY(1080deg) rotateZ(540deg)}}@keyframes bonusWinIn{from{opacity:0;transform:scale(.82)}}