body{background:radial-gradient(circle at 50% 12%,#26362f 0,#111714 30%,#050706 72%)}header{background:#050706e8;border-color:#d5a84b55}.machine{background:linear-gradient(145deg,#171c19,#050706 58%,#141915);border-color:#d7ae53;box-shadow:0 32px 90px #000,0 0 0 7px #070907,0 0 0 9px #b9862e}.machine-top{background:linear-gradient(90deg,#080a09,#202a24,#080a09)}.feature-strip,.message,.machine-footer{background:#050706}.reel-frame{background:radial-gradient(ellipse,#25332c,#060807 78%)}.reels{grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin:auto}.reel{background:#090d0b;border-color:#d9ad50}.cell{aspect-ratio:1.12}.spin{background:radial-gradient(circle at 50% 28%,#8dffd0,#28c785 55%,#08774b)}.symbols-bar{background:#090c0ae8}.lines{grid-template-columns:repeat(5,1fr)}.line-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:620px){.reels{max-width:430px}.cell{aspect-ratio:.9}.lines{grid-template-columns:repeat(2,1fr)}}
.bonus-mode{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:20px;background:#000d;backdrop-filter:blur(12px)}.bonus-mode.show{display:grid}.bonus-card{position:relative;display:grid;grid-template-columns:minmax(180px,300px) minmax(260px,380px);align-items:center;max-width:760px;overflow:hidden;border:2px solid #dcb45e;border-radius:24px;background:radial-gradient(circle at 25% 25%,#3e4a43,#080b09 65%);box-shadow:0 0 0 8px #111,0 30px 100px #000}.bonus-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#ffda7630 50%,transparent 60%)}.bonus-card>img{width:100%;height:100%;min-height:390px;object-fit:cover;filter:saturate(.7) contrast(1.15)}.bonus-card>div{padding:38px 32px;text-align:center;z-index:1}.bonus-card p{color:#c9aa70;line-height:1.5}.bonus-card h2{font:900 54px/.85 'Barlow Condensed';margin:12px 0;color:#fff}.bonus-card h2 span{display:block;color:#5cf0ad;text-shadow:0 0 20px #38d89066}.bonus-card strong{letter-spacing:4px;color:#ffd97d}.bonus-close{position:absolute;z-index:3;right:15px;top:15px;width:38px;height:38px;border-radius:50%;border:1px solid #dcb45e;background:#090b09;color:#ffe29a;font-size:24px}.bonus-start{margin-top:12px;padding:15px 20px;border:2px solid #e8c26d;border-radius:50px;background:linear-gradient(#65f5b5,#159b62);color:#07130d;font-weight:900;letter-spacing:1px}.bonus-start:focus-visible,.bonus-close:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:620px){.bonus-card{grid-template-columns:1fr}.bonus-card>img{height:210px;min-height:0;object-position:center 25%}.bonus-card>div{padding:22px 20px}.bonus-card h2{font-size:44px}}