@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--gold:#dfb867;--cream:#f5eddb;--teal:#123c38;--muted:#a9bbb2}*{box-sizing:border-box}body{margin:0;background:#0c2525;color:var(--cream);font:14px 'DM Sans',sans-serif;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff2b8;outline-offset:4px}button{transition:background .2s,transform .15s}button:active:not(:disabled){transform:translateY(2px)}.landscape{position:absolute;top:0;left:0;width:100%;height:930px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#42706980,transparent 50%),linear-gradient(#0d292d,#24433b 45%,#0c2525 90%);z-index:-1}.sun{width:290px;height:290px;border:1px solid #bca66a21;border-radius:50%;position:absolute;left:calc(50% - 145px);top:50px;box-shadow:0 0 100px #c6ae5533,inset 0 0 100px #b6aa4730}.mountain{position:absolute;top:245px;width:100%;height:370px;background:#355446;clip-path:polygon(0 40%,7% 48%,17% 22%,27% 43%,39% 15%,53% 50%,65% 8%,79% 49%,88% 20%,100% 48%,100% 100%,0 100%)}.near{top:350px;background:#183c34;transform:scaleX(-1);opacity:.8}.grass{position:absolute;bottom:0;width:100%;height:400px;background:linear-gradient(transparent,#0c2525 85%)}header{height:92px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b5c3a31a}.wordmark{font:900 30px Georgia,serif;letter-spacing:2px;text-decoration:none;color:var(--cream);display:flex;align-items:center;gap:10px}.wordmark span{font:10px 'DM Sans',sans-serif;letter-spacing:3px;border-left:1px solid #698175;padding-left:12px}.edition{color:#9aafa5;font-size:9px;letter-spacing:2px}.edition span{padding:0 18px;color:var(--gold)}.top-actions{display:flex;gap:12px}.top-actions button{background:transparent;border:1px solid #5d74685e;border-radius:30px;padding:10px 15px;font-size:11px}.top-actions button:hover{background:#41604d}.top-actions button span{margin-left:7px}main{max-width:1110px;padding:0 24px;margin:auto}.intro{text-align:center;padding:31px 0 24px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--gold);font-weight:700}.intro .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px}.eyebrow span{width:28px;height:1px;background:var(--gold)}h1{font:600 38px/1.12 'Playfair Display',Georgia,serif;letter-spacing:-1px;margin:12px 0}h1 br{display:none}h1 em{font-weight:500;color:#e7c783}p{line-height:1.65}.intro p{font-size:12px;color:#b7c4b8;margin:0}.machine{position:relative;background:linear-gradient(135deg,#203f37,#122f2d);border:1px solid #b99a56;border-radius:18px;box-shadow:0 22px 65px #0007,0 0 0 5px #162e27,0 0 0 6px #8b774b60;padding:0 24px}.machine-crown{display:flex;justify-content:center;align-items:center;gap:30px;padding:17px 0 11px;text-align:center}.small{font-size:8px;letter-spacing:3.8px;color:#c5b37d}h2{font:600 24px 'Playfair Display',Georgia,serif;letter-spacing:2px;margin:3px 0}.crown-star{font-size:25px;color:#dfba71}.feature-strip{display:flex;justify-content:center;gap:60px;padding:10px 0 13px;font-size:9px;letter-spacing:1.5px;color:#aab7a4}.feature-strip b{color:#edcd83;font-weight:600}.reel-frame{position:relative;border-radius:10px;background:linear-gradient(135deg,#e8c878,#9e7131 40%,#f5d796 70%,#8e682f);padding:5px;box-shadow:0 3px 15px #0007}.reels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-radius:6px;overflow:hidden;background:#173c35;border:2px solid #152821}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:2px;overflow:hidden}.cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:105px;background:radial-gradient(ellipse,#fff8e5,#e5dac0);color:#3c4a36;box-shadow:inset 0 0 15px #a1844623;overflow:hidden}.cell img{width:80px;height:74px;object-fit:contain;mix-blend-mode:multiply}.cell svg{width:80px;height:74px;filter:drop-shadow(0 3px 1px #a8864a50)}.cell small{font-size:8px;font-weight:800;letter-spacing:1px;margin-top:2px;text-align:center}.cell.wild{background:radial-gradient(ellipse,#e6ead6,#adbf9e)}.cell.bonus{background:radial-gradient(ellipse,#fae7ad,#d3b875)}.cell.hit{z-index:1;box-shadow:inset 0 0 0 3px #efbd47,inset 0 0 35px #f6bf3866;animation:glow 1s ease-in-out infinite alternate}.cell.hit:after{content:'✦';position:absolute;top:5px;right:7px;color:#9d6c12}.reel.rolling .cell{animation:roll .16s linear infinite;filter:blur(2px)}@keyframes roll{from{transform:translateY(-12%)}to{transform:translateY(12%)}}@keyframes glow{to{filter:brightness(1.15)}}.line-markers{position:absolute;left:-20px;height:100%;top:0;display:flex;flex-direction:column;justify-content:space-around}.line-markers i{font-style:normal;font-size:8px;border:1px solid #aa8d4f;border-radius:50%;width:14px;height:14px;text-align:center;color:#e4c680}.message-bar{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#d4d9bd;text-align:center}.status-dot{width:5px;height:5px;background:#d7b56a;border-radius:50%}#bonusTag{font-size:9px;color:#1c392a;background:#ecd080;border-radius:4px;padding:4px 7px;white-space:nowrap}.dashboard{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;align-items:center;padding:16px 0 21px;border-top:1px solid #79907830;gap:26px}.meter label,.bet-control label{display:block;color:#a6b7a5;font-size:9px;letter-spacing:1.9px;margin-bottom:7px}.meter strong{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}.meter small,.bet-control small{display:block;color:#849b8e;letter-spacing:1.4px;font-size:8px;margin-top:7px}.win{text-align:right}.win strong{color:#e9c77f}.bet-control{text-align:center}.bet-control>div{display:flex;align-items:center;justify-content:center;gap:20px}.bet-control button{background:#0b2925;border:1px solid #627c5e7a;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.bet-control output{font-size:23px;font-variant-numeric:tabular-nums}.spin{display:flex;justify-content:center;align-items:center;gap:25px;border:1px solid #f5df9c;border-radius:9px;background:linear-gradient(#f1d28a,#c9933d);box-shadow:0 5px 0 #8a632c,0 8px 16px #0005;color:#293827;height:65px;font-size:19px;font-weight:900;letter-spacing:3px}.spin:hover:not(:disabled){background:linear-gradient(#ffe6a4,#e6b458)}.spin b{font:35px Georgia}.machine-footer{border-top:1px solid #79907830;display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#819c8e;font-size:8px;letter-spacing:1.2px}.machine-footer button{border:0;background:transparent;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#a5b59d}.bottom-row{display:grid;grid-template-columns:1fr auto;gap:38px;margin:26px 0 25px}.bonus-card{display:flex;align-items:center;gap:19px;border:1px solid #67816b47;border-radius:10px;padding:17px 20px;background:#1a3730aa}.chopper{color:#e1bc72;border:1px solid #a78a4c55;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:25px}.bonus-card h3{font:20px 'Playfair Display',Georgia,serif;margin:0 0 4px}.bonus-card p{font-size:10px;line-height:1.6;margin:0;color:#91aa9c}.bonus-card strong{font-weight:500;color:#d6caa2}.bonus-card button{margin-left:auto;font-size:9px;white-space:nowrap;background:none;border:0;color:var(--gold)}.play-note{align-self:center}.play-note>span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#c0c6a8}.play-note p{font-size:10px;color:#8fa79b;line-height:1.7;margin:6px 0 0}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 4.2%;border-top:1px solid #51694d38;font-size:8px;color:#748f83;letter-spacing:1px}footer b{padding:0 12px;color:#b49c64}.celebration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#102d2aca;backdrop-filter:blur(3px);color:#ffe2a0;text-shadow:0 3px 15px #000;pointer-events:none;z-index:3;border-radius:10px}.celebration[hidden]{display:none}.celebration>span{font:24px Georgia;letter-spacing:5px}.celebration strong{font:700 70px Georgia}.celebration small{font-size:9px;letter-spacing:3px}dialog{background:#f2ecdc;color:#243e33;max-width:680px;width:calc(100% - 30px);border:1px solid #c49d4f;border-radius:16px;padding:28px;max-height:88dvh;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#071d1dcc;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{letter-spacing:0;font-size:30px}.modal-head .eyebrow{color:#8a6b30}.modal-head button{border:1px solid #aeb5a1;background:none;color:#20382e;width:32px;height:32px;border-radius:50%}dialog p{font-size:12px;color:#526354}#payrows{display:grid;gap:5px}.payrow{display:grid;grid-template-columns:1fr repeat(3,50px);gap:4px;border-bottom:1px solid #c3c7b5;padding:8px 0;font-size:11px}.payrow span:not(:first-child){text-align:right}.payrow:first-child{font-weight:bold;color:#866a2d}.rule-callout{background:#e3dfca;padding:15px;border-radius:8px}.rule-callout p{margin-bottom:0}.rule-callout b{font-size:14px}details{margin:18px 0}summary{font-size:12px;cursor:pointer}#lineDiagrams{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.diagram{font-size:9px;text-align:center}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:4px}.mini-grid i{height:8px;background:#ced0be}.mini-grid i.on{background:#a78335}
@media(min-width:1400px){main{max-width:1160px}.intro{padding:36px 0 30px}.cell{min-height:117px}.cell svg,.cell img{width:90px;height:82px}}
@media(max-width:760px){header{height:70px;padding:0 20px}.edition{display:none}.wordmark{font-size:25px}.top-actions{gap:6px}.top-actions button{font-size:10px;padding:9px 11px}.top-actions #sound span{display:none}main{padding:0 16px}.intro{padding:26px 0 23px}h1{font-size:32px}h1 br{display:block}.intro p{font-size:10px}.machine{padding:0 14px;border-radius:13px}.machine-crown{gap:16px;padding-top:14px}.machine-crown h2{font-size:20px}.feature-strip{gap:14px;font-size:7px;letter-spacing:.4px;padding:9px 0 13px}.small{font-size:7px}.cell{min-height:86px}.cell svg,.cell img{width:64px;height:60px}.cell small{font-size:6px;letter-spacing:.3px}.reels{gap:3px}.reel{gap:2px}.line-markers{left:-12px}.line-markers i{width:10px;height:10px;font-size:6px}.dashboard{gap:15px;grid-template-columns:1fr 1fr 1.2fr;padding:15px 0}.win{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #71856640;padding-top:12px}.win label,.win small{margin:0}.win strong{font-size:20px}.meter strong{font-size:24px}.meter label,.bet-control label{font-size:7px;letter-spacing:1px}.meter small,.bet-control small{font-size:6px;letter-spacing:.7px}.bet-control>div{gap:8px}.bet-control output{font-size:20px}.bet-control button{width:24px;height:24px}.spin{height:59px;gap:8px;font-size:16px;letter-spacing:1px}.spin b{font-size:28px}.message-bar{font-size:9px;padding:7px 0;min-height:40px}.machine-footer{font-size:6px;letter-spacing:.3px}.machine-footer button{font-size:8px}.bottom-row{grid-template-columns:1fr;gap:20px;margin:23px 0}.bonus-card{padding:15px;gap:12px}.bonus-card h3{font-size:18px}.bonus-card button{font-size:8px}.bonus-card p{font-size:9px}.chopper{width:33px;height:33px;flex-shrink:0}.play-note{text-align:center}.play-note p br{display:none}.play-note p{font-size:9px}.play-note span{font-size:7px}footer{padding:17px;flex-direction:column;align-items:center;gap:9px;font-size:7px}.celebration strong{font-size:52px}.celebration>span{font-size:19px}}
@media(max-width:420px){.cell{min-height:76px}.cell svg,.cell img{width:51px;height:53px}.cell small{font-size:5px}.machine{padding:0 10px}.machine-crown h2{font-size:17px}.crown-star{font-size:20px}.feature-strip{gap:10px;font-size:6px}.dashboard{gap:9px}.bonus-card{flex-wrap:wrap}.bonus-card button{margin-left:45px}.top-actions button{padding:8px}.intro .eyebrow{font-size:8px;letter-spacing:1.7px}.meter strong{font-size:21px}.line-markers{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px){h1 em{margin-left:.22em}.intro{padding:23px 0 20px}.cell{min-height:93px}.machine-crown{padding-top:13px}.dashboard{padding-top:12px;padding-bottom:16px}}
