:root{color-scheme:dark;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050803}.machine{height:100dvh;max-width:820px;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;color:#fff2b3;background:radial-gradient(circle at 50% 40%,#38551c,#111a0b 48%,#030500)}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:3px 10px;border:2px solid #e6bd4b;border-radius:16px;background:linear-gradient(#725417,#191005);box-shadow:0 0 20px #d79926}header div{text-align:center}header span{font-size:10px;letter-spacing:5px;color:#ffdc74}h1{margin:0;font:900 clamp(21px,6vw,37px) Georgia;color:#ffd65b;text-shadow:0 2px #442600,0 0 13px #e97700}button,select{touch-action:manipulation;border:1px solid #dfb13a;color:#fff1a5;background:linear-gradient(#594314,#150e05);font-weight:900}header button{width:42px;height:42px;border-radius:50%;font-size:20px}.meters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.meters div{text-align:center;padding:5px 3px;border:1px solid #bd9130;border-radius:9px;background:#101b0b}.meters small{display:block;color:#cdae55;font-size:10px}.meters strong{font-size:clamp(12px,3.5vw,18px)}.temple{position:relative;min-height:0;padding:12px;border:6px ridge #e8bd48;border-radius:25px;background:linear-gradient(90deg,#594016,#b58a35 47%,#594016);box-shadow:inset 0 0 30px #000,0 0 22px #b6811f;overflow:hidden}.temple:before{content:"";position:absolute;inset:4px;border:2px solid #314b1c;border-radius:14px;pointer-events:none}.reels{position:relative;height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;background:#071006;border:3px solid #34250e;border-radius:12px}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:5px;overflow:hidden}.symbol{position:relative;min-height:0;overflow:hidden;border-radius:8px;border:1px solid #8f6b24;background:#160c05}.symbol img{display:block;width:100%;height:100%;object-fit:cover}.symbol.win{z-index:2;animation:win .45s infinite alternate}.reel.spin .symbol img{animation:roll .1s linear infinite}.message{text-align:center;min-height:24px;font-weight:900;color:#ffd55a;text-shadow:0 0 8px #c97400}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:#d5ae53}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,#8abe2d,#205808);box-shadow:0 0 15px #98df35}button:disabled{opacity:.35}.bonus-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#000d;padding:18px}.bonus-modal[hidden]{display:none}.bonus-modal>div{text-align:center;max-width:460px;padding:28px;border:3px solid #f0c74f;border-radius:24px;background:radial-gradient(circle,#35591a,#100b03);box-shadow:0 0 45px #f8b52c}.bonus-modal b{font-size:14px;letter-spacing:5px}.bonus-modal h2{color:#ffe16f;font-size:clamp(25px,8vw,42px)}.bonus-modal button{padding:16px;border-radius:14px;font-size:17px}dialog{width:min(92vw,650px);max-height:86dvh;overflow:auto;border:2px solid #d9ad3d;border-radius:18px;background:#071006;color:#fff2c0;padding:20px}dialog::backdrop{background:#000c}.close{float:right;width:42px;height:42px;border-radius:50%}.paytable{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;background:#1c1608;border-radius:10px}@keyframes roll{to{transform:translateY(45%);filter:blur(4px)}}@keyframes win{to{transform:scale(1.07);filter:brightness(1.65);box-shadow:inset 0 0 25px #ffe56e}}@media(max-height:620px){header{height:43px}h1{font-size:18px}.meters div{padding:2px}.temple{padding:6px}select,footer button{min-height:38px}}@media(orientation:landscape) and (max-height:600px){.machine{max-width:none;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.machine header{grid-column:1;height:auto}.meters{grid-column:1;grid-row:2;display:flex;flex-direction:column}.temple{grid-column:2;grid-row:1/4}.message{grid-column:1;grid-row:3}.machine footer{position:absolute;right:16px;bottom:12px;width:min(62vw,620px);z-index:5}.symbol img{object-fit:cover}}
.bonus-win-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#526b1599,#020500e5 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,#071500ed,#5d4910ed,#071000ed);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)}}