*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 0,#4b2500,#100700 60%,#050200);color:#ffe7a1;overflow-x:hidden}.machine{width:min(100vw,980px);min-height:100vh;margin:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.top{text-align:center;border:2px solid #b87a18;border-radius:18px;background:linear-gradient(#2b1503,#120800);box-shadow:0 0 28px #000 inset,0 0 24px #a15a00}.brand{font-size:18px;letter-spacing:6px;color:#ffcf5a;padding-top:10px}.title{font-size:clamp(30px,7vw,68px);font-weight:900;text-shadow:0 4px #5c2300,0 0 18px #ff9a00}.subtitle{padding:0 0 10px;color:#e7bd6a}.jackpots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jackpots div,.panel{background:linear-gradient(#2d1000,#080300);border:2px solid #c88b23;border-radius:14px;text-align:center;padding:8px;box-shadow:inset 0 0 14px #000}.jackpots span,.panel span{display:block;color:#ffbf3c;font-size:12px;letter-spacing:2px}.jackpots b,.panel b{font-size:24px;color:#fff0b8}.reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border:4px solid #d19324;border-radius:22px;background:linear-gradient(90deg,#4c2100,#1b0900,#4c2100);box-shadow:0 0 30px #000 inset,0 0 35px #b96b00;min-height:420px}.reel{height:min(64vh,420px);background:#f6d68a;border:4px solid #6b3200;border-radius:16px;overflow:hidden;display:grid;grid-template-rows:repeat(3,1fr);gap:6px;padding:6px}.symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;background:radial-gradient(circle,#fff7c9,#d49336);border:2px solid #7e3e00;color:#3a1700;font-weight:900;text-align:center;box-shadow:inset 0 0 12px #fff7,0 3px 0 #7c3c00;font-size:clamp(24px,5vw,52px)}.symbol small{font-size:clamp(9px,1.8vw,15px);margin-top:2px}.book{background:radial-gradient(circle,#fff7d0,#b66a1d);color:#4a1500}.lori{background:radial-gradient(circle,#fff,#ffce5b);color:#711}.winSym{animation:pulse .6s infinite alternate}@keyframes pulse{from{transform:scale(1)}to{transform:scale(1.08);filter:brightness(1.25)}}.payline{position:absolute;left:14px;right:14px;height:4px;background:#ff002b;box-shadow:0 0 12px #ff002b;opacity:.35;pointer-events:none}.line1{top:50%}.line2{top:18%;transform:rotate(9deg)}.line3{bottom:18%;transform:rotate(-9deg)}.message{text-align:center;min-height:44px;font-size:clamp(18px,4vw,34px);font-weight:900;color:#fff4c6;text-shadow:0 0 12px #ff9a00}.controls{display:grid;grid-template-columns:56px 1fr 1fr 1fr 56px 1.4fr;gap:8px;align-items:stretch}.controls button{border:0;border-radius:16px;background:linear-gradient(#ffc34a,#9f4f00);color:#2b1000;font-weight:900;font-size:28px;box-shadow:0 5px 0 #5d2600}.controls button:active{transform:translateY(4px);box-shadow:0 1px 0 #5d2600}.spin{font-size:clamp(24px,5vw,42px)!important;background:linear-gradient(#ffef85,#ff7b00)!important}.bonus{text-align:center;border:1px solid #ad741f;border-radius:12px;padding:10px;background:#120800;color:#f7d98b}@media(max-width:720px){.machine{padding:8px}.reels{gap:4px;padding:6px;min-height:330px}.reel{height:330px;padding:4px;gap:4px;border-width:2px}.controls{grid-template-columns:42px 1fr 1fr 1fr 42px;grid-template-rows:auto auto}.spin{grid-column:1/-1;height:76px}.panel b{font-size:18px}.jackpots b{font-size:18px}.symbol small{display:none}}