.dgp-wrap{max-width:1180px;margin:24px auto;font-family:Arial,Helvetica,sans-serif;color:#fff}.dgp-sponsor-banner{margin:0 auto 14px;max-width:1080px;text-align:center;background:#fff;color:#222;border-radius:10px;overflow:hidden}.dgp-sponsor-banner img{display:block;width:100%;height:auto}.dgp-sponsor-banner a{color:inherit;text-decoration:none}.dgp-cabinet{position:relative;padding:18px;border-radius:34px;background:linear-gradient(90deg,#111 0,#4b4b4b 2%,#111 6%,#080808 50%,#111 94%,#4b4b4b 98%,#111 100%);border:4px solid #050505;box-shadow:0 18px 45px rgba(0,0,0,.55),inset 0 0 0 2px #777}.dgp-cabinet:before,.dgp-cabinet:after{content:"";position:absolute;top:8%;bottom:8%;width:8px;border-radius:10px;background:linear-gradient(#ddd,#555,#eee,#444)}.dgp-cabinet:before{left:4px}.dgp-cabinet:after{right:4px}.dgp-cabinet-marquee{display:grid;grid-template-columns:190px 1fr 190px;gap:16px;align-items:center;padding:12px 24px 15px;background:radial-gradient(circle at center,#233955,#050505 65%);border:2px solid #434343;border-radius:22px 22px 8px 8px;box-shadow:inset 0 0 28px #000}.dgp-logo-lockup{text-align:center;text-shadow:0 3px 0 #000}.dgp-small-brand{font-size:13px;font-weight:800;letter-spacing:2px;color:#b8d9ff;text-transform:uppercase}.dgp-logo-lockup h2{margin:0;font-size:clamp(38px,6vw,76px);line-height:.95;letter-spacing:-3px;font-style:italic;color:#d9ecff;-webkit-text-stroke:2px #173e71;text-shadow:0 3px 0 #07172d,0 0 14px #138cff}.dgp-logo-lockup h2 span{color:#ffc329;-webkit-text-stroke:2px #8f2700;text-shadow:0 3px 0 #5b1600,0 0 14px #ff3d00}.dgp-logo-lockup p{margin:8px 0 0;font-weight:900;letter-spacing:1px;color:#ffda3c;text-transform:uppercase}.dgp-meter{background:linear-gradient(#151515,#050505);border:2px solid #4d4d4d;border-radius:10px;padding:12px;text-align:center;box-shadow:inset 0 0 14px #000}.dgp-meter span,.dgp-console-meter span,.dgp-win-meter span{display:block;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#ddd}.dgp-meter strong{display:block;margin-top:5px;color:#ffdb2d;font-size:24px}.dgp-meter-right strong{font-size:15px;color:#54a6ff;text-transform:uppercase}.dgp-game-face{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:stretch;margin-top:10px}.dgp-payline-rail{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:8px 0}.dgp-payline-rail span{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;border:2px solid rgba(255,255,255,.55);font-weight:900;font-size:18px;box-shadow:0 2px 5px #000}.dgp-payline-rail span:nth-child(1),.dgp-payline-rail span:nth-child(9){background:#7f22c9}.dgp-payline-rail span:nth-child(2){background:#df2626}.dgp-payline-rail span:nth-child(3){background:#10a646}.dgp-payline-rail span:nth-child(4){background:#f08a00}.dgp-payline-rail span:nth-child(5){background:#1f68d6}.dgp-payline-rail span:nth-child(6){background:#d8bd00}.dgp-payline-rail span:nth-child(7){background:#00a5b8}.dgp-payline-rail span:nth-child(8){background:#d20a9a}.dgp-payline-rail span.dgp-line-active{animation:dgpRailPulse .7s infinite alternate;filter:brightness(1.6)}.dgp-reel-window{position:relative;overflow:hidden;border:5px solid #171717;border-radius:12px;background:#f7edd7;box-shadow:inset 0 0 18px rgba(68,38,0,.45),0 0 0 2px #777}.dgp-reels{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,minmax(105px,1fr));min-height:390px}.dgp-symbol{display:grid;place-items:center;background:linear-gradient(90deg,#f7edda,#fff9eb 50%,#ead9bb);border-right:3px solid #2a211a;border-bottom:2px solid rgba(90,60,25,.25);overflow:hidden}.dgp-symbol:nth-child(5n){border-right:0}.dgp-symbol span{font-size:clamp(48px,6vw,82px);filter:drop-shadow(0 4px 2px rgba(0,0,0,.25));transition:transform .2s,filter .2s}.dgp-symbol.dgp-spinning span{animation:dgpSpinBlur .16s linear infinite}.dgp-symbol.dgp-winner{background:radial-gradient(circle,#fffbd1,#ffd31d 72%,#f06b00)}.dgp-symbol.dgp-winner span{animation:dgpWinner .55s infinite alternate;filter:drop-shadow(0 0 12px #fff)}.dgp-line-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dgp-line-layer polyline{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #fff);animation:dgpLinePulse .75s infinite alternate}.dgp-feature-strip{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;background:linear-gradient(#171717,#050505);border:2px solid #333;color:#f1d578;font-size:13px;text-align:center;text-transform:uppercase}.dgp-console{display:grid;grid-template-columns:58px 1.2fr 1.2fr 1.6fr .8fr 1fr 190px;gap:8px;align-items:stretch;padding:12px;background:linear-gradient(#353535,#101010);border-top:2px solid #666;border-bottom:2px solid #000}.dgp-console button,.dgp-console-meter,.dgp-win-meter{border:2px solid #080808;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 3px #000}.dgp-sound-button{font-size:25px;background:linear-gradient(#444,#111);color:#fff}.dgp-console-meter,.dgp-win-meter{display:grid;place-items:center;background:linear-gradient(#151515,#050505);padding:8px;text-align:center}.dgp-console-meter strong{font-size:21px;color:#fff}.dgp-win-meter strong{font-size:36px;color:#ffd325;text-shadow:0 0 10px #ff9b00}.dgp-spin-button{background:linear-gradient(#79e64a,#1c9a18 55%,#0d6c0b);color:#fff;border:4px solid #0a4d0a!important;min-height:88px;text-shadow:0 3px 0 #195e16;cursor:pointer}.dgp-spin-button span{display:block;font-size:38px;font-weight:900;line-height:1}.dgp-spin-button small{font-size:12px;font-weight:800}.dgp-spin-button:hover{filter:brightness(1.12)}.dgp-spin-button:disabled{filter:grayscale(.7);cursor:wait}.dgp-lower-panel{display:grid;grid-template-columns:170px 170px 1fr auto;gap:10px;align-items:center;padding:11px 16px 14px;background:linear-gradient(#272727,#090909);border-radius:0 0 18px 18px}.dgp-info-button{padding:12px;background:linear-gradient(#4386ed,#173a9b);border:2px solid #081d5d;border-radius:7px;color:#fff;font-weight:900;cursor:pointer}.dgp-status{min-height:22px;text-align:center;font-weight:900;letter-spacing:1px;color:#fff}.dgp-version{font-size:11px;color:#999}.dgp-how-to,.dgp-leaderboard,.dgp-profile-card,.dgp-login-card{margin-top:24px;padding:22px;background:#fff;color:#222;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.12)}.dgp-paytable{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.dgp-paytable span{padding:10px;border-radius:7px;background:#f3f3f3}.dgp-leaderboard ol{padding-left:26px}.dgp-leaderboard li{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #ddd}.dgp-player-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dgp-player-summary div{padding:12px;background:#f1f1f1;border-radius:8px}.dgp-player-summary span{display:block;font-size:12px;text-transform:uppercase}.dgp-primary-link,.dgp-secondary-link{display:inline-block;padding:10px 15px;border-radius:7px;text-decoration:none;margin-right:7px}.dgp-primary-link{background:#1565c0;color:#fff}.dgp-secondary-link{background:#eee;color:#222}@keyframes dgpSpinBlur{0%{transform:translateY(-10px);filter:blur(2px)}50%{transform:translateY(10px);filter:blur(5px)}100%{transform:translateY(-10px);filter:blur(2px)}}@keyframes dgpWinner{to{transform:scale(1.12)}}@keyframes dgpLinePulse{to{opacity:.35}}@keyframes dgpRailPulse{to{transform:scale(1.18)}}@media(max-width:800px){.dgp-cabinet{padding:8px;border-radius:18px}.dgp-cabinet-marquee{grid-template-columns:1fr;padding:10px}.dgp-meter{display:none}.dgp-logo-lockup h2{font-size:48px}.dgp-logo-lockup p{font-size:11px}.dgp-game-face{grid-template-columns:26px 1fr 26px;gap:3px}.dgp-payline-rail span{width:23px;height:23px;font-size:12px;border-width:1px}.dgp-reels{grid-template-rows:repeat(3,minmax(72px,1fr));min-height:250px}.dgp-symbol span{font-size:42px}.dgp-console{grid-template-columns:repeat(3,1fr)}.dgp-sound-button,.dgp-console-meter:nth-of-type(1),.dgp-console-meter:nth-of-type(5){display:none}.dgp-spin-button{grid-column:1/-1;min-height:68px}.dgp-lower-panel{grid-template-columns:1fr 1fr}.dgp-status{grid-column:1/-1;order:-1}.dgp-version{display:none}.dgp-feature-strip{font-size:10px;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.dgp-symbol span{font-size:34px}.dgp-reels{min-height:215px}.dgp-logo-lockup h2{font-size:40px}.dgp-console-meter strong{font-size:17px}.dgp-win-meter strong{font-size:28px}} /* v0.0.4 wagering scoreboard */ .dgp-wager-console{grid-template-columns:58px 1.15fr 1.2fr 1.35fr 1fr 1.15fr 190px}.dgp-adjuster{display:grid;place-items:center;padding:7px;background:linear-gradient(#151515,#050505);border:2px solid #080808;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 3px #000}.dgp-adjuster>span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#ddd}.dgp-adjuster>div{display:grid;grid-template-columns:34px 1fr 34px;gap:5px;align-items:center;width:100%;margin-top:4px}.dgp-adjuster button{min-height:34px;border:1px solid #546782!important;border-radius:5px!important;background:linear-gradient(#41536d,#172233)!important;color:#fff;font-size:23px;font-weight:900;cursor:pointer}.dgp-adjuster strong{text-align:center;font-size:24px;color:#fff}.dgp-balance-meter strong{color:#ffd325}.dgp-line-disabled{opacity:.28;filter:grayscale(1)} @media(max-width:900px){.dgp-wager-console{grid-template-columns:repeat(3,1fr)}.dgp-wager-console .dgp-sound-button{display:none}.dgp-wager-console .dgp-spin-button{grid-column:1/-1}.dgp-adjuster strong{font-size:20px}} @media(max-width:520px){.dgp-wager-console{grid-template-columns:1fr 1fr}.dgp-balance-meter,.dgp-win-meter{grid-column:auto}.dgp-wager-console .dgp-spin-button{grid-column:1/-1}.dgp-adjuster>div{grid-template-columns:30px 1fr 30px}.dgp-feature-strip{padding:8px}} /* v0.0.5 premium Lucky Cod console */ .dgp-wager-console{position:relative;grid-template-columns:minmax(155px,1.15fr) minmax(155px,1.15fr) minmax(220px,1.6fr) minmax(150px,1fr) minmax(165px,1.1fr);gap:12px;padding:18px 20px;background:linear-gradient(180deg,#213f55 0,#0b2639 10%,#102f46 52%,#071825 100%);border:5px solid #171b1d;border-top-color:#9b6a2d;box-shadow:inset 0 0 0 2px #d9a652,inset 0 0 26px rgba(0,0,0,.85),0 4px 10px #000;border-radius:10px}.dgp-wager-console:before,.dgp-wager-console:after{content:"";position:absolute;left:9px;right:9px;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,#dfb15e 0 6px,#65411a 6px 11px);box-shadow:0 1px 2px #000}.dgp-wager-console:before{top:3px}.dgp-wager-console:after{bottom:3px}.dgp-control-block,.dgp-display-block{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px;padding:10px 12px 8px;border:3px solid #6c451e;border-radius:13px;background:linear-gradient(180deg,#4a321d 0,#21150d 12%,#100b08 100%);box-shadow:inset 0 0 0 2px #d3a04f,inset 0 0 16px #000,0 3px 5px #000;text-align:center}.dgp-control-label,.dgp-display-block>span{font-size:16px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px 2px #000}.dgp-control-row{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center;width:100%;margin:6px 0 2px}.dgp-control-row button{height:38px!important;min-height:0!important;padding:0!important;border:2px solid #8dc8ff!important;border-radius:8px!important;background:linear-gradient(#1888ef,#063b91 62%,#031e5d)!important;color:#fff!important;font-size:28px!important;line-height:30px!important;font-weight:900!important;box-shadow:inset 0 0 0 2px #052b76,0 2px 4px #000!important;cursor:pointer}.dgp-control-row button:hover{filter:brightness(1.22)}.dgp-control-row strong,.dgp-display-block strong{font-family:Arial Black,Arial,sans-serif;font-size:30px;line-height:1;color:#ffd64a;text-shadow:0 0 8px #ff8a00,0 2px 2px #000}.dgp-control-block small,.dgp-display-block small{color:#e7e0d2;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.dgp-spin-button{min-height:108px!important;border:5px solid #6f4300!important;border-radius:24px!important;background:radial-gradient(ellipse at 50% 20%,#aeff59 0,#45c329 35%,#08720b 72%,#034506 100%)!important;box-shadow:inset 0 0 0 3px #f4d468,inset 0 -12px 18px rgba(0,0,0,.35),0 4px 8px #000,0 0 12px rgba(80,255,45,.35)!important;color:#fff!important;text-shadow:0 4px 0 #195600,0 0 7px #000!important}.dgp-spin-button span{font-size:50px!important;letter-spacing:2px}.dgp-spin-button small{display:block;margin-top:4px;color:#fff;font-size:12px}.dgp-spin-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 3px #f4d468,inset 0 4px 18px rgba(0,0,0,.5),0 2px 3px #000!important}.dgp-win-block{display:none}.dgp-balance-block strong{color:#fff2a2}.dgp-total-bet-block strong{color:#ffca32}.dgp-feature-strip{border-left:4px solid #8b5b25;border-right:4px solid #8b5b25;background:linear-gradient(#3b2715,#120d08);box-shadow:inset 0 0 0 1px #d1a04c}.dgp-lower-panel{border:3px solid #5a3a1b;border-top:0;box-shadow:inset 0 0 0 1px #c89143}.dgp-machine{background-image:linear-gradient(90deg,#111 0,#4b4b4b 2%,#111 6%,transparent 12%,transparent 88%,#111 94%,#4b4b4b 98%,#111 100%),radial-gradient(circle at 50% 0,rgba(46,102,137,.4),transparent 42%)} @media(max-width:980px){.dgp-wager-console{grid-template-columns:1fr 1fr 1.35fr}.dgp-total-bet-block,.dgp-balance-block{min-height:82px}.dgp-total-bet-block{grid-column:1/2}.dgp-balance-block{grid-column:2/4}.dgp-spin-button{grid-row:1;grid-column:3;min-height:108px!important}} @media(max-width:650px){.dgp-wager-console{grid-template-columns:1fr 1fr;padding:15px 10px;gap:8px}.dgp-control-block{min-height:94px}.dgp-spin-button{grid-column:1/-1;grid-row:auto;min-height:86px!important}.dgp-spin-button span{font-size:42px!important}.dgp-total-bet-block,.dgp-balance-block{grid-column:auto;min-height:78px}.dgp-control-label,.dgp-display-block>span{font-size:13px}.dgp-control-row strong,.dgp-display-block strong{font-size:25px}} /* v0.0.6 fullscreen, win display and branded corner logo */ .dgp-lower-panel{grid-template-columns:170px 170px 170px minmax(220px,1fr) auto} .dgp-status{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 18px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:linear-gradient(#080808,#121212);color:transparent;text-shadow:none;transition:color .18s,box-shadow .18s,background .18s} .dgp-status:empty{border-color:transparent;background:transparent} .dgp-status-win{color:#ffe35a!important;background:radial-gradient(ellipse at center,#423400 0,#171100 72%,#080600 100%)!important;border-color:#8b6a00!important;font-family:Arial Black,Arial,sans-serif;font-size:clamp(18px,2vw,27px);letter-spacing:1.5px;text-shadow:0 0 9px #ff9d00,0 2px 2px #000!important;box-shadow:inset 0 0 12px rgba(255,190,0,.2),0 0 9px rgba(255,190,0,.18);animation:dgpWinMessage .65s ease-in-out infinite alternate} .dgp-status-error{color:#ffb4a8!important;background:#260704!important;border-color:#8e2218!important;font-size:13px;text-shadow:0 1px 1px #000!important} .dgp-fullscreen-button{display:flex;align-items:center;justify-content:center;gap:8px;padding-left:10px!important;padding-right:10px!important} .dgp-fullscreen-icon{font-size:23px;line-height:1}.dgp-fullscreen-label{white-space:nowrap}.dgp-fullscreen-active{background:linear-gradient(#ef7d43,#9c2d12)!important;border-color:#5a1607!important} .dgp-corner-logo{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:118px;padding:4px 2px;text-align:right;line-height:.95;transform:skew(-7deg)} .dgp-corner-logo span{font-family:Arial Black,Arial,sans-serif;font-size:21px;letter-spacing:2px;color:#e8edf5;text-shadow:0 2px 0 #000,0 0 7px #1b77da} .dgp-corner-logo strong{margin-top:3px;font-size:9px;letter-spacing:2px;color:#e7b546;text-shadow:0 1px 0 #000} .dgp-machine:fullscreen,.dgp-machine:-webkit-full-screen{width:100vw;height:100vh;max-width:none;margin:0;padding:clamp(8px,1.4vh,18px);border-radius:0;overflow:auto;box-sizing:border-box;background-color:#05080d} .dgp-machine:fullscreen .dgp-cabinet-marquee,.dgp-machine:-webkit-full-screen .dgp-cabinet-marquee{min-height:14vh} .dgp-machine:fullscreen .dgp-game-face,.dgp-machine:-webkit-full-screen .dgp-game-face{height:min(58vh,650px)} .dgp-machine:fullscreen .dgp-reel-window,.dgp-machine:-webkit-full-screen .dgp-reel-window{height:100%} .dgp-machine:fullscreen .dgp-reels,.dgp-machine:-webkit-full-screen .dgp-reels{height:100%;min-height:0} .dgp-machine:fullscreen .dgp-symbol span,.dgp-machine:-webkit-full-screen .dgp-symbol span{font-size:clamp(46px,7vh,96px)} @keyframes dgpWinMessage{to{filter:brightness(1.28);transform:scale(1.015)}} @media(max-width:980px){.dgp-lower-panel{grid-template-columns:1fr 1fr 1fr}.dgp-status{grid-column:1/3}.dgp-corner-logo{grid-column:3;align-items:center;text-align:center}} @media(max-width:700px){.dgp-lower-panel{grid-template-columns:1fr 1fr}.dgp-fullscreen-button{grid-column:1/-1}.dgp-status{grid-column:1/-1;min-height:34px}.dgp-corner-logo{grid-column:1/-1;align-items:center;text-align:center}.dgp-machine:fullscreen .dgp-game-face,.dgp-machine:-webkit-full-screen .dgp-game-face{height:auto}.dgp-machine:fullscreen,.dgp-machine:-webkit-full-screen{overflow-y:auto}} /* v0.0.7 expanding Wild reel celebration */ .dgp-symbol.dgp-expanded-wild{position:relative;background:radial-gradient(circle,#fffbd0 0,#ffd32a 42%,#bc6b00 100%);box-shadow:inset 0 0 22px rgba(255,255,255,.9),inset 0 0 45px rgba(255,164,0,.8);z-index:2} .dgp-symbol.dgp-expanded-wild span{animation:dgpExpandWild .42s ease-out both,dgpWildGlow .62s ease-in-out .42s infinite alternate;filter:drop-shadow(0 0 13px #fff) drop-shadow(0 0 20px #ffb000)} @keyframes dgpExpandWild{0%{transform:scale(.25) rotate(-18deg);opacity:.25}70%{transform:scale(1.22) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0)}} @keyframes dgpWildGlow{to{transform:scale(1.1);filter:drop-shadow(0 0 18px #fff) drop-shadow(0 0 28px #ff8a00)}} /* v0.0.8 in-page full screen, persistent win display, branding migration */ html.dgp-page-fullscreen, body.dgp-page-fullscreen{overflow:hidden!important;height:100%!important} .dgp-machine.dgp-theater-mode{ position:fixed!important;inset:0!important;z-index:2147483000!important; width:100vw!important;height:100vh!important;max-width:none!important; margin:0!important;padding:clamp(6px,1vh,14px)!important;border-radius:0!important; overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important; background-color:#05080d!important; } .dgp-machine.dgp-theater-mode .dgp-cabinet-marquee{min-height:clamp(105px,15vh,160px)} .dgp-machine.dgp-theater-mode .dgp-game-face{height:min(56vh,620px);min-height:330px;flex:none} .dgp-machine.dgp-theater-mode .dgp-reel-window, .dgp-machine.dgp-theater-mode .dgp-reels{height:100%;min-height:0} .dgp-machine.dgp-theater-mode .dgp-symbol span{font-size:clamp(44px,7vh,94px)} .dgp-machine.dgp-theater-mode .dgp-lower-panel{ display:grid!important;visibility:visible!important;position:relative!important;z-index:20!important; min-height:60px!important;grid-template-columns:170px 170px 190px minmax(260px,1fr) 130px!important; align-items:stretch!important; } .dgp-machine.dgp-theater-mode .dgp-status{ display:flex!important;visibility:visible!important;opacity:1!important;grid-column:4!important; min-width:240px!important;min-height:48px!important; } .dgp-machine.dgp-theater-mode .dgp-corner-logo{grid-column:5!important} .dgp-machine.dgp-theater-mode .dgp-fullscreen-button{grid-column:3!important} .dgp-status-win{display:flex!important;visibility:visible!important;opacity:1!important} @media(max-width:900px){ .dgp-machine.dgp-theater-mode .dgp-game-face{height:auto;min-height:330px} .dgp-machine.dgp-theater-mode .dgp-lower-panel{grid-template-columns:1fr 1fr 1fr!important} .dgp-machine.dgp-theater-mode .dgp-status{grid-column:1/3!important;order:2!important} .dgp-machine.dgp-theater-mode .dgp-corner-logo{grid-column:3!important;order:2!important} .dgp-machine.dgp-theater-mode .dgp-fullscreen-button{grid-column:auto!important} } @media(max-width:620px){ .dgp-machine.dgp-theater-mode .dgp-lower-panel{grid-template-columns:1fr 1fr!important} .dgp-machine.dgp-theater-mode .dgp-status{grid-column:1/-1!important;order:3!important} .dgp-machine.dgp-theater-mode .dgp-corner-logo{grid-column:1/-1!important;order:4!important} .dgp-machine.dgp-theater-mode .dgp-fullscreen-button{grid-column:1/-1!important} } /* v0.0.9 animated Wild and Magic Fisherman bonus */ .dgp-symbol[data-symbol="wild"] span,.dgp-paytable-wild{display:inline-block;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(30px,4.8vw,66px);font-weight:900;font-style:italic;letter-spacing:-2px;line-height:.9;color:#ffd83d;-webkit-text-stroke:2px #762100;text-shadow:0 3px 0 #6f1600,0 0 7px #fff,0 0 17px #ff8a00;transform:rotate(-5deg);animation:dgpCartoonWild 1s ease-in-out infinite alternate} .dgp-symbol[data-symbol="fisherman"] span{font-size:clamp(38px,5vw,68px);letter-spacing:-16px;filter:drop-shadow(0 4px 2px rgba(0,0,0,.3))} .dgp-bonus-meter{padding:5px 13px;border:2px solid #ffd83d;border-radius:999px;background:linear-gradient(#6d20b9,#2d075c);color:#fff!important;box-shadow:0 0 13px #bd55ff,inset 0 0 8px rgba(255,255,255,.45);animation:dgpBonusMeter .65s ease-in-out infinite alternate} .dgp-bonus-meter[hidden]{display:none!important}.dgp-bonus-meter span{color:#ffe650;font-size:1.15em}.dgp-status-bonus{color:#ffe54b!important;text-shadow:0 0 7px #ff8a00,0 0 15px #d309ff;animation:dgpBonusText .45s ease-in-out infinite alternate} .dgp-symbol.dgp-bonus-trigger{position:relative;background:radial-gradient(circle,#fff7a0,#8b29d4 63%,#25104a);z-index:3}.dgp-symbol.dgp-bonus-trigger span{animation:dgpFishermanMagic .55s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 22px #bd43ff)} .dgp-symbol.dgp-new-sticky-wild:after{content:"LOCKED";position:absolute;bottom:7px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:8px;background:#8d1ed0;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;box-shadow:0 0 8px #fff} .dgp-spin-button.dgp-bonus-spin{background:linear-gradient(#cf55ff,#7620bd 55%,#3c076f);border-color:#f1c4ff!important;box-shadow:0 0 17px #b931ff,inset 0 0 11px rgba(255,255,255,.5)} .dgp-control-row button:disabled{opacity:.45;cursor:not-allowed} @keyframes dgpCartoonWild{0%{transform:rotate(-7deg) scale(.95)}100%{transform:rotate(5deg) scale(1.08)}} @keyframes dgpBonusMeter{to{filter:brightness(1.35);transform:scale(1.025)}} @keyframes dgpBonusText{to{transform:scale(1.04);filter:brightness(1.35)}} @keyframes dgpFishermanMagic{to{transform:scale(1.18) rotate(3deg)}} @media(max-width:800px){.dgp-symbol[data-symbol="wild"] span{font-size:clamp(22px,6vw,42px);-webkit-text-stroke:1px #762100}.dgp-symbol[data-symbol="fisherman"] span{font-size:34px;letter-spacing:-12px}.dgp-bonus-meter{font-size:9px}} /* v0.0.10 slower reels and Magic Fisherman suspense tease */ .dgp-symbol.dgp-fisherman-tease{ position:relative;z-index:6; background:linear-gradient(90deg,#f7edda,#fff9eb 50%,#ead9bb); box-shadow:inset 0 0 0 5px #8b37e8,inset 0 0 28px #d761ff,0 0 18px 7px rgba(190,65,255,.9); animation:dgpFishermanReelTease .28s ease-in-out infinite alternate; } .dgp-symbol.dgp-fisherman-tease:after{ content:"MAGIC?";position:absolute;right:8px;top:7px;padding:3px 7px;border-radius:999px; background:linear-gradient(#f9e75f,#e18000);border:2px solid #fff;color:#431460; font:900 10px/1 Arial,sans-serif;letter-spacing:.8px;text-shadow:none; box-shadow:0 0 9px #fff,0 0 15px #c735ff; } .dgp-symbol.dgp-fisherman-tease-anchor{ position:relative;z-index:5;background:radial-gradient(circle,#fff6a0,#7730c9 70%,#241044); box-shadow:inset 0 0 20px rgba(255,255,255,.8),0 0 16px #bf42ff; } .dgp-symbol.dgp-fisherman-tease-anchor span{animation:dgpFishermanAnticipation .34s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 18px #ce4fff)} .dgp-machine.dgp-tease-active .dgp-spin-button{filter:brightness(.82);box-shadow:0 0 18px #b83cff,inset 0 0 12px rgba(255,255,255,.35)} @keyframes dgpFishermanReelTease{from{filter:brightness(.9)}to{filter:brightness(1.28);box-shadow:inset 0 0 0 7px #f4d04f,inset 0 0 36px #c13dff,0 0 27px 10px rgba(206,61,255,1)}} @keyframes dgpFishermanAnticipation{from{transform:scale(.96) rotate(-2deg)}to{transform:scale(1.13) rotate(2deg)}} @media(max-width:700px){.dgp-symbol.dgp-fisherman-tease:after{font-size:8px;right:3px;top:3px;padding:2px 4px}.dgp-symbol.dgp-fisherman-tease{box-shadow:inset 0 0 0 3px #8b37e8,inset 0 0 18px #d761ff,0 0 10px 4px rgba(190,65,255,.8)}} /* v0.0.11 continuous mechanical-style reel animation */ .dgp-reel-window{isolation:isolate} .dgp-reels{position:relative;z-index:1;transition:opacity .18s ease} .dgp-reels.dgp-final-grid-hidden{opacity:0} .dgp-spin-layer{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;background:#f7edd7;opacity:1;transition:opacity .22s ease;pointer-events:none} .dgp-spin-layer-fade{opacity:0} .dgp-spin-reel{position:relative;overflow:hidden;border-right:3px solid #2a211a;background:linear-gradient(90deg,#f7edda,#fff9eb 50%,#ead9bb);transform:translateZ(0)} .dgp-spin-reel:last-child{border-right:0} .dgp-spin-reel:before,.dgp-spin-reel:after{content:"";position:absolute;z-index:4;left:0;right:0;height:18%;pointer-events:none} .dgp-spin-reel:before{top:0;background:linear-gradient(rgba(68,38,0,.28),transparent)} .dgp-spin-reel:after{bottom:0;background:linear-gradient(transparent,rgba(68,38,0,.28))} .dgp-spin-strip{position:absolute;top:0;left:0;width:100%;will-change:transform;transform:translate3d(0,0,0)} .dgp-spin-strip-loop{height:600%;animation:dgpContinuousLoop .72s linear infinite} .dgp-spin-reel:nth-child(2) .dgp-spin-strip-loop{animation-duration:.68s}.dgp-spin-reel:nth-child(3) .dgp-spin-strip-loop{animation-duration:.75s}.dgp-spin-reel:nth-child(4) .dgp-spin-strip-loop{animation-duration:.70s}.dgp-spin-reel:nth-child(5) .dgp-spin-strip-loop{animation-duration:.77s} .dgp-strip-symbol{height:calc(var(--dgp-reel-window-height,390px)/3);min-height:130px;display:grid;place-items:center;border-bottom:2px solid rgba(90,60,25,.22);background:linear-gradient(90deg,#f7edda,#fff9eb 50%,#ead9bb);overflow:hidden} .dgp-strip-symbol span{font-size:clamp(48px,6vw,82px);filter:drop-shadow(0 4px 2px rgba(0,0,0,.25));transform:translateZ(0)} .dgp-spin-reel.dgp-reel-running:not(.dgp-reel-braking) .dgp-spin-strip:not(.dgp-spin-strip-loop){animation:dgpResultStripRun .55s linear infinite} .dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:blur(2.1px) drop-shadow(0 5px 2px rgba(0,0,0,.2));transform:scaleY(1.08)} .dgp-spin-reel.dgp-reel-braking .dgp-strip-symbol span{animation:dgpBrakeBlur .25s ease-out both} .dgp-spin-reel.dgp-reel-landed{animation:dgpReelLanding .22s ease-out} .dgp-spin-reel.dgp-reel-tease{z-index:5;box-shadow:inset 0 0 0 5px #8b37e8,inset 0 0 24px #d761ff,0 0 18px 7px rgba(190,65,255,.88);animation:dgpTeaseReelFrame .45s ease-in-out infinite alternate} .dgp-spin-reel.dgp-reel-tease:after{content:"MAGIC?";top:8px;bottom:auto;left:50%;right:auto;height:auto;transform:translateX(-50%);padding:5px 10px;border-radius:14px;background:#6420a0;color:#fff;font-size:11px;font-weight:900;letter-spacing:1px;box-shadow:0 0 12px #fff} .dgp-spin-layer [data-symbol="wild"] span{font-family:Impact,"Arial Black",sans-serif;font-weight:900;font-style:italic;letter-spacing:-2px;color:#ffd83d;-webkit-text-stroke:2px #762100;text-shadow:0 3px 0 #6f1600,0 0 7px #fff,0 0 17px #ff8a00} .dgp-spin-layer [data-symbol="fisherman"] span{font-size:clamp(38px,5vw,68px);letter-spacing:-16px} @keyframes dgpContinuousLoop{from{transform:translate3d(0,-33.333%,0)}to{transform:translate3d(0,0,0)}} @keyframes dgpResultStripRun{from{transform:translate3d(0,-58px,0)}to{transform:translate3d(0,0,0)}} @keyframes dgpBrakeBlur{from{filter:blur(2px) drop-shadow(0 5px 2px rgba(0,0,0,.2));transform:scaleY(1.08)}to{filter:blur(0) drop-shadow(0 4px 2px rgba(0,0,0,.25));transform:scaleY(1)}} @keyframes dgpReelLanding{0%{transform:translateY(-8px)}55%{transform:translateY(5px)}100%{transform:translateY(0)}} @keyframes dgpTeaseReelFrame{to{filter:brightness(1.2);box-shadow:inset 0 0 0 6px #ffd83d,inset 0 0 30px #d761ff,0 0 23px 9px rgba(255,207,50,.9)}} @media(max-width:800px){.dgp-strip-symbol{min-height:83.33px}.dgp-strip-symbol span{font-size:42px}.dgp-spin-layer [data-symbol="wild"] span{font-size:34px;-webkit-text-stroke:1px #762100}.dgp-spin-layer [data-symbol="fisherman"] span{font-size:34px;letter-spacing:-12px}} @media(max-width:480px){.dgp-strip-symbol{min-height:71.66px}.dgp-strip-symbol span{font-size:34px}} /* v0.0.12 bidirectional paylines and personal Cod progressive */ .dgp-cod-progressive{ display:grid;grid-template-columns:minmax(150px,.8fr) minmax(280px,1.5fr) minmax(260px,1.2fr); gap:14px;align-items:center;padding:11px 18px; background:linear-gradient(180deg,#102d4d,#071829 55%,#03101c); border-top:3px solid #d5a928;border-bottom:3px solid #06111e; color:#fff;box-shadow:inset 0 0 22px rgba(39,169,255,.18); } .dgp-cod-progressive-title{display:flex;flex-direction:column;text-align:center;text-transform:uppercase} .dgp-cod-progressive-title>span{font:900 13px/1.1 Arial,sans-serif;letter-spacing:1.5px;color:#8edfff} .dgp-cod-progressive-title strong{margin-top:5px;padding:7px 10px;border:2px solid #e1bd50;border-radius:8px;background:#020b13;color:#ffda4a;font:900 clamp(18px,2.2vw,30px)/1 Arial,sans-serif;text-shadow:0 0 9px #ff8a00;box-shadow:inset 0 0 12px rgba(255,203,48,.2),0 0 8px rgba(255,195,39,.25)} .dgp-cod-fish-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:7px 10px;border-radius:999px;background:linear-gradient(#06121e,#173753);border:2px solid #4f7290;box-shadow:inset 0 4px 10px rgba(0,0,0,.75)} .dgp-cod-fish{display:grid;place-items:center;min-height:48px;border-radius:50%;font-size:31px;filter:grayscale(1) brightness(.28);opacity:.5;background:radial-gradient(circle,#243644,#06111b 68%);border:2px solid #334d61;transition:filter .3s,opacity .3s,transform .3s,box-shadow .3s} .dgp-cod-fish.is-filled{filter:none;opacity:1;background:radial-gradient(circle,#efffff,#38aee1 48%,#075678 72%);border-color:#ffe460;box-shadow:0 0 10px #33c7ff,0 0 18px rgba(255,219,54,.65);text-shadow:0 0 8px #fff} .dgp-cod-progressive small{font:700 11px/1.35 Arial,sans-serif;color:#ccecff;text-align:center} .dgp-cod-fish.dgp-cod-pop{animation:dgpCodPop .7s ease both} .dgp-machine.dgp-cod-bonus-won .dgp-cod-progressive{animation:dgpCodBonusFlash .42s ease-in-out 5 alternate} @keyframes dgpCodPop{0%{transform:scale(.6) rotate(-12deg)}55%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1) rotate(0)}} @keyframes dgpCodBonusFlash{to{filter:brightness(1.65);box-shadow:inset 0 0 35px #ffdf43,0 0 22px #ffbd18}} .dgp-machine.dgp-theater-mode .dgp-cod-progressive{flex:none} @media(max-width:800px){.dgp-cod-progressive{grid-template-columns:1fr 1.5fr}.dgp-cod-progressive small{grid-column:1/-1}.dgp-cod-fish{min-height:40px;font-size:25px}} @media(max-width:520px){.dgp-cod-progressive{grid-template-columns:1fr;padding:9px}.dgp-cod-progressive small{grid-column:auto}.dgp-cod-fish{min-height:34px;font-size:21px}.dgp-cod-progressive-title strong{font-size:21px}} /* v0.0.13 reel performance */ .dgp-spin-layer{contain:layout paint style;transform:translateZ(0)} .dgp-spin-reel{contain:strict;backface-visibility:hidden;perspective:1000px} .dgp-spin-strip{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)} .dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:blur(1.15px);transform:translateZ(0) scaleY(1.035)} .dgp-spin-reel.dgp-reel-landed{animation:dgpReelLanding .16s ease-out} /* v0.0.15 desktop-mirrored mobile cabinet */ .dgp-machine-scaler{position:relative;width:100%;} @media(max-width:800px){ .dgp-wrap{max-width:100%;margin:12px auto;overflow:visible;} .dgp-machine-scaler{overflow:hidden;margin:0 auto;} .dgp-machine-scaler>.dgp-machine{ width:1140px!important;max-width:none!important;margin:0!important; transform-origin:top left;backface-visibility:hidden; } /* Restore the desktop cabinet arrangement before scaling it as one unit. */ .dgp-cabinet{padding:18px!important;border-radius:34px!important;} .dgp-cabinet-marquee{grid-template-columns:190px 1fr 190px!important;gap:16px!important;padding:12px 24px 15px!important;} .dgp-meter{display:block!important;} .dgp-logo-lockup h2{font-size:68px!important;} .dgp-logo-lockup p{font-size:14px!important;} .dgp-game-face{grid-template-columns:48px 1fr 48px!important;gap:8px!important;} .dgp-payline-rail span{width:36px!important;height:36px!important;font-size:18px!important;border-width:2px!important;} .dgp-reels{grid-template-rows:repeat(3,minmax(105px,1fr))!important;min-height:390px!important;} .dgp-symbol span{font-size:72px!important;} .dgp-symbol[data-symbol="wild"] span{font-size:52px!important;-webkit-text-stroke:2px #762100!important;} .dgp-symbol[data-symbol="fisherman"] span{font-size:58px!important;letter-spacing:-16px!important;} .dgp-feature-strip{padding:10px 18px!important;font-size:13px!important;flex-wrap:nowrap!important;justify-content:space-between!important;} .dgp-cod-progressive{grid-template-columns:minmax(150px,.8fr) minmax(280px,1.5fr) minmax(260px,1.2fr)!important;padding:11px 18px!important;} .dgp-cod-progressive small{grid-column:auto!important;} .dgp-cod-fish{min-height:48px!important;font-size:31px!important;} .dgp-wager-console{grid-template-columns:minmax(155px,1.15fr) minmax(155px,1.15fr) minmax(220px,1.55fr) minmax(140px,1fr) minmax(160px,1.1fr)!important;padding:16px!important;gap:10px!important;} .dgp-control-block,.dgp-total-bet-block,.dgp-balance-block{min-height:108px!important;grid-column:auto!important;} .dgp-spin-button{grid-column:auto!important;grid-row:auto!important;min-height:108px!important;} .dgp-spin-button span{font-size:48px!important;} .dgp-control-label,.dgp-display-block>span{font-size:14px!important;} .dgp-control-row strong,.dgp-display-block strong{font-size:30px!important;} .dgp-lower-panel{grid-template-columns:170px 170px 190px 1fr auto!important;gap:10px!important;} .dgp-fullscreen-button,.dgp-status,.dgp-corner-logo{grid-column:auto!important;order:initial!important;} .dgp-corner-logo{align-items:flex-end!important;text-align:right!important;} /* Mobile performance: keep the same visual behavior with less expensive blur work. */ .dgp-symbol.dgp-spinning span{animation:dgpMobileTileFlash .22s linear infinite!important;filter:none!important;will-change:transform,opacity;} } @keyframes dgpMobileTileFlash{0%{transform:scale(.96);opacity:.72}50%{transform:scale(1.02);opacity:1}100%{transform:scale(.96);opacity:.72}} /* v0.0.16 clearer win celebration: Wilds gold, ordinary winners blue */ .dgp-symbol.dgp-winner-blue{ background:radial-gradient(circle,#eefbff 0,#57c9ff 40%,#087bd5 76%,#03447f 100%)!important; box-shadow:inset 0 0 22px rgba(255,255,255,.95),inset 0 0 46px rgba(0,149,255,.9),0 0 15px rgba(0,174,255,.95); outline:3px solid #67d5ff;outline-offset:-4px; } .dgp-symbol.dgp-winner-blue span{ animation:dgpBlueWinner .55s ease-in-out infinite alternate!important; filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 17px #00a8ff)!important; } .dgp-symbol.dgp-winner-wild,.dgp-symbol.dgp-expanded-wild.dgp-winner{ background:radial-gradient(circle,#fffbd0 0,#ffd32a 42%,#bc6b00 100%)!important; box-shadow:inset 0 0 22px rgba(255,255,255,.95),inset 0 0 45px rgba(255,164,0,.9),0 0 15px rgba(255,190,0,.9)!important; outline:3px solid #ffe15b;outline-offset:-4px; } .dgp-symbol.dgp-winner-wild span{ animation:dgpWildWinner .5s ease-in-out infinite alternate!important; filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 20px #ffb000)!important; } @keyframes dgpBlueWinner{from{transform:scale(1)}to{transform:scale(1.1);filter:brightness(1.2)}} @keyframes dgpWildWinner{from{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(2deg)}} /* v0.0.17 animated flashing strokes across winning paylines */ .dgp-line-layer .dgp-win-line-glow{ fill:none; stroke-width:12; stroke-linecap:round; stroke-linejoin:round; opacity:.42; filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px #fff); animation:dgpWinLineGlow .55s ease-in-out infinite alternate; } .dgp-line-layer .dgp-win-line-flash{ fill:none; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:22 18; filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px currentColor); animation:dgpWinLineTravel .5s linear infinite,dgpWinLineBlink .3s ease-in-out infinite alternate; } @keyframes dgpWinLineTravel{to{stroke-dashoffset:-80}} @keyframes dgpWinLineBlink{from{opacity:.45}to{opacity:1}} @keyframes dgpWinLineGlow{from{opacity:.22;stroke-width:9}to{opacity:.62;stroke-width:14}} @media (prefers-reduced-motion:reduce){ .dgp-line-layer .dgp-win-line-glow,.dgp-line-layer .dgp-win-line-flash{animation:none} } /* ========================================================= v0.0.18 — Premium Lucky Cod visual system Original Newfoundland fishing-casino treatment. ========================================================= */ .dgp-premium-cabinet{ --dgp-brass:#f5c451; --dgp-deep-brass:#7b3d05; --dgp-ocean:#063b5b; --dgp-ocean-dark:#02131f; --dgp-rope:#d6a85b; overflow:hidden; padding:18px 20px 20px; border:5px solid #17100b; border-radius:38px; background: linear-gradient(90deg,rgba(255,255,255,.45),transparent 2%,transparent 98%,rgba(255,255,255,.35)), linear-gradient(115deg,#1b1b1b 0,#686868 2%,#121212 5%,#050505 48%,#161616 95%,#737373 98%,#181818 100%); box-shadow:0 25px 60px rgba(0,0,0,.62),inset 0 0 0 2px #a7a7a7,inset 0 0 34px #000; } .dgp-premium-cabinet:before,.dgp-premium-cabinet:after{z-index:7;width:10px;top:7%;bottom:7%;background:linear-gradient(90deg,#34200d,#f7d17b 35%,#6d3d11 66%,#241207);box-shadow:0 0 8px #000,inset 0 0 2px #fff2b1} .dgp-cabinet-scenery{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:31px;pointer-events:none;background: radial-gradient(circle at 83% 17%,rgba(255,196,76,.9) 0 3.5%,rgba(255,129,35,.35) 8%,transparent 18%), linear-gradient(180deg,#e54a19 0,#f58a29 19%,#176b85 41%,#073b57 62%,#021822 100%)} .dgp-cabinet-scenery:before{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:47%;opacity:.7;background: radial-gradient(ellipse at 18% 70%,#04151b 0 22%,transparent 23%), radial-gradient(ellipse at 78% 79%,#061c23 0 26%,transparent 27%), repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,rgba(111,209,225,.13) 19px 22px)} .dgp-cabinet-scenery:after{content:"";position:absolute;left:0;right:0;bottom:35%;height:13%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent);filter:blur(2px)} .dgp-scenery-lighthouse{position:absolute;left:2.7%;top:22%;width:34px;height:106px;background:repeating-linear-gradient(180deg,#f6efe4 0 20px,#c92927 20px 39px);clip-path:polygon(29% 0,71% 0,88% 100%,12% 100%);filter:drop-shadow(0 5px 5px #000);opacity:.75} .dgp-scenery-lighthouse:before{content:"";position:absolute;left:4px;right:4px;top:-15px;height:18px;border-radius:5px 5px 0 0;background:#242424;box-shadow:0 -5px 0 #d7e8e8} .dgp-scenery-boat{position:absolute;right:1.5%;bottom:19%;width:115px;height:38px;border-radius:4px 4px 65% 35%;background:linear-gradient(#f5f0e1 0 42%,#bf272b 43% 62%,#073b67 63%);transform:rotate(-4deg);filter:drop-shadow(0 7px 5px rgba(0,0,0,.7));opacity:.72} .dgp-scenery-boat:before{content:"";position:absolute;left:37px;top:-35px;width:45px;height:37px;background:#f4f0dc;border:3px solid #16394a;border-radius:3px;box-shadow:15px 3px 0 -6px #fff} .dgp-scenery-boat:after{content:"";position:absolute;left:57px;top:-59px;width:4px;height:30px;background:#2c231c} .dgp-premium-cabinet>*:not(.dgp-cabinet-scenery){position:relative;z-index:2} .dgp-premium-cabinet .dgp-cabinet-marquee{ margin:0 54px 10px; padding:13px 26px 16px; border:4px solid #5c2c05; border-radius:24px 24px 11px 11px; background: linear-gradient(rgba(255,255,255,.08),transparent 30%), repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 4px,rgba(0,0,0,.045) 4px 8px), linear-gradient(180deg,#0d5c83,#052f4b 55%,#031824); box-shadow:0 0 0 3px #d19a3b,0 8px 15px rgba(0,0,0,.75),inset 0 0 28px rgba(0,0,0,.75),inset 0 2px 0 #63b4d1; } .dgp-premium-cabinet .dgp-logo-lockup h2{ font-family:Georgia,"Times New Roman",serif; font-size:clamp(45px,6.5vw,86px); font-style:italic; font-weight:900; letter-spacing:-5px; color:#fff1a8; -webkit-text-stroke:2px #713405; text-shadow:0 3px 0 #4c2100,0 6px 0 #1a0a00,0 0 12px #ffc548,0 0 28px rgba(255,154,30,.75); } .dgp-premium-cabinet .dgp-logo-lockup h2 span{color:#ffb52c;-webkit-text-stroke:2px #7c1d00;text-shadow:0 3px 0 #6e1f00,0 6px 0 #250800,0 0 16px #ff6b00} .dgp-premium-cabinet .dgp-small-brand{color:#eefcff;text-shadow:0 2px 2px #001c2e;letter-spacing:2.8px} .dgp-premium-cabinet .dgp-logo-lockup p{color:#ffe064;text-shadow:0 2px 0 #462400,0 0 6px #ff9c00;font-size:14px} .dgp-premium-cabinet .dgp-meter{border:3px solid #8a581f;background:linear-gradient(#26170b,#0b0704);box-shadow:0 0 0 2px #e7b95d,inset 0 0 16px #000,0 5px 9px #000} .dgp-premium-feature-plaque{ display:grid;grid-template-columns:auto auto 1fr;align-items:center;justify-content:center;gap:10px; width:min(760px,82%);margin:0 auto -4px;padding:8px 18px 10px; border:3px solid #6a3508;border-radius:14px 14px 4px 4px; background:linear-gradient(#6b3714,#321704 52%,#160a02); box-shadow:0 0 0 2px #d7a44b,0 6px 12px #000,inset 0 2px 0 rgba(255,255,255,.22); color:#ffd65c;text-align:center;text-transform:uppercase;text-shadow:0 2px 0 #000; } .dgp-premium-feature-plaque .dgp-plaque-kicker{font-size:13px;font-weight:900;letter-spacing:1px} .dgp-premium-feature-plaque strong{font-size:18px;color:#fff6c1} .dgp-premium-feature-plaque .dgp-plaque-detail{font-size:11px;color:#ffd980} .dgp-premium-cabinet .dgp-game-face{margin-top:9px;grid-template-columns:52px 1fr 52px;gap:5px} .dgp-premium-cabinet .dgp-reel-window{ border:7px solid #4f2608;border-radius:8px; background:#f6e4ba; box-shadow:0 0 0 3px #d9a44f,0 10px 18px rgba(0,0,0,.75),inset 0 0 25px rgba(86,44,6,.5); } .dgp-premium-cabinet .dgp-reel-window:before,.dgp-premium-cabinet .dgp-reel-window:after{content:"";position:absolute;z-index:4;left:0;right:0;height:10%;pointer-events:none} .dgp-premium-cabinet .dgp-reel-window:before{top:0;background:linear-gradient(rgba(68,28,0,.38),transparent)} .dgp-premium-cabinet .dgp-reel-window:after{bottom:0;background:linear-gradient(transparent,rgba(68,28,0,.38))} .dgp-premium-cabinet .dgp-symbol{ position:relative; background:radial-gradient(ellipse at center,#fff9df 0,#f8e7bf 66%,#d9b77e 100%); border-right:4px solid #61330c;border-bottom:2px solid rgba(98,52,9,.3); box-shadow:inset 7px 0 12px rgba(255,255,255,.45),inset -7px 0 12px rgba(93,45,5,.13); } .dgp-premium-cabinet .dgp-symbol:before{content:"";position:absolute;inset:7px;border:1px solid rgba(107,57,10,.11);border-radius:8px;pointer-events:none} .dgp-premium-cabinet .dgp-symbol span{filter:drop-shadow(0 5px 2px rgba(55,26,4,.32)) saturate(1.13);transform:translateZ(0)} .dgp-premium-cabinet .dgp-payline-rail{padding:4px 0;border-radius:18px;background:linear-gradient(90deg,#0d1c23,#264b58,#0b171d);box-shadow:inset 0 0 8px #000,0 0 0 2px #6b390d} .dgp-premium-cabinet .dgp-payline-rail span{width:38px;height:38px;border:2px solid #ffe39c;box-shadow:0 2px 5px #000,inset 0 2px 1px rgba(255,255,255,.45);text-shadow:0 2px 1px #000} .dgp-premium-cabinet .dgp-feature-strip{ margin:7px 4px 0;border:3px solid #5c2d09;border-radius:5px; background:linear-gradient(#653718,#281304 55%,#140902); box-shadow:0 0 0 2px #c58e38,inset 0 2px 0 rgba(255,255,255,.18); color:#ffd76a; } .dgp-premium-cabinet .dgp-cod-progressive{ margin:8px 4px 0;border:3px solid #5e2e08;border-radius:13px; background:linear-gradient(180deg,rgba(6,57,78,.97),rgba(2,21,34,.98)); box-shadow:0 0 0 2px #d29b43,inset 0 0 24px rgba(0,0,0,.7),0 6px 12px rgba(0,0,0,.65); } .dgp-premium-cabinet .dgp-cod-fish-meter{border-color:#b77f29;background:linear-gradient(#071b25,#061017);box-shadow:inset 0 4px 12px #000,0 0 0 1px #f0c66d} .dgp-premium-cabinet .dgp-wager-console{ margin:8px 4px 0;padding:12px 14px; border:3px solid #5b2b07;border-radius:15px 15px 7px 7px; background:linear-gradient(180deg,#084f70,#042b43 45%,#031722); box-shadow:0 0 0 2px #dbad54,inset 0 0 22px #000,0 7px 14px rgba(0,0,0,.68); } .dgp-premium-cabinet .dgp-control-block,.dgp-premium-cabinet .dgp-display-block{ border:3px solid #75400d!important;border-radius:11px!important; background:linear-gradient(#3b210f,#120a05 58%,#060402)!important; box-shadow:0 0 0 2px #d9a54d,inset 0 0 14px #000,0 5px 8px #000!important; } .dgp-premium-cabinet .dgp-control-label,.dgp-premium-cabinet .dgp-display-block>span{color:#fff1c1;text-shadow:0 2px 0 #000} .dgp-premium-cabinet .dgp-control-row strong,.dgp-premium-cabinet .dgp-display-block strong{color:#ffd542;text-shadow:0 0 9px #ff8a00,0 2px 0 #5b2300} .dgp-premium-cabinet .dgp-control-row button{ border:2px solid #75c9ff!important;border-radius:7px!important; background:linear-gradient(#288af0,#174db0 58%,#082a75)!important; box-shadow:inset 0 2px 0 rgba(255,255,255,.48),0 3px 0 #031c52,0 0 8px rgba(57,159,255,.45)!important; } .dgp-premium-cabinet .dgp-spin-button{ border:4px solid #f4ce65!important;border-radius:18px!important; background:radial-gradient(ellipse at 50% 18%,#8cff62,#21b41f 43%,#08750b 75%,#043c04)!important; box-shadow:0 0 0 4px #71400b,inset 0 5px 4px rgba(255,255,255,.38),inset 0 -8px 12px rgba(0,0,0,.38),0 8px 0 #3a2108,0 10px 17px #000,0 0 14px rgba(91,255,58,.55)!important; text-shadow:0 4px 0 #075406,0 0 6px #fff!important; } .dgp-premium-cabinet .dgp-spin-button:hover{filter:brightness(1.13) saturate(1.08);transform:translateY(-1px)} .dgp-premium-cabinet .dgp-spin-button:active{transform:translateY(5px);box-shadow:0 0 0 4px #71400b,inset 0 5px 9px rgba(0,0,0,.3),0 3px 0 #3a2108!important} .dgp-premium-cabinet .dgp-spin-button span{font-family:Impact,"Arial Black",sans-serif;font-size:45px;letter-spacing:1px} .dgp-premium-cabinet .dgp-lower-panel{ margin:0 4px;padding:12px 14px 14px;border:3px solid #5a2a07;border-top:0;border-radius:0 0 16px 16px; background:linear-gradient(#082f44,#02131e 68%,#050505); box-shadow:0 0 0 2px #cf9842,inset 0 0 18px #000; } .dgp-premium-cabinet .dgp-info-button{ border:2px solid #79c1ff;border-radius:8px;background:linear-gradient(#3088ea,#154aaf 58%,#082768);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #041b4c;color:#fff;text-shadow:0 2px 0 #09235c } .dgp-premium-cabinet .dgp-status{border-radius:8px;background:linear-gradient(#160f06,#050302);box-shadow:inset 0 0 12px #000;color:#ffd545;text-shadow:0 0 8px #ff9b00} .dgp-premium-cabinet .dgp-corner-logo{padding:5px 9px;border-radius:7px;background:linear-gradient(#143e55,#061923);border:1px solid #a57b35;box-shadow:inset 0 0 8px #000} .dgp-premium-cabinet .dgp-symbol.dgp-winner-blue{background:radial-gradient(circle,#eaffff 0,#47cfff 52%,#075ab2 100%)!important;box-shadow:inset 0 0 0 5px #64eaff,inset 0 0 25px #fff,0 0 16px #28c8ff;z-index:3} .dgp-premium-cabinet .dgp-symbol.dgp-winner-wild,.dgp-premium-cabinet .dgp-symbol.dgp-expanded-wild.dgp-winner{background:radial-gradient(circle,#fffbd0,#ffc51c 55%,#d95a00)!important;box-shadow:inset 0 0 0 5px #fff36a,inset 0 0 25px #fff,0 0 18px #ffbc00;z-index:4} .dgp-premium-cabinet .dgp-line-layer .dgp-win-line-flash{stroke-width:9;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px currentColor)} @media(max-width:800px){ .dgp-premium-feature-plaque{width:82%!important;grid-template-columns:auto auto 1fr!important;padding:8px 18px 10px!important} .dgp-premium-cabinet .dgp-cabinet-marquee{margin:0 54px 10px!important} .dgp-premium-cabinet .dgp-game-face{grid-template-columns:52px 1fr 52px!important;gap:5px!important} .dgp-premium-cabinet .dgp-payline-rail span{width:38px!important;height:38px!important;font-size:18px!important} } @media(prefers-reduced-motion:reduce){.dgp-premium-cabinet .dgp-spin-button:hover{transform:none}} /* v0.0.19 — compact professional player scoreboard */ .dgp-hidden-game-value{display:none!important} .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{ display:grid!important; grid-template-columns:minmax(260px,1.05fr) minmax(250px,1.25fr) minmax(210px,.9fr) 118px!important; align-items:center!important; gap:16px!important; min-height:116px!important; padding:12px 18px!important; background:linear-gradient(180deg,#07111b 0,#050a10 45%,#020406 100%)!important; border:4px solid #171a1d!important; border-top-color:#7e8a93!important; border-bottom-color:#050607!important; box-shadow:inset 0 1px 0 #d7e0e5,inset 0 -1px 0 #646d74,inset 0 0 24px #000,0 5px 12px rgba(0,0,0,.75)!important; } .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console:before, .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console:after{display:none!important} .dgp-compact-wager,.dgp-number-display{ position:relative; min-width:0; height:74px; display:grid; align-items:center; border:3px solid #606871; border-radius:8px; background:linear-gradient(180deg,#282e34 0,#0a0d10 12%,#030405 82%,#181d21 100%); box-shadow:inset 0 0 0 2px #050607,inset 0 0 15px #000,0 2px 0 #000; } .dgp-compact-wager{grid-template-columns:44px 1fr 44px;padding:5px 7px 17px} .dgp-compact-wager>span,.dgp-number-display>span{ position:absolute; left:0;right:0;bottom:2px; text-align:center; color:#f5f5f5; font-family:Arial Black,Arial,sans-serif; font-size:11px; line-height:1; letter-spacing:1.4px; text-transform:uppercase; text-shadow:0 1px 2px #000; } .dgp-compact-wager strong,.dgp-number-display strong{ display:flex; align-items:center; justify-content:center; min-width:0; height:42px; color:#f3ff52!important; font-family:"Arial Black",Arial,sans-serif!important; font-size:30px!important; line-height:1!important; letter-spacing:1px; text-shadow:0 0 8px rgba(226,255,40,.72),0 2px 2px #000!important; font-variant-numeric:tabular-nums; } .dgp-compact-wager button{ width:38px!important;height:38px!important;min-height:0!important;padding:0!important; border:2px solid #79848e!important;border-radius:5px!important; background:linear-gradient(180deg,#353c42,#12171b 55%,#050708)!important; color:#f4ff4f!important;font-size:27px!important;font-weight:900!important;line-height:30px!important; box-shadow:inset 0 1px 0 #bfc7cc,inset 0 -3px 5px #000,0 2px 2px #000!important; cursor:pointer } .dgp-compact-wager button:hover:not(:disabled){filter:brightness(1.3)} .dgp-compact-wager button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #000!important} .dgp-compact-wager button:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(1)} .dgp-number-display{padding:6px 13px 17px} .dgp-win-display strong{color:#f6ff6a!important} .dgp-win-display strong:empty:before{content:""} .dgp-balance-display strong{color:#f6ff6a!important} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin{ position:relative!important; width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important; justify-self:center!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; padding:0!important; border:7px solid #c8d0d5!important; border-radius:50%!important; background: radial-gradient(circle at 35% 22%,rgba(255,255,255,.92) 0 5%,rgba(255,255,255,.3) 6% 16%,transparent 17%), radial-gradient(circle at 50% 42%,#f9ff91 0,#b9df20 28%,#72a500 57%,#2f5c00 79%,#153000 100%)!important; color:#fff!important; box-shadow: inset 0 0 0 5px #7d8b92, inset 0 0 0 8px rgba(255,255,255,.38), inset 0 -13px 18px rgba(0,0,0,.42), 0 0 0 3px #1a1e21, 0 5px 0 #050607, 0 7px 13px #000, 0 0 18px rgba(179,238,31,.35)!important; text-shadow:0 2px 3px #203500!important; overflow:hidden; cursor:pointer; transition:filter .16s ease,transform .08s ease,box-shadow .16s ease!important; } .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin:before{ content:"";position:absolute;left:18%;right:18%;top:9%;height:28%;border-radius:50%; background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.05));pointer-events:none } .dgp-round-spin .dgp-spin-arrow{position:relative;z-index:1;font-size:53px!important;line-height:.72!important;font-family:Arial,sans-serif!important;font-weight:900;letter-spacing:0!important} .dgp-round-spin small{position:relative;z-index:1;display:block!important;margin-top:8px!important;color:#fff!important;font-family:Arial Black,Arial,sans-serif;font-size:11px!important;letter-spacing:1.4px;text-shadow:0 1px 2px #173000} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin:hover:not(:disabled){filter:brightness(1.12) saturate(1.08);transform:translateY(-1px)} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 5px #7d8b92,inset 0 5px 18px rgba(0,0,0,.5),0 0 0 3px #1a1e21,0 2px 0 #050607,0 3px 7px #000!important} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin:disabled, .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin.dgp-spin-in-progress{ background: radial-gradient(circle at 35% 22%,rgba(255,255,255,.7) 0 5%,rgba(255,255,255,.18) 6% 16%,transparent 17%), radial-gradient(circle at 50% 42%,#d7dcdf 0,#9da4a8 32%,#62696d 62%,#30363a 82%,#181c1f 100%)!important; border-color:#a6adb1!important; filter:grayscale(1)!important; color:#e9ecee!important; cursor:wait!important; box-shadow:inset 0 0 0 5px #6f777c,inset 0 0 0 8px rgba(255,255,255,.2),inset 0 -13px 18px rgba(0,0,0,.4),0 0 0 3px #1a1e21,0 4px 0 #050607,0 6px 10px #000!important; transform:none!important } .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin.dgp-bonus-spin:not(:disabled){ background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.9) 0 5%,rgba(255,255,255,.25) 6% 16%,transparent 17%),radial-gradient(circle at 50% 42%,#f6b6ff 0,#be49ef 35%,#7420aa 65%,#310550 100%)!important; box-shadow:inset 0 0 0 5px #8f7b98,inset 0 0 0 8px rgba(255,255,255,.35),inset 0 -13px 18px rgba(0,0,0,.4),0 0 0 3px #1a1e21,0 5px 0 #050607,0 7px 13px #000,0 0 20px #bd36ff!important } @media(max-width:980px){ .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{grid-template-columns:minmax(260px,1.05fr) minmax(250px,1.25fr) minmax(210px,.9fr) 118px!important} } /* v0.0.20: show only the final total win and flash it after the line sequence. */ .dgp-win-display strong.dgp-total-win-flash{ animation:dgpTotalWinFlash .42s ease-in-out 4; transform-origin:center; } @keyframes dgpTotalWinFlash{ 0%,100%{opacity:1;transform:scale(1);filter:brightness(1);text-shadow:0 0 8px #ffb300,0 2px 2px #000} 50%{opacity:.35;transform:scale(1.12);filter:brightness(1.8);text-shadow:0 0 18px #fff,0 0 28px #ffd000,0 2px 2px #000} } @media(prefers-reduced-motion:reduce){ .dgp-win-display strong.dgp-total-win-flash{animation:none;filter:brightness(1.25)} } /* v0.0.21 native browser fullscreen restoration */ .dgp-machine:fullscreen, .dgp-machine:-webkit-full-screen{ position:relative!important; inset:auto!important; width:100vw!important; height:100vh!important; max-width:none!important; margin:0!important; transform:none!important; border-radius:0!important; overflow:auto!important; overscroll-behavior:contain; } .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{ display:grid!important; visibility:visible!important; opacity:1!important; } .dgp-machine:fullscreen .dgp-status, .dgp-machine:-webkit-full-screen .dgp-status{ display:flex!important; visibility:visible!important; opacity:1!important; } /* v0.0.22 — compact 3:2 cabinet and viewport-fitted native fullscreen */ .dgp-machine-stage{display:contents} .dgp-premium-cabinet{padding:10px 12px 12px;border-width:4px;border-radius:30px} .dgp-premium-cabinet .dgp-cabinet-marquee{margin:0 44px 5px;padding:7px 20px 8px;min-height:86px;border-width:3px} .dgp-premium-cabinet .dgp-logo-lockup h2{font-size:clamp(42px,5.5vw,68px);line-height:.88} .dgp-premium-cabinet .dgp-logo-lockup p{margin-top:4px;font-size:11px} .dgp-premium-cabinet .dgp-small-brand{font-size:10px} .dgp-premium-cabinet .dgp-meter{padding:7px 9px;border-width:2px} .dgp-premium-cabinet .dgp-meter strong{font-size:20px;margin-top:2px} .dgp-premium-cabinet .dgp-meter-right strong{font-size:13px} .dgp-premium-feature-plaque{width:min(700px,72%);margin:0 auto -3px;padding:4px 14px 5px;gap:7px;border-width:2px;border-radius:10px 10px 3px 3px} .dgp-premium-feature-plaque .dgp-plaque-kicker{font-size:10px} .dgp-premium-feature-plaque strong{font-size:14px} .dgp-premium-feature-plaque .dgp-plaque-detail{font-size:9px} .dgp-premium-cabinet .dgp-game-face{margin-top:5px;grid-template-columns:42px 1fr 42px;gap:4px} .dgp-premium-cabinet .dgp-reel-window{border-width:5px} .dgp-premium-cabinet .dgp-reels{grid-template-rows:repeat(3,minmax(84px,1fr));min-height:288px} .dgp-premium-cabinet .dgp-symbol span{font-size:clamp(42px,5.2vw,70px)} .dgp-premium-cabinet .dgp-payline-rail span{width:30px;height:30px;font-size:14px;border-width:1px} .dgp-premium-cabinet .dgp-feature-strip{margin:4px 3px 0;padding:5px 12px;border-width:2px;font-size:10px;line-height:1.1} .dgp-premium-cabinet .dgp-cod-progressive{display:grid;grid-template-columns:180px 1fr minmax(250px,1.4fr);align-items:center;gap:10px;margin:4px 3px 0;padding:5px 10px;border-width:2px;border-radius:8px} .dgp-premium-cabinet .dgp-cod-progressive-title{margin:0!important} .dgp-premium-cabinet .dgp-cod-progressive-title span{font-size:11px!important} .dgp-premium-cabinet .dgp-cod-progressive-title strong{font-size:16px!important} .dgp-premium-cabinet .dgp-cod-fish-meter{min-height:35px!important;padding:2px 8px!important} .dgp-premium-cabinet .dgp-cod-fish{font-size:24px!important} .dgp-premium-cabinet .dgp-cod-progressive>small{font-size:8px;line-height:1.15;text-align:left} .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{grid-template-columns:minmax(220px,1.05fr) minmax(185px,.85fr) minmax(185px,.85fr) 88px!important;gap:10px!important;min-height:76px!important;margin:4px 3px 0!important;padding:7px 12px!important;border-width:3px!important} .dgp-compact-wager,.dgp-number-display{height:54px;border-width:2px;border-radius:6px} .dgp-compact-wager{grid-template-columns:34px 1fr 34px;padding:3px 5px 13px} .dgp-compact-wager button{width:30px!important;height:30px!important;font-size:22px!important;line-height:24px!important} .dgp-compact-wager strong,.dgp-number-display strong{height:31px;font-size:24px!important} .dgp-compact-wager>span,.dgp-number-display>span{bottom:1px;font-size:9px} .dgp-number-display{padding:3px 9px 13px} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;border-width:5px!important} .dgp-round-spin .dgp-spin-arrow{font-size:38px!important} .dgp-round-spin small{margin-top:5px!important;font-size:8px!important} .dgp-premium-cabinet .dgp-lower-panel{grid-template-columns:125px 125px 145px 1fr auto;margin:0 3px;padding:6px 9px 7px;border-width:2px;border-top:0;gap:7px} .dgp-premium-cabinet .dgp-info-button{padding:7px 8px;font-size:11px;border-width:1px} .dgp-fullscreen-icon{font-size:17px} .dgp-premium-cabinet .dgp-status{min-height:28px;font-size:14px} .dgp-premium-cabinet .dgp-corner-logo{padding:3px 7px} .dgp-corner-logo span{font-size:14px!important}.dgp-corner-logo strong{font-size:7px!important} /* The fullscreen element is a clean viewport shell. The complete 3:2 cabinet is scaled as one unit. */ .dgp-machine:fullscreen,.dgp-machine:-webkit-full-screen{ display:flex!important;align-items:center!important;justify-content:center!important; width:100vw!important;height:100vh!important;max-width:none!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important; background:#020509!important;overflow:hidden!important;box-shadow:none!important; } .dgp-machine:fullscreen:before,.dgp-machine:fullscreen:after, .dgp-machine:-webkit-full-screen:before,.dgp-machine:-webkit-full-screen:after{display:none!important} .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ display:block!important;position:absolute!important;left:50%;top:50%; width:1180px!important;box-sizing:border-box; padding:10px 12px 12px;border:4px solid #17100b;border-radius:30px; background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 2%,transparent 98%,rgba(255,255,255,.35)),linear-gradient(115deg,#1b1b1b 0,#686868 2%,#121212 5%,#050505 48%,#161616 95%,#737373 98%,#181818 100%); box-shadow:0 20px 50px rgba(0,0,0,.8),inset 0 0 0 2px #a7a7a7,inset 0 0 34px #000; transform:translate(-50%,-50%) scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important;overflow:hidden!important; } .dgp-machine:fullscreen>.dgp-machine-stage>*:not(.dgp-cabinet-scenery), .dgp-machine:-webkit-full-screen>.dgp-machine-stage>*:not(.dgp-cabinet-scenery){position:relative;z-index:2} .dgp-machine:fullscreen>.dgp-machine-stage .dgp-cabinet-scenery, .dgp-machine:-webkit-full-screen>.dgp-machine-stage .dgp-cabinet-scenery{border-radius:24px} @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee{margin:0 44px 5px!important;padding:7px 20px 8px!important;grid-template-columns:190px 1fr 190px!important} .dgp-premium-feature-plaque{width:72%!important;padding:4px 14px 5px!important} .dgp-premium-cabinet .dgp-game-face{grid-template-columns:42px 1fr 42px!important;gap:4px!important} .dgp-premium-cabinet .dgp-payline-rail span{width:30px!important;height:30px!important;font-size:14px!important} .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{grid-template-columns:minmax(220px,1.05fr) minmax(185px,.85fr) minmax(185px,.85fr) 88px!important} .dgp-premium-cabinet .dgp-lower-panel{grid-template-columns:125px 125px 145px 1fr auto!important} } /* v0.0.24 — restored Lucky Cod identity and compact in-game settings screen */ .dgp-premium-cabinet .dgp-cabinet-marquee{ display:grid!important;visibility:visible!important;opacity:1!important; position:relative!important;z-index:8!important; } .dgp-premium-cabinet .dgp-logo-lockup{display:block!important;visibility:visible!important;opacity:1!important;text-align:center} .dgp-premium-cabinet .dgp-logo-lockup h2{display:block!important;margin:0!important;color:#f4f8ff!important;text-shadow:0 0 10px #5cb4ff,0 3px 0 #092650,0 6px 12px #000!important} .dgp-premium-cabinet .dgp-logo-lockup h2 span{color:#ff9b18!important;text-shadow:0 0 10px #ff9a17,0 3px 0 #7a2100,0 6px 12px #000!important} .dgp-premium-cabinet .dgp-logo-lockup p{display:block!important;color:#ffe33c!important;text-shadow:0 2px 2px #000!important} .dgp-premium-cabinet .dgp-small-brand{display:block!important;color:#8fd4ff!important;letter-spacing:2px!important} .dgp-minimal-lower-panel{grid-template-columns:42px 1fr auto!important;align-items:center!important;min-height:44px!important} .dgp-settings-button{ width:36px;height:36px;padding:0;border:2px solid #8ac8ff;border-radius:50%; background:radial-gradient(circle at 35% 28%,#8ce5ff,#176bc2 52%,#072a65 78%,#03122d); color:#fff;font-size:21px;line-height:1;cursor:pointer; box-shadow:inset 0 2px 2px rgba(255,255,255,.65),inset 0 -4px 8px rgba(0,0,0,.55),0 2px 0 #020a18,0 0 9px rgba(55,163,255,.45) } .dgp-settings-button:hover{filter:brightness(1.18)} .dgp-settings-button:active{transform:translateY(2px)} .dgp-settings-overlay[hidden]{display:none!important} .dgp-settings-overlay{ position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center; padding:4%;background:rgba(1,7,14,.82);backdrop-filter:blur(5px) } .dgp-settings-screen{ width:min(760px,88%);max-height:82%;overflow:auto;border:4px solid #bd8b32;border-radius:18px; background:linear-gradient(180deg,#123958,#061725 42%,#02090f);color:#fff; box-shadow:inset 0 0 0 2px #f4d477,inset 0 0 30px #000,0 15px 45px #000 } .dgp-settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:2px solid #956b26;background:linear-gradient(180deg,#1d5277,#071e31)} .dgp-settings-header small{display:block;color:#8dd9ff;font:800 10px/1 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase} .dgp-settings-header h3{margin:3px 0 0;color:#ffcf36;font:900 27px/1 Arial Black,Arial,sans-serif;text-shadow:0 2px 0 #6d2600} .dgp-settings-header button{width:34px;height:34px;padding:0;border:2px solid #a6c6dd;border-radius:50%;background:#101a22;color:#fff;font-size:25px;line-height:26px;cursor:pointer} .dgp-settings-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 14px;background:#030a10;border-bottom:1px solid #36536a} .dgp-settings-action{min-height:38px;border:2px solid #4675a0;border-radius:7px;background:linear-gradient(#2879d5,#0c387c);color:#fff;font:900 12px/1 Arial,sans-serif;letter-spacing:.5px;cursor:pointer} .dgp-settings-action.is-active{border-color:#ffe36b;background:linear-gradient(#db9b20,#7a3b05);box-shadow:0 0 10px rgba(255,199,40,.55)} .dgp-settings-content{padding:15px 18px 18px} .dgp-settings-pane{display:none}.dgp-settings-pane.is-active{display:block} .dgp-settings-pane h4{margin:0 0 12px;color:#ffda42;font:900 18px/1 Arial Black,Arial,sans-serif;text-transform:uppercase} .dgp-overlay-paytable{display:grid;grid-template-columns:1fr 1fr;gap:8px} .dgp-overlay-paytable>span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:8px 10px;border:1px solid #315b78;border-radius:7px;background:rgba(0,0,0,.35);font-size:18px} .dgp-overlay-paytable b{font-size:12px;color:#fff}.dgp-overlay-paytable strong{grid-column:2;font-size:11px;color:#9ee4ff} .dgp-settings-pane ul{margin:0;padding-left:22px;color:#e6f5ff;font:700 12px/1.55 Arial,sans-serif}.dgp-settings-pane li+li{margin-top:6px} .dgp-machine:fullscreen .dgp-settings-overlay,.dgp-machine:-webkit-full-screen .dgp-settings-overlay{position:absolute!important;inset:0!important} @media(max-width:800px){ .dgp-minimal-lower-panel{grid-template-columns:42px 1fr auto!important} .dgp-settings-screen{width:86%!important;max-height:78%!important} .dgp-overlay-paytable{grid-template-columns:1fr 1fr!important} } /* v0.0.25 — focused win presentation and simplified header */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-no-top-balance{ grid-template-columns:minmax(0,1fr) 190px!important; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-no-top-balance .dgp-logo-lockup{ grid-column:1; padding-left:190px; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-no-top-balance .dgp-meter-right{grid-column:2} .dgp-symbol.dgp-win-dim{opacity:.24;filter:saturate(.25) brightness(1.15);transition:opacity .18s ease,filter .18s ease} .dgp-symbol.dgp-win-dim.dgp-winner{opacity:1;filter:none} .dgp-premium-cabinet .dgp-symbol.dgp-winner-blue{ outline:4px solid #ff5a5a!important;outline-offset:-5px; box-shadow:inset 0 0 0 2px #fff,inset 0 0 20px rgba(255,255,255,.8),0 0 13px #ff4e4e!important; background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),linear-gradient(90deg,#f7edda,#fff9eb 50%,#ead9bb)!important; } .dgp-premium-cabinet .dgp-symbol.dgp-winner-wild,.dgp-premium-cabinet .dgp-symbol.dgp-expanded-wild.dgp-winner{ outline:4px solid #ffd637!important;outline-offset:-5px; } .dgp-reel-win-total[hidden]{display:none!important} .dgp-reel-win-total{ position:absolute;left:50%;top:50%;z-index:18;transform:translate(-50%,-50%) scale(.8); min-width:120px;padding:5px 18px;border:4px solid #101010;border-radius:12px; background:linear-gradient(180deg,#f5fbff,#a7d9ef 48%,#5da7c9 52%,#d8f4ff); color:#03131b;font:900 clamp(32px,5vw,64px)/1 Arial Black,Arial,sans-serif; text-align:center;text-shadow:0 2px 0 #fff,0 0 5px #fff; box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #2b6c89,0 5px 16px rgba(0,0,0,.7); opacity:0;pointer-events:none } .dgp-reel-win-total.is-visible{animation:dgpReelTotalPop .45s ease-out forwards,dgpReelTotalFlash .75s .45s ease-in-out 3 alternate} @keyframes dgpReelTotalPop{to{opacity:1;transform:translate(-50%,-50%) scale(1)}} @keyframes dgpReelTotalFlash{from{filter:brightness(1)}to{filter:brightness(1.45);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #2b6c89,0 0 25px #b9efff}} @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-no-top-balance{grid-template-columns:minmax(0,1fr) 190px!important} .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-no-top-balance .dgp-logo-lockup{padding-left:190px!important} } /* v0.0.26 — large background-free total win over the reel display */ .dgp-reel-win-total{ position:absolute!important; left:50%!important; top:50%!important; z-index:24!important; transform:translate(-50%,-50%) scale(.72)!important; min-width:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#38e8ff!important; font-family:"Arial Black",Impact,Arial,sans-serif!important; font-size:clamp(58px,9vw,116px)!important; font-weight:900!important; line-height:.9!important; letter-spacing:-3px!important; text-align:center!important; -webkit-text-stroke:3px #02070b; paint-order:stroke fill; text-shadow: 0 3px 0 #000, 0 0 2px #000, 0 0 10px rgba(255,255,255,.92), 0 0 24px rgba(26,215,255,.95)!important; box-shadow:none!important; filter:none!important; opacity:0; pointer-events:none; } .dgp-reel-win-total.is-visible{ animation:dgpReelTotalNumberPop .34s cubic-bezier(.2,.9,.25,1.35) forwards, dgpReelTotalNumberFlash .48s .34s ease-in-out 4 alternate!important; } @keyframes dgpReelTotalNumberPop{ 0%{opacity:0;transform:translate(-50%,-50%) scale(.55)} 100%{opacity:1;transform:translate(-50%,-50%) scale(1)} } @keyframes dgpReelTotalNumberFlash{ from{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)} to{opacity:.48;transform:translate(-50%,-50%) scale(1.08);filter:brightness(1.65)} } @media(max-width:700px){ .dgp-reel-win-total{ font-size:clamp(46px,10vw,82px)!important; -webkit-text-stroke:2px #02070b; letter-spacing:-2px!important; } } @media(prefers-reduced-motion:reduce){ .dgp-reel-win-total.is-visible{animation:none!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important} } /* v0.0.27 official Lucky Cod image logo */ .dgp-premium-cabinet .dgp-image-logo-lockup{ position:relative; display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; padding:0 12px; text-align:center; } .dgp-premium-cabinet .dgp-image-logo-lockup .dgp-small-brand{ position:absolute; top:2px; z-index:2; font-size:9px; letter-spacing:2.6px; text-shadow:0 2px 3px #00111f; } .dgp-premium-cabinet .dgp-lucky-cod-logo{ display:block; width:min(100%,560px); height:auto; max-height:78px; margin:1px auto -2px; object-fit:contain; filter:drop-shadow(0 4px 2px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(39,155,255,.24)); } .dgp-premium-cabinet .dgp-image-logo-lockup p{ margin:0; font-size:10px; line-height:1; letter-spacing:1.35px; } .dgp-machine:fullscreen .dgp-lucky-cod-logo, .dgp-machine:-webkit-full-screen .dgp-lucky-cod-logo{ width:min(100%,680px); max-height:94px; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-lucky-cod-logo{width:min(100%,500px);max-height:72px} .dgp-premium-cabinet .dgp-image-logo-lockup .dgp-small-brand{font-size:8px;top:1px} .dgp-premium-cabinet .dgp-image-logo-lockup p{font-size:9px} } /* v0.0.28 Logo Focus Edition */ .dgp-premium-cabinet .dgp-image-logo-lockup{ padding:0 8px; overflow:visible; } .dgp-premium-cabinet .dgp-lucky-cod-logo{ width:min(100%,760px); max-height:112px; margin:-8px auto -8px; filter:drop-shadow(0 5px 3px rgba(0,0,0,.72)) drop-shadow(0 0 16px rgba(44,164,255,.3)); } .dgp-premium-cabinet .dgp-image-logo-lockup p{ margin:0; font-size:10px; line-height:1; letter-spacing:1.45px; } .dgp-machine:fullscreen .dgp-lucky-cod-logo, .dgp-machine:-webkit-full-screen .dgp-lucky-cod-logo{ width:min(100%,900px); max-height:132px; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-lucky-cod-logo{ width:min(100%,680px); max-height:102px; margin:-7px auto -7px; } } /* v0.0.29 Interface Polish Edition */ .dgp-premium-cabinet .dgp-image-logo-lockup p{display:none!important} .dgp-premium-cabinet .dgp-image-logo-lockup{justify-content:center} .dgp-premium-cabinet .dgp-number-display strong{font-variant-numeric:tabular-nums} /* v0.0.30 Floating header and consolidated settings menu */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ position:relative; display:grid; grid-template-columns:88px minmax(0,1fr) 180px; align-items:center; gap:10px; min-height:112px; margin:0 42px -4px; padding:0 8px; overflow:visible; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-image-logo-lockup{grid-column:2;padding:0;overflow:visible} .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{width:min(100%,860px);max-height:132px;margin:-12px auto -8px} .dgp-header-settings{ position:relative; grid-column:1; justify-self:start; width:58px!important; height:58px!important; border:3px solid #d6a52b!important; border-radius:50%!important; background:radial-gradient(circle at 38% 30%,#baff42 0,#58a514 38%,#193505 72%,#071000 100%)!important; color:#eaff8c!important; font-size:29px!important; box-shadow:inset 0 0 0 4px rgba(0,0,0,.5),inset 0 3px 5px rgba(255,255,255,.45),0 4px 0 #422600,0 0 16px rgba(139,255,33,.42)!important; } .dgp-header-settings:hover{filter:brightness(1.18)} .dgp-header-settings:active{transform:translateY(2px)} .dgp-premium-cabinet .dgp-floating-level{ grid-column:3; justify-self:end; min-width:150px; padding:5px 8px; background:transparent!important; border:0!important; box-shadow:none!important; text-shadow:0 2px 4px #000,0 0 9px #00192d; } .dgp-premium-cabinet .dgp-floating-level span{font-size:11px;color:#fff} .dgp-premium-cabinet .dgp-floating-level strong{margin-top:3px;font-size:14px;color:#5ab2ff} .dgp-no-settings-footer{grid-template-columns:1fr auto!important;padding-top:5px!important;padding-bottom:7px!important} .dgp-settings-actions{grid-template-columns:repeat(4,1fr)!important} .dgp-audio-toggle.is-muted{border-color:#7b8791!important;background:linear-gradient(#58616a,#242a2f)!important;color:#d9dfe4!important;box-shadow:none!important} .dgp-audio-toggle .dgp-audio-icon{margin-right:4px} @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{grid-template-columns:72px minmax(0,1fr) 160px!important;margin:0 38px -4px!important;min-height:105px!important;padding:0 6px!important} .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{width:min(100%,760px);max-height:120px;margin:-10px auto -7px} .dgp-header-settings{width:52px!important;height:52px!important;font-size:25px!important} .dgp-premium-cabinet .dgp-floating-level{display:block!important;min-width:140px!important} .dgp-settings-actions{grid-template-columns:1fr 1fr!important} } /* v0.0.31 — fullscreen launch and exit-to-lobby controls */ .dgp-fullscreen-launch{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 34%,rgba(13,78,115,.92),rgba(0,8,15,.97) 68%);backdrop-filter:blur(5px);transition:opacity .24s ease,visibility .24s ease} .dgp-fullscreen-launch.is-launching,.dgp-fullscreen-launch.is-hidden{opacity:0;visibility:hidden;pointer-events:none} .dgp-fullscreen-launch-card{width:min(440px,88%);padding:25px 30px 22px;text-align:center;border:3px solid #d89d2a;border-radius:20px;background:linear-gradient(180deg,#103a58,#03111d);box-shadow:0 0 0 3px #080d12,0 18px 45px rgba(0,0,0,.7),inset 0 0 24px rgba(83,185,255,.25)} .dgp-fullscreen-launch-card img{display:block;width:min(330px,90%);height:auto;margin:0 auto 5px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.65))} .dgp-fullscreen-launch-card h2{margin:3px 0 7px;color:#ffcf32;font:900 25px/1 Arial Black,Arial,sans-serif;text-transform:uppercase;text-shadow:0 2px 0 #632500} .dgp-fullscreen-launch-card p{margin:0 0 17px;color:#dff4ff;font:700 13px/1.45 Arial,sans-serif} #dgp-enter-game{display:block;width:100%;min-height:53px;border:3px solid #e7fdc0;border-radius:27px;background:linear-gradient(#73e936,#159b10 56%,#087106);box-shadow:inset 0 4px 7px rgba(255,255,255,.55),0 0 18px rgba(89,255,55,.38),0 5px 0 #043d08;color:#fff;font:900 20px/1 Arial Black,Arial,sans-serif;letter-spacing:1px;text-shadow:0 2px 2px #064000;cursor:pointer} #dgp-enter-game:hover{filter:brightness(1.12)}#dgp-enter-game:active{transform:translateY(3px);box-shadow:inset 0 3px 8px rgba(0,0,0,.3),0 2px 0 #043d08} .dgp-launch-lobby{display:inline-block;margin-top:15px;color:#9edcff;font:800 11px/1 Arial,sans-serif;letter-spacing:.8px;text-decoration:none}.dgp-launch-lobby:hover{color:#fff;text-decoration:underline} .dgp-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px} .dgp-exit-lobby{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:0 12px;border:1px solid #b57417;border-radius:7px;background:linear-gradient(#53310b,#170e04);box-shadow:inset 0 1px 0 rgba(255,219,108,.42);color:#ffe069!important;font:900 10px/1 Arial,sans-serif;letter-spacing:.55px;text-decoration:none!important;white-space:nowrap} .dgp-exit-lobby:hover{filter:brightness(1.2);color:#fff!important} .dgp-no-settings-footer{grid-template-columns:1fr auto!important} @media(max-width:700px){.dgp-fullscreen-launch-card{padding:18px 20px 17px}.dgp-fullscreen-launch-card h2{font-size:20px}.dgp-footer-actions{gap:5px}.dgp-exit-lobby{padding:0 7px;font-size:8px}} /* v0.0.32 — reel-first fullscreen cabinet proportions */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ min-height:76px!important; margin:0 34px -2px!important; padding:0 6px!important; grid-template-columns:64px minmax(0,1fr) 142px!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{ width:min(100%,620px)!important; max-height:82px!important; margin:-5px auto -5px!important; } .dgp-header-settings{width:46px!important;height:46px!important;font-size:22px!important;border-width:2px!important} .dgp-premium-cabinet .dgp-floating-level{min-width:126px!important;padding:2px 5px!important} .dgp-premium-cabinet .dgp-floating-level span{font-size:9px!important} .dgp-premium-cabinet .dgp-floating-level strong{font-size:11px!important;margin-top:1px!important} .dgp-premium-feature-plaque{width:min(680px,70%)!important;margin:0 auto -3px!important;padding:3px 11px 4px!important;gap:6px!important} .dgp-premium-feature-plaque .dgp-plaque-kicker{font-size:8px!important} .dgp-premium-feature-plaque strong{font-size:11px!important} .dgp-premium-feature-plaque .dgp-plaque-detail{font-size:7px!important} .dgp-premium-cabinet .dgp-game-face{margin-top:3px!important;grid-template-columns:38px 1fr 38px!important;gap:3px!important} .dgp-premium-cabinet .dgp-reels{grid-template-rows:repeat(3,minmax(108px,1fr))!important;min-height:340px!important} .dgp-premium-cabinet .dgp-payline-rail span{width:27px!important;height:27px!important;font-size:12px!important} .dgp-premium-cabinet .dgp-feature-strip{margin-top:3px!important;padding:3px 9px!important;font-size:8px!important} .dgp-premium-cabinet .dgp-cod-progressive{grid-template-columns:150px 1fr minmax(220px,1.2fr)!important;gap:7px!important;margin-top:3px!important;padding:3px 8px!important} .dgp-premium-cabinet .dgp-cod-progressive-title span{font-size:9px!important} .dgp-premium-cabinet .dgp-cod-progressive-title strong{font-size:14px!important;padding:4px 7px!important;margin-top:2px!important} .dgp-premium-cabinet .dgp-cod-fish-meter{min-height:29px!important;padding:1px 7px!important} .dgp-premium-cabinet .dgp-cod-fish{min-height:28px!important;font-size:19px!important} .dgp-premium-cabinet .dgp-cod-progressive>small{font-size:7px!important} .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{min-height:62px!important;margin-top:3px!important;padding:4px 9px!important;grid-template-columns:minmax(210px,1.05fr) minmax(170px,.85fr) minmax(180px,.85fr) 66px!important;gap:7px!important} .dgp-compact-wager,.dgp-number-display{height:43px!important;padding-top:1px!important;padding-bottom:11px!important} .dgp-compact-wager strong,.dgp-number-display strong{height:25px!important;font-size:20px!important} .dgp-compact-wager button{width:25px!important;height:25px!important;font-size:18px!important;line-height:19px!important} .dgp-premium-cabinet .dgp-spin-button.dgp-round-spin{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-width:4px!important} .dgp-round-spin .dgp-spin-arrow{font-size:29px!important}.dgp-round-spin small{font-size:7px!important;margin-top:2px!important} .dgp-premium-cabinet .dgp-lower-panel{min-height:31px!important;margin:0 3px!important;padding:3px 7px 4px!important;gap:5px!important} .dgp-premium-cabinet .dgp-status{min-height:20px!important;font-size:11px!important} .dgp-exit-lobby{min-height:23px!important;padding:0 8px!important;font-size:8px!important} .dgp-premium-cabinet .dgp-corner-logo{padding:2px 6px!important}.dgp-corner-logo span{font-size:11px!important}.dgp-corner-logo strong{font-size:6px!important} /* Fullscreen uses a compact 1180 × 720 design canvas and enlarges it as one object. */ .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ width:1180px!important; height:720px!important; padding:8px 10px 9px!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; } .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header{ flex:0 0 70px!important;min-height:70px!important;max-height:70px!important; } .dgp-machine:fullscreen .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen .dgp-premium-feature-plaque{flex:0 0 24px!important;box-sizing:border-box} .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{flex:1 1 auto!important;height:auto!important;min-height:0!important} .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{height:100%!important;min-height:0!important} .dgp-machine:fullscreen .dgp-reels, .dgp-machine:-webkit-full-screen .dgp-reels{height:100%!important;min-height:0!important;grid-template-rows:repeat(3,1fr)!important} .dgp-machine:fullscreen .dgp-feature-strip, .dgp-machine:-webkit-full-screen .dgp-feature-strip{flex:0 0 25px!important;box-sizing:border-box} .dgp-machine:fullscreen .dgp-cod-progressive, .dgp-machine:-webkit-full-screen .dgp-cod-progressive{flex:0 0 49px!important;box-sizing:border-box} .dgp-machine:fullscreen .dgp-wager-console, .dgp-machine:-webkit-full-screen .dgp-wager-console{flex:0 0 62px!important;box-sizing:border-box} .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{flex:0 0 31px!important;box-sizing:border-box} @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{grid-template-columns:64px minmax(0,1fr) 142px!important;min-height:76px!important;margin:0 34px -2px!important} .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{width:min(100%,620px)!important;max-height:82px!important;margin:-5px auto -5px!important} .dgp-premium-cabinet .dgp-game-face{grid-template-columns:38px 1fr 38px!important;gap:3px!important} .dgp-premium-cabinet .dgp-payline-rail span{width:27px!important;height:27px!important;font-size:12px!important} } /* v0.0.33 — fullscreen reel-stage restoration Use explicit grid tracks so the reel stage can never collapse inside the fixed 1180 × 720 fullscreen canvas. */ .dgp-machine:fullscreen > .dgp-machine-stage, .dgp-machine:-webkit-full-screen > .dgp-machine-stage{ display:grid!important; grid-template-columns:1fr!important; grid-template-rows:68px 22px minmax(390px,1fr) 22px 47px 58px 29px!important; row-gap:3px!important; align-content:stretch!important; justify-content:stretch!important; height:720px!important; min-height:720px!important; max-height:720px!important; padding:8px 10px 9px!important; } .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:fullscreen .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen .dgp-premium-feature-plaque, .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face, .dgp-machine:fullscreen .dgp-feature-strip, .dgp-machine:-webkit-full-screen .dgp-feature-strip, .dgp-machine:fullscreen .dgp-cod-progressive, .dgp-machine:-webkit-full-screen .dgp-cod-progressive, .dgp-machine:fullscreen .dgp-wager-console, .dgp-machine:-webkit-full-screen .dgp-wager-console, .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{ min-height:0!important; max-height:none!important; height:auto!important; margin-top:0!important; margin-bottom:0!important; align-self:stretch!important; box-sizing:border-box!important; } .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header{grid-row:1!important;margin-left:34px!important;margin-right:34px!important} .dgp-machine:fullscreen .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen .dgp-premium-feature-plaque{grid-row:2!important} .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ grid-row:3!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) 38px!important; grid-template-rows:minmax(0,1fr)!important; gap:3px!important; overflow:visible!important; } .dgp-machine:fullscreen .dgp-payline-rail, .dgp-machine:-webkit-full-screen .dgp-payline-rail{height:100%!important;min-height:0!important;padding:2px 0!important} .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:390px!important; overflow:hidden!important; } .dgp-machine:fullscreen .dgp-reels, .dgp-machine:-webkit-full-screen .dgp-reels{ display:grid!important; width:100%!important; height:100%!important; min-height:390px!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; } .dgp-machine:fullscreen .dgp-symbol, .dgp-machine:-webkit-full-screen .dgp-symbol{min-width:0!important;min-height:0!important} .dgp-machine:fullscreen .dgp-feature-strip, .dgp-machine:-webkit-full-screen .dgp-feature-strip{grid-row:4!important} .dgp-machine:fullscreen .dgp-cod-progressive, .dgp-machine:-webkit-full-screen .dgp-cod-progressive{grid-row:5!important} .dgp-machine:fullscreen .dgp-wager-console, .dgp-machine:-webkit-full-screen .dgp-wager-console{grid-row:6!important} .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{grid-row:7!important} .dgp-machine:fullscreen .dgp-cabinet-scenery, .dgp-machine:-webkit-full-screen .dgp-cabinet-scenery{grid-row:1 / -1!important;grid-column:1!important} .dgp-machine:fullscreen .dgp-fullscreen-launch, .dgp-machine:-webkit-full-screen .dgp-fullscreen-launch, .dgp-machine:fullscreen .dgp-settings-overlay, .dgp-machine:-webkit-full-screen .dgp-settings-overlay{grid-row:1 / -1!important;grid-column:1!important} /* v0.0.34 — widescreen desktop cabinet Preserve the 720px design height while widening the complete cabinet and reel stage for modern desktop and laptop displays. */ .dgp-wrap{max-width:1360px} .dgp-sponsor-banner{max-width:1260px} .dgp-machine:fullscreen > .dgp-machine-stage, .dgp-machine:-webkit-full-screen > .dgp-machine-stage{ width:1360px!important; min-width:1360px!important; max-width:1360px!important; height:720px!important; min-height:720px!important; max-height:720px!important; } /* Let the central reels claim nearly all of the added horizontal room. */ .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ grid-template-columns:40px minmax(0,1fr) 40px!important; gap:4px!important; } .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header{ margin-left:38px!important; margin-right:38px!important; } /* Use the same wider presentation on large non-fullscreen desktop pages. */ @media(min-width:1200px){ .dgp-machine-stage{width:100%;max-width:1360px;margin-left:auto;margin-right:auto} .dgp-premium-cabinet .dgp-game-face{grid-template-columns:42px minmax(0,1fr) 42px!important} } /* v0.0.35 — true full-width foreground layout The scenery already fills the 1360 × 720 stage. Explicitly stretch every gameplay panel across that same stage so no inherited or grid sizing can leave the reels and scoreboard confined to the right side. */ .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-cabinet-marquee, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-cabinet-marquee, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-game-face, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-game-face, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-feature-strip, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-feature-strip, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-cod-progressive, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-cod-progressive, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-wager-console, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-wager-console, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-lower-panel, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-lower-panel{ grid-column:1 / -1!important; justify-self:stretch!important; width:auto!important; min-width:0!important; max-width:none!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Keep modest cabinet-side breathing room while allowing the reels to use almost the entire monitor width. */ .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-cabinet-marquee, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-cabinet-marquee{ margin-left:18px!important; margin-right:18px!important; } .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-game-face, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-game-face{ margin-left:2px!important; margin-right:2px!important; grid-template-columns:40px minmax(0,1fr) 40px!important; } .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-feature-strip, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-feature-strip, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-cod-progressive, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-cod-progressive, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-wager-console, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-wager-console, .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-lower-panel, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-lower-panel{ margin-left:2px!important; margin-right:2px!important; } /* The informational plaque intentionally stays compact and centred. */ .dgp-machine:fullscreen > .dgp-machine-stage > .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen > .dgp-machine-stage > .dgp-premium-feature-plaque{ grid-column:1!important; justify-self:center!important; width:min(760px,62%)!important; max-width:760px!important; margin-left:auto!important; margin-right:auto!important; } /* Match the full-width treatment on wide desktop pages outside fullscreen. */ @media(min-width:1200px){ .dgp-machine-stage > .dgp-game-face, .dgp-machine-stage > .dgp-feature-strip, .dgp-machine-stage > .dgp-cod-progressive, .dgp-machine-stage > .dgp-wager-console, .dgp-machine-stage > .dgp-lower-panel{ width:auto!important; max-width:none!important; margin-left:2px!important; margin-right:2px!important; } } /* v0.0.37 Premium generated-art asset skin */ .dgp-symbol span{width:100%;height:100%;display:grid;place-items:center} .dgp-premium-symbol{display:block;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(75,36,0,.3));transform:translateZ(0)} .dgp-symbol.dgp-spinning .dgp-premium-symbol{animation:dgpPremiumTileFlash .16s steps(2,end) infinite} @keyframes dgpPremiumTileFlash{0%{transform:scale(.86);opacity:.55}50%{transform:scale(1.04);opacity:1}100%{transform:scale(.9);opacity:.65}} .dgp-reel-window{border-color:#2b1603!important;box-shadow:0 0 0 4px #dfa529,0 0 0 7px #4c2703,inset 0 0 24px rgba(105,55,0,.42)!important} .dgp-symbol{background:radial-gradient(ellipse at 50% 42%,#fffaf0 0,#f9e8bd 68%,#e9c77c 100%)!important;border-color:#8b5622!important;box-shadow:inset 0 0 16px rgba(139,82,14,.16)} .dgp-symbol.dgp-winner-blue{background:radial-gradient(circle,#e6fbff,#9ddfff 58%,#2588da)!important} .dgp-symbol.dgp-winner-wild,.dgp-symbol.dgp-expanded-wild{background:radial-gradient(circle,#fffbd0,#ffd32a 42%,#bc6b00 100%)!important} .dgp-settings-button{font-size:0!important;background-image:url('../../games/lucky-cod/assets/images/settings-button.webp')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border:0!important;box-shadow:none!important} .dgp-settings-button span{display:none!important} .dgp-spin-button{font-size:0!important;background-image:url('../../games/lucky-cod/assets/images/spin-button.webp')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:transparent!important;border:0!important;box-shadow:none!important} .dgp-spin-button span,.dgp-spin-button small{visibility:hidden!important} .dgp-spin-button:disabled{filter:grayscale(1) brightness(.75)!important;opacity:.86} /* v0.0.38 — use the real playable cabinet, never the concept screenshot as a layer. */ .dgp-cabinet-scenery{ background: radial-gradient(circle at 83% 17%,rgba(255,196,76,.92) 0 3.5%,rgba(255,129,35,.38) 8%,transparent 18%), linear-gradient(180deg,#ef5017 0,#f68c28 20%,#176c86 42%,#073b57 63%,#021822 100%)!important; background-size:auto!important; background-position:center!important; opacity:1!important; filter:none!important; } .dgp-symbol span{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important} .dgp-premium-symbol{width:72%!important;height:72%!important;max-width:88%!important;max-height:88%!important;object-position:center!important;margin:auto!important} .dgp-premium-feature-plaque,.dgp-feature-strip,.dgp-cod-progressive,.dgp-wager-console{border-color:#d89519!important;box-shadow:inset 0 0 0 2px #5f3205,0 2px 5px rgba(0,0,0,.6)!important} .dgp-premium-feature-plaque{background:linear-gradient(#36200b,#090603)!important} .dgp-lucky-cod-logo{filter:drop-shadow(0 4px 2px rgba(0,0,0,.65));} /* ============================================================== DAWE GAME PLAYER 1.0 — CABINET RENDERER A clean presentation layer built around a centred square-tile 5x3 reel stage. The game engine and DOM hooks remain unchanged. ============================================================== */ :root{--dgp-stage-w:1360px;--dgp-stage-h:720px;--dgp-play-w:800px;--dgp-reels-w:700px;--dgp-reels-h:420px} .dgp-wrap{max-width:1360px!important;margin:0 auto!important} .dgp-machine.dgp-premium-cabinet{padding:0!important;border-radius:30px!important;overflow:hidden!important;background:#04151d!important;border:3px solid #080b0d!important;box-shadow:0 14px 38px rgba(0,0,0,.55),inset 0 0 0 3px #777!important} .dgp-machine-stage{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:72px 28px 420px 24px 55px 70px 24px!important;row-gap:3px!important;width:100%!important;max-width:1360px!important;height:720px!important;min-height:720px!important;padding:8px 12px 7px!important;box-sizing:border-box!important;align-content:start!important;overflow:hidden!important} .dgp-cabinet-scenery{position:absolute!important;inset:0!important;z-index:0!important;border-radius:27px!important;overflow:hidden!important;background:radial-gradient(circle at 83% 19%,#ffe37a 0 3.2%,rgba(255,169,56,.72) 6%,transparent 16%),linear-gradient(180deg,#e93514 0,#ff851f 25%,#16809d 52%,#034b69 70%,#011c2a 100%)!important} .dgp-cabinet-scenery:after{content:"";position:absolute;inset:54% 0 0;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 15px,rgba(108,214,244,.12) 17px 19px,transparent 21px 35px);opacity:.85} .dgp-scenery-lighthouse{left:48px!important;bottom:128px!important;transform:scale(.9)!important;transform-origin:bottom left!important} .dgp-scenery-boat{right:28px!important;bottom:112px!important;transform:scale(.9)!important;transform-origin:bottom right!important} .dgp-machine-stage>*:not(.dgp-cabinet-scenery):not(.dgp-fullscreen-launch):not(.dgp-settings-overlay){position:relative!important;z-index:2!important} /* Floating top bar */ .dgp-cabinet-marquee.dgp-floating-header{grid-row:1!important;display:grid!important;grid-template-columns:80px 1fr 190px!important;align-items:center!important;width:100%!important;height:72px!important;margin:0!important;padding:0 28px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important} .dgp-header-settings{justify-self:start!important;width:54px!important;height:54px!important} .dgp-image-logo-lockup{height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important} .dgp-lucky-cod-logo{width:auto!important;height:86px!important;max-width:330px!important;object-fit:contain!important;margin-top:7px!important;filter:drop-shadow(0 4px 2px rgba(0,0,0,.72))!important} .dgp-floating-level{justify-self:end!important;min-width:170px!important;padding:5px 10px!important;background:rgba(4,10,13,.52)!important;border:1px solid rgba(255,190,62,.75)!important;border-radius:11px!important;box-shadow:inset 0 0 12px rgba(0,0,0,.65)!important} .dgp-floating-level span{font-size:11px!important}.dgp-floating-level strong{font-size:15px!important;margin-top:2px!important} /* Feature plaque follows the narrower playfield */ .dgp-premium-feature-plaque{grid-row:2!important;justify-self:center!important;width:var(--dgp-play-w)!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0 18px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;border-radius:10px 10px 4px 4px!important;font-size:10px!important;line-height:1!important} .dgp-premium-feature-plaque strong{font-size:13px!important}.dgp-plaque-detail{font-size:9px!important} /* Central square-tile reel cabinet */ .dgp-game-face{grid-row:3!important;justify-self:center!important;width:var(--dgp-play-w)!important;height:420px!important;min-height:420px!important;margin:0!important;display:grid!important;grid-template-columns:46px var(--dgp-reels-w) 46px!important;gap:4px!important;align-items:stretch!important;box-sizing:border-box!important} .dgp-reel-window{width:var(--dgp-reels-w)!important;height:var(--dgp-reels-h)!important;min-height:var(--dgp-reels-h)!important;max-height:var(--dgp-reels-h)!important;border:4px solid #3a1b00!important;border-radius:10px!important;box-shadow:0 0 0 3px #e3a92d,0 0 0 6px #4c2703,inset 0 0 18px rgba(83,41,0,.38)!important;box-sizing:border-box!important} .dgp-reels{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:0!important} .dgp-symbol{min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;border-right:2px solid #8b5622!important;border-bottom:2px solid #b98546!important;box-sizing:border-box!important;background:radial-gradient(ellipse at 50% 40%,#fffdf4 0,#f8e8bf 72%,#e7c680 100%)!important} .dgp-symbol:nth-child(5n){border-right:0!important}.dgp-symbol:nth-child(n+11){border-bottom:0!important} .dgp-symbol span{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important} .dgp-symbol img,.dgp-premium-symbol{width:70%!important;height:70%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;margin:auto!important;filter:drop-shadow(0 6px 4px rgba(61,31,0,.32))!important} .dgp-payline-rail{height:420px!important;min-height:420px!important;padding:5px 0!important;border-radius:18px!important;background:linear-gradient(90deg,#06151c,#12303a,#06151c)!important;border:2px solid #1b0900!important;box-shadow:0 0 0 2px #b86d0b,inset 0 0 10px #000!important;box-sizing:border-box!important} .dgp-payline-rail span{width:31px!important;height:31px!important;font-size:15px!important;border-radius:8px!important} /* All panels align precisely to the reel cabinet width */ .dgp-feature-strip,.dgp-cod-progressive,.dgp-wager-console,.dgp-lower-panel{justify-self:center!important;width:var(--dgp-play-w)!important;max-width:var(--dgp-play-w)!important;margin:0!important;box-sizing:border-box!important} .dgp-feature-strip{grid-row:4!important;height:24px!important;min-height:24px!important;padding:0 12px!important;align-items:center!important;font-size:9px!important;border-radius:4px!important;overflow:hidden!important} .dgp-cod-progressive{grid-row:5!important;height:55px!important;min-height:55px!important;padding:4px 10px!important;display:grid!important;grid-template-columns:190px 310px 1fr!important;gap:8px!important;align-items:center!important;border-radius:8px!important} .dgp-cod-progressive-title{height:43px!important;padding:2px 8px!important}.dgp-cod-progressive-title span{font-size:12px!important}.dgp-cod-progressive-title strong{font-size:15px!important} .dgp-cod-fish-meter{height:38px!important}.dgp-cod-fish{font-size:25px!important}.dgp-cod-progressive small{font-size:8px!important;line-height:1.25!important} .dgp-wager-console{grid-row:6!important;height:70px!important;min-height:70px!important;padding:5px 7px!important;grid-template-columns:1.15fr .9fr 1.2fr 68px!important;gap:6px!important;border-radius:9px!important} .dgp-compact-wager,.dgp-number-display{min-height:58px!important;height:58px!important;padding:2px 8px!important;border-radius:8px!important} .dgp-compact-wager strong,.dgp-number-display strong{font-size:27px!important;line-height:1!important}.dgp-compact-wager span,.dgp-number-display span{font-size:10px!important} .dgp-compact-wager button{width:34px!important;height:34px!important;font-size:20px!important} .dgp-round-spin{width:64px!important;height:64px!important;min-height:64px!important;align-self:center!important} .dgp-lower-panel{grid-row:7!important;height:24px!important;min-height:24px!important;padding:1px 6px!important;border-radius:4px 4px 13px 13px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important} .dgp-status{min-height:15px!important;font-size:9px!important}.dgp-footer-actions{height:20px!important}.dgp-exit-lobby{font-size:8px!important;padding:3px 8px!important}.dgp-corner-logo{font-size:9px!important;padding:1px 8px!important} /* Native fullscreen: scale this exact intact 1360x720 canvas, never restyle it. */ .dgp-machine:fullscreen,.dgp-machine:-webkit-full-screen{background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:0!important} .dgp-machine:fullscreen>.dgp-machine-stage,.dgp-machine:-webkit-full-screen>.dgp-machine-stage{width:1360px!important;min-width:1360px!important;max-width:1360px!important;height:720px!important;min-height:720px!important;max-height:720px!important;transform:scale(var(--dgp-fullscreen-scale,1))!important;transform-origin:center center!important;flex:none!important} .dgp-machine:fullscreen .dgp-game-face,.dgp-machine:-webkit-full-screen .dgp-game-face{width:var(--dgp-play-w)!important;height:420px!important;min-height:420px!important;grid-template-columns:46px var(--dgp-reels-w) 46px!important} .dgp-machine:fullscreen .dgp-reel-window,.dgp-machine:-webkit-full-screen .dgp-reel-window{width:var(--dgp-reels-w)!important;height:420px!important;min-height:420px!important} .dgp-machine:fullscreen .dgp-reels,.dgp-machine:-webkit-full-screen .dgp-reels{height:100%!important;min-height:0!important;grid-template-rows:repeat(3,1fr)!important} .dgp-machine:fullscreen .dgp-feature-strip,.dgp-machine:-webkit-full-screen .dgp-feature-strip,.dgp-machine:fullscreen .dgp-cod-progressive,.dgp-machine:-webkit-full-screen .dgp-cod-progressive,.dgp-machine:fullscreen .dgp-wager-console,.dgp-machine:-webkit-full-screen .dgp-wager-console,.dgp-machine:fullscreen .dgp-lower-panel,.dgp-machine:-webkit-full-screen .dgp-lower-panel{width:var(--dgp-play-w)!important;max-width:var(--dgp-play-w)!important} /* Responsive: preserve the desktop composition by scaling it as one canvas. */ @media(max-width:1100px){.dgp-wrap{overflow:hidden!important}.dgp-machine-stage{transform-origin:top left!important}.dgp-machine-scaler{overflow:hidden!important}} /* ======================================================================== Dawe Game Player 1.0.1 — Illustrated Widescreen Cabinet - Wider central playfield without returning to edge-to-edge reels - Near-square reel cells - Real illustrated lighthouse and boat panel assets - Exact alignment of plaque, reels, bonus, scoreboard and footer ======================================================================== */ :root{ --dgp-stage-w:1360px; --dgp-stage-h:720px; --dgp-play-w:1030px; --dgp-reels-w:920px; --dgp-reels-h:462px; } .dgp-machine-stage{ grid-template-rows:70px 28px 462px 22px 52px 66px 20px!important; row-gap:2px!important; padding:6px 10px 6px!important; } /* Rich sunset ocean canvas behind the interactive cabinet. */ .dgp-cabinet-scenery{ background: radial-gradient(circle at 84% 30%,rgba(255,246,160,.95) 0 3.2%,rgba(255,174,57,.46) 8%,transparent 18%), linear-gradient(180deg,#b91d10 0%,#f04b18 14%,#ff8c25 35%,#176f8f 56%,#07516e 69%,#021d2c 100%)!important; } .dgp-cabinet-scenery:before{ content:""!important; position:absolute!important; inset:0!important; background: radial-gradient(ellipse at 13% 20%,rgba(255,180,75,.23),transparent 23%), radial-gradient(ellipse at 82% 21%,rgba(255,209,105,.2),transparent 24%), linear-gradient(180deg,transparent 0 51%,rgba(0,48,71,.08) 51% 100%)!important; pointer-events:none!important; } .dgp-cabinet-scenery:after{ content:""!important; position:absolute!important; inset:54% 0 0!important; background: repeating-radial-gradient(ellipse at 50% 125%,transparent 0 17px,rgba(119,222,247,.15) 19px 21px,transparent 23px 39px), linear-gradient(180deg,rgba(0,65,91,.12),rgba(0,20,32,.62))!important; opacity:1!important; } /* Replace primitive CSS drawings with the approved illustrated side panels. */ .dgp-scenery-lighthouse, .dgp-scenery-boat{ display:block!important; position:absolute!important; top:72px!important; bottom:auto!important; width:174px!important; height:570px!important; opacity:1!important; transform:none!important; filter:drop-shadow(0 7px 8px rgba(0,0,0,.42))!important; background-repeat:no-repeat!important; background-position:center!important; background-size:cover!important; border:0!important; border-radius:0!important; } .dgp-scenery-lighthouse{ left:0!important; background-image:url('../../games/lucky-cod/assets/images/lighthouse-panel.webp')!important; } .dgp-scenery-boat{ right:0!important; background-image:url('../../games/lucky-cod/assets/images/boat-panel.webp')!important; } .dgp-scenery-lighthouse:before,.dgp-scenery-lighthouse:after, .dgp-scenery-boat:before,.dgp-scenery-boat:after{display:none!important;content:none!important} /* Header uses the full stage, while gameplay aligns to the central cabinet. */ .dgp-cabinet-marquee.dgp-floating-header{ grid-row:1!important; height:70px!important; grid-template-columns:80px 1fr 180px!important; padding:0 28px!important; } .dgp-image-logo-lockup{height:70px!important} .dgp-lucky-cod-logo{height:92px!important;max-width:390px!important;margin-top:9px!important} .dgp-floating-level{min-width:162px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 2px 3px #000!important} .dgp-premium-feature-plaque{ grid-row:2!important; width:var(--dgp-play-w)!important; height:28px!important; } .dgp-game-face{ grid-row:3!important; width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reels-w) 51px!important; gap:4px!important; } .dgp-reel-window{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; border-radius:8px!important; } .dgp-reels{ grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; } .dgp-symbol{ aspect-ratio:auto!important; width:auto!important; height:auto!important; border-right:3px solid #8d561f!important; border-bottom:3px solid #b88543!important; background:radial-gradient(ellipse at 50% 39%,#fffef7 0%,#fff2cf 63%,#e9c985 100%)!important; } .dgp-symbol:before{inset:7px!important;border-color:rgba(142,87,24,.16)!important;border-radius:8px!important} .dgp-symbol img,.dgp-premium-symbol{ width:72%!important; height:72%!important; max-width:126px!important; max-height:126px!important; object-fit:contain!important; } .dgp-payline-rail{height:var(--dgp-reels-h)!important;min-height:var(--dgp-reels-h)!important} .dgp-payline-rail span{width:33px!important;height:33px!important;font-size:16px!important} .dgp-feature-strip,.dgp-cod-progressive,.dgp-wager-console,.dgp-lower-panel{ width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; } .dgp-feature-strip{grid-row:4!important;height:22px!important;min-height:22px!important} .dgp-cod-progressive{grid-row:5!important;height:52px!important;min-height:52px!important;grid-template-columns:205px 355px 1fr!important} .dgp-wager-console{grid-row:6!important;height:66px!important;min-height:66px!important;grid-template-columns:1.15fr .9fr 1.2fr 64px!important} .dgp-compact-wager,.dgp-number-display{height:55px!important;min-height:55px!important} .dgp-round-spin{width:61px!important;height:61px!important;min-width:61px!important;min-height:61px!important} .dgp-lower-panel{grid-row:7!important;height:20px!important;min-height:20px!important} /* Native fullscreen keeps this exact artwork and geometry intact. */ .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ width:1360px!important;min-width:1360px!important;max-width:1360px!important; height:720px!important;min-height:720px!important;max-height:720px!important; } .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reels-w) 51px!important; } .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; } @media(max-width:900px){ .dgp-scenery-lighthouse,.dgp-scenery-boat{display:block!important} } /* ======================================================================== Dawe Game Player 1.0.2 — Supplied Sunset Background Edition ======================================================================== */ :root{ --dgp-stage-w:1360px; --dgp-stage-h:720px; --dgp-play-w:1030px; --dgp-reels-w:920px; --dgp-reels-h:470px; } /* Six-row cabinet after removing the visible Cod Bonus panel. */ .dgp-machine-stage{ grid-template-rows:70px 28px 470px 22px 86px 24px!important; row-gap:2px!important; padding:5px 10px!important; } /* Use the exact user-supplied image as the complete fixed cabinet background. */ .dgp-cabinet-scenery{ inset:0!important; background-image:var(--dgp-game-background,url('../../games/lucky-cod/assets/images/backgrounds/lucky-cod-sunset.webp'))!important; background-position:center center!important; background-size:cover!important; background-repeat:no-repeat!important; opacity:1!important; } .dgp-cabinet-scenery:before, .dgp-cabinet-scenery:after{ display:none!important; content:none!important; } /* The lighthouse and boat are already painted into the supplied background. */ .dgp-scenery-lighthouse, .dgp-scenery-boat{ display:none!important; } /* Keep the playable cabinet centered over the open middle of the artwork. */ .dgp-cabinet-marquee.dgp-floating-header{grid-row:1!important} .dgp-premium-feature-plaque{grid-row:2!important} .dgp-game-face{ grid-row:3!important; width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reels-w) 51px!important; } .dgp-reel-window{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; } .dgp-payline-rail{ height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; } .dgp-feature-strip{ grid-row:4!important; width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:22px!important; min-height:22px!important; } /* Cod progressive remains in the engine but is intentionally hidden in 1.0.2. */ .dgp-cod-progressive{display:none!important} /* Give the primary scoreboard the space released by the removed bonus panel. */ .dgp-wager-console{ grid-row:5!important; width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:86px!important; min-height:86px!important; padding:8px 10px!important; grid-template-columns:1.15fr .9fr 1.2fr 74px!important; gap:8px!important; } .dgp-compact-wager, .dgp-number-display{ height:68px!important; min-height:68px!important; } .dgp-compact-wager strong, .dgp-number-display strong{font-size:32px!important} .dgp-round-spin{ width:70px!important; height:70px!important; min-width:70px!important; min-height:70px!important; } .dgp-lower-panel{ grid-row:6!important; width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:24px!important; min-height:24px!important; } /* Native fullscreen preserves this exact six-row 1360×720 composition. */ .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reels-w) 51px!important; } .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; } /* ======================================================================== Dawe Game Player 1.0.3 — Native Fullscreen Centering Fix The 1360×720 game stage is positioned at the true viewport centre and scaled as one intact canvas. This final override intentionally wins over legacy fullscreen rules retained for backwards compatibility. ======================================================================== */ .dgp-machine:fullscreen, .dgp-machine:-webkit-full-screen{ position:relative!important; width:100vw!important; height:100vh!important; min-width:100vw!important; min-height:100vh!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; display:block!important; overflow:hidden!important; background:#000!important; } .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ position:absolute!important; left:50%!important; top:50%!important; right:auto!important; bottom:auto!important; width:1360px!important; min-width:1360px!important; max-width:1360px!important; height:720px!important; min-height:720px!important; max-height:720px!important; margin:0!important; transform:translate(-50%,-50%) scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important; } /* ======================================================================== Dawe Game Player 1.0.4 — Fullscreen Geometry & Safe-Fit Correction Keeps the complete 1360×720 cabinet intact, attaches both payline rails directly to the reel window, and protects the scoreboard/footer from clip. ======================================================================== */ :root{ --dgp-reels-h:452px; } /* Use a little vertical breathing room inside the fixed 720px design canvas. */ .dgp-machine-stage{ grid-template-rows:66px 26px 452px 22px 80px 22px!important; row-gap:3px!important; padding:8px 10px!important; align-content:center!important; overflow:hidden!important; } /* Lock the playable face to one compact three-column grid. */ .dgp-game-face, .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ width:1030px!important; min-width:1030px!important; max-width:1030px!important; height:452px!important; min-height:452px!important; max-height:452px!important; display:grid!important; grid-template-columns:51px 920px 51px!important; grid-template-rows:452px!important; column-gap:4px!important; justify-self:center!important; align-self:center!important; justify-content:center!important; align-items:stretch!important; overflow:visible!important; } .dgp-game-face>.dgp-payline-left{grid-column:1!important;grid-row:1!important} .dgp-game-face>.dgp-reel-window{grid-column:2!important;grid-row:1!important} .dgp-game-face>.dgp-payline-right{grid-column:3!important;grid-row:1!important} .dgp-reel-window, .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{ width:920px!important; min-width:920px!important; max-width:920px!important; height:452px!important; min-height:452px!important; max-height:452px!important; box-sizing:border-box!important; } .dgp-payline-rail, .dgp-machine:fullscreen .dgp-payline-rail, .dgp-machine:-webkit-full-screen .dgp-payline-rail{ width:51px!important; min-width:51px!important; max-width:51px!important; height:452px!important; min-height:452px!important; max-height:452px!important; box-sizing:border-box!important; } /* Slightly slimmer lower controls so every label and button remains visible. */ .dgp-wager-console{ height:80px!important; min-height:80px!important; max-height:80px!important; padding:6px 10px!important; } .dgp-compact-wager,.dgp-number-display{ height:62px!important; min-height:62px!important; max-height:62px!important; } .dgp-round-spin{ width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; } .dgp-lower-panel{ height:22px!important; min-height:22px!important; max-height:22px!important; } /* True fullscreen shell with a small safe margin around the scaled canvas. */ .dgp-machine:fullscreen, .dgp-machine:-webkit-full-screen{ box-sizing:border-box!important; padding:8px!important; } .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ left:50%!important; top:50%!important; width:1360px!important; min-width:1360px!important; max-width:1360px!important; height:720px!important; min-height:720px!important; max-height:720px!important; transform:translate(-50%,-50%) scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important; overflow:hidden!important; } /* ======================================================================== Dawe Game Player 1.0.5 — Fullscreen Renderer Reset Final fullscreen rules deliberately neutralize legacy fullscreen geometry. The fixed 1360×720 stage is the only object scaled by the browser viewport. ======================================================================== */ .dgp-machine:fullscreen, .dgp-machine:-webkit-full-screen{ position:relative!important; inset:auto!important; width:100vw!important; height:100vh!important; min-width:100vw!important; min-height:100vh!important; max-width:100vw!important; max-height:100vh!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; display:block!important; overflow:hidden!important; background:#000!important; box-sizing:border-box!important; } .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ position:absolute!important; left:50%!important; top:50%!important; right:auto!important; bottom:auto!important; width:1360px!important; min-width:1360px!important; max-width:1360px!important; height:720px!important; min-height:720px!important; max-height:720px!important; margin:0!important; padding:8px 10px!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:76px 28px 430px 22px 78px 24px!important; row-gap:4px!important; align-content:center!important; overflow:hidden!important; box-sizing:border-box!important; transform:translate(-50%,-50%) scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important; } /* Keep the floating identity clear of the feature plaque. */ .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header{ grid-row:1!important; width:100%!important; height:76px!important; min-height:76px!important; margin:0!important; padding:0 28px!important; overflow:visible!important; } .dgp-machine:fullscreen .dgp-image-logo-lockup, .dgp-machine:-webkit-full-screen .dgp-image-logo-lockup{ height:76px!important; overflow:visible!important; } .dgp-machine:fullscreen .dgp-lucky-cod-logo, .dgp-machine:-webkit-full-screen .dgp-lucky-cod-logo{ height:76px!important; width:auto!important; margin:0!important; object-fit:contain!important; } .dgp-machine:fullscreen .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen .dgp-premium-feature-plaque{ grid-row:2!important; width:1030px!important; height:28px!important; min-height:28px!important; margin:0!important; align-self:center!important; justify-self:center!important; } /* One three-column reel cabinet; rails may never become absolute or drift. */ .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ grid-row:3!important; position:relative!important; inset:auto!important; width:1030px!important; min-width:1030px!important; max-width:1030px!important; height:430px!important; min-height:430px!important; max-height:430px!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns:51px 920px 51px!important; grid-template-rows:430px!important; column-gap:4px!important; justify-self:center!important; align-self:center!important; justify-content:center!important; align-items:stretch!important; overflow:visible!important; box-sizing:border-box!important; } .dgp-machine:fullscreen .dgp-game-face>.dgp-payline-left, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-payline-left, .dgp-machine:fullscreen .dgp-game-face>.dgp-payline-right, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-payline-right, .dgp-machine:fullscreen .dgp-game-face>.dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-reel-window{ position:relative!important; inset:auto!important; float:none!important; margin:0!important; transform:none!important; align-self:stretch!important; box-sizing:border-box!important; } .dgp-machine:fullscreen .dgp-game-face>.dgp-payline-left, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-payline-left{grid-column:1!important;grid-row:1!important} .dgp-machine:fullscreen .dgp-game-face>.dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-reel-window{grid-column:2!important;grid-row:1!important} .dgp-machine:fullscreen .dgp-game-face>.dgp-payline-right, .dgp-machine:-webkit-full-screen .dgp-game-face>.dgp-payline-right{grid-column:3!important;grid-row:1!important} .dgp-machine:fullscreen .dgp-payline-rail, .dgp-machine:-webkit-full-screen .dgp-payline-rail{ width:51px!important; min-width:51px!important; max-width:51px!important; height:430px!important; min-height:430px!important; max-height:430px!important; padding:5px 0!important; } .dgp-machine:fullscreen .dgp-reel-window, .dgp-machine:-webkit-full-screen .dgp-reel-window{ width:920px!important; min-width:920px!important; max-width:920px!important; height:430px!important; min-height:430px!important; max-height:430px!important; overflow:hidden!important; } .dgp-machine:fullscreen .dgp-reels, .dgp-machine:-webkit-full-screen .dgp-reels{ width:100%!important; height:100%!important; min-height:0!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; } .dgp-machine:fullscreen .dgp-feature-strip, .dgp-machine:-webkit-full-screen .dgp-feature-strip{ grid-row:4!important; width:1030px!important; max-width:1030px!important; height:22px!important; min-height:22px!important; margin:0!important; justify-self:center!important; } .dgp-machine:fullscreen .dgp-cod-progressive, .dgp-machine:-webkit-full-screen .dgp-cod-progressive{display:none!important} /* Scoreboard and footer remain fully inside their rows. */ .dgp-machine:fullscreen .dgp-wager-console, .dgp-machine:-webkit-full-screen .dgp-wager-console{ grid-row:5!important; width:1030px!important; max-width:1030px!important; height:78px!important; min-height:78px!important; max-height:78px!important; margin:0!important; padding:5px 8px!important; grid-template-columns:1.15fr .9fr 1.2fr 68px!important; gap:7px!important; justify-self:center!important; overflow:visible!important; box-sizing:border-box!important; } .dgp-machine:fullscreen .dgp-compact-wager, .dgp-machine:-webkit-full-screen .dgp-compact-wager, .dgp-machine:fullscreen .dgp-number-display, .dgp-machine:-webkit-full-screen .dgp-number-display{ height:66px!important; min-height:66px!important; max-height:66px!important; padding:3px 8px 2px!important; overflow:visible!important; box-sizing:border-box!important; } .dgp-machine:fullscreen .dgp-compact-wager strong, .dgp-machine:-webkit-full-screen .dgp-compact-wager strong, .dgp-machine:fullscreen .dgp-number-display strong, .dgp-machine:-webkit-full-screen .dgp-number-display strong{ font-size:30px!important; line-height:1!important; } .dgp-machine:fullscreen .dgp-compact-wager span, .dgp-machine:-webkit-full-screen .dgp-compact-wager span, .dgp-machine:fullscreen .dgp-number-display span, .dgp-machine:-webkit-full-screen .dgp-number-display span{ display:block!important; position:static!important; margin-top:2px!important; line-height:1!important; font-size:10px!important; } .dgp-machine:fullscreen .dgp-round-spin, .dgp-machine:-webkit-full-screen .dgp-round-spin{ width:66px!important; height:66px!important; min-width:66px!important; min-height:66px!important; max-width:66px!important; max-height:66px!important; align-self:center!important; } .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{ grid-row:6!important; width:1030px!important; max-width:1030px!important; height:24px!important; min-height:24px!important; max-height:24px!important; margin:0!important; padding:1px 6px!important; justify-self:center!important; overflow:hidden!important; box-sizing:border-box!important; } /* ======================================================================== Dawe Game Player 1.0.7 — Fullscreen Playfield Centering Regular view is unchanged. In native fullscreen, each central gameplay section is anchored to the exact horizontal centre of the 1360×720 stage. ======================================================================== */ .dgp-machine:fullscreen>.dgp-machine-stage, .dgp-machine:-webkit-full-screen>.dgp-machine-stage{ position:absolute!important; left:50%!important; top:50%!important; width:1360px!important; height:720px!important; display:block!important; padding:0!important; transform:translate(-50%,-50%) scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important; overflow:hidden!important; } .dgp-machine:fullscreen .dgp-cabinet-marquee.dgp-floating-header, .dgp-machine:-webkit-full-screen .dgp-cabinet-marquee.dgp-floating-header{ position:absolute!important; left:10px!important; right:10px!important; top:6px!important; width:auto!important; height:76px!important; margin:0!important; transform:none!important; } .dgp-machine:fullscreen .dgp-premium-feature-plaque, .dgp-machine:-webkit-full-screen .dgp-premium-feature-plaque{ position:absolute!important; left:50%!important; top:84px!important; width:1030px!important; height:28px!important; margin:0!important; transform:translateX(-50%)!important; } .dgp-machine:fullscreen .dgp-game-face, .dgp-machine:-webkit-full-screen .dgp-game-face{ position:absolute!important; left:50%!important; top:116px!important; width:1030px!important; min-width:1030px!important; max-width:1030px!important; height:430px!important; min-height:430px!important; max-height:430px!important; margin:0!important; transform:translateX(-50%)!important; grid-template-columns:51px 920px 51px!important; } .dgp-machine:fullscreen .dgp-feature-strip, .dgp-machine:-webkit-full-screen .dgp-feature-strip{ position:absolute!important; left:50%!important; top:550px!important; width:1030px!important; height:22px!important; margin:0!important; transform:translateX(-50%)!important; } .dgp-machine:fullscreen .dgp-wager-console, .dgp-machine:-webkit-full-screen .dgp-wager-console{ position:absolute!important; left:50%!important; top:576px!important; width:1030px!important; height:78px!important; margin:0!important; transform:translateX(-50%)!important; } .dgp-machine:fullscreen .dgp-lower-panel, .dgp-machine:-webkit-full-screen .dgp-lower-panel{ position:absolute!important; left:50%!important; top:658px!important; width:1030px!important; height:24px!important; margin:0!important; transform:translateX(-50%)!important; } .dgp-machine:fullscreen .dgp-settings-overlay, .dgp-machine:-webkit-full-screen .dgp-settings-overlay{ position:absolute!important; inset:0!important; transform:none!important; } /* ======================================================================== Dawe Game Player 1.0.7 — Isolated Fullscreen Viewport Fullscreen no longer targets .dgp-machine, avoiding all legacy fullscreen descendant overrides. The unchanged regular-view 1360×720 stage is moved into this clean viewport and scaled exactly once. ======================================================================== */ .dgp-fullscreen-shell{ width:100vw!important; height:100vh!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#000!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } .dgp-fullscreen-shell:fullscreen, .dgp-fullscreen-shell:-webkit-full-screen{ width:100vw!important; height:100vh!important; background:#000!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; } .dgp-fullscreen-shell>.dgp-machine-stage{ position:relative!important; inset:auto!important; flex:0 0 auto!important; width:1360px!important; min-width:1360px!important; max-width:1360px!important; height:720px!important; min-height:720px!important; max-height:720px!important; margin:0!important; transform:scale(var(--dgp-fullscreen-scale,1))!important; transform-origin:center center!important; overflow:hidden!important; } /* Suppress the launch card after entry but keep all game overlays available. */ .dgp-fullscreen-shell .dgp-fullscreen-launch.is-hidden{display:none!important} /* ======================================================================== Dawe Game Player 1.0.8 — Settings control moved beside Total Bet ======================================================================== */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ grid-template-columns:minmax(0,1fr) 180px!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-image-logo-lockup{ grid-column:1!important; } .dgp-premium-cabinet .dgp-floating-level{ grid-column:2!important; } .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{ grid-template-columns:54px minmax(210px,1.05fr) minmax(170px,.85fr) minmax(180px,.85fr) 66px!important; align-items:stretch!important; } .dgp-console-settings{ position:relative!important; inset:auto!important; grid-column:1!important; align-self:center!important; justify-self:center!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; margin:0!important; padding:0!important; border-radius:50%!important; transform:none!important; z-index:4!important; } .dgp-console-settings:hover{filter:brightness(1.16)!important} .dgp-console-settings:active{transform:translateY(2px)!important} @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ grid-template-columns:minmax(0,1fr) 160px!important; } .dgp-premium-cabinet .dgp-wager-console.dgp-compact-console{ grid-template-columns:48px minmax(190px,1.05fr) minmax(155px,.85fr) minmax(165px,.85fr) 62px!important; } .dgp-console-settings{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important} } /* ======================================================================== Dawe Game Player 1.0.9 — Lucky Cod logo position and stacking Centres the logo over the middle reel, enlarges it, and keeps it above the feature plaque and reel cabinet. No gameplay or other layout changes. ======================================================================== */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ position:relative!important; overflow:visible!important; z-index:30!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-image-logo-lockup{ position:absolute!important; left:50%!important; top:-12px!important; width:430px!important; height:112px!important; padding:0!important; margin:0!important; transform:translateX(-50%)!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; overflow:visible!important; z-index:40!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{ width:auto!important; height:108px!important; max-width:430px!important; max-height:108px!important; margin:0!important; object-fit:contain!important; filter:drop-shadow(0 5px 3px rgba(0,0,0,.8)) drop-shadow(0 0 5px rgba(255,184,36,.35))!important; } .dgp-premium-cabinet .dgp-premium-feature-plaque{ position:relative!important; z-index:12!important; } .dgp-premium-cabinet .dgp-game-face{ position:relative!important; z-index:8!important; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-floating-header .dgp-image-logo-lockup{ top:-8px!important; width:360px!important; height:98px!important; } .dgp-premium-cabinet .dgp-floating-header .dgp-lucky-cod-logo{ height:94px!important; max-width:360px!important; max-height:94px!important; } } /* ======================================================================== Dawe Game Player 1.1.1 — Independent floating Lucky Cod logo layer The logo is a direct child of the fixed game stage, centred over reel 3, and stacked above both the feature plaque and reel cabinet. ======================================================================== */ .dgp-premium-cabinet .dgp-floating-game-logo{ position:absolute!important; left:50%!important; top:0!important; width:430px!important; height:126px!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; overflow:visible!important; z-index:120!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-floating-game-logo .dgp-lucky-cod-logo{ display:block!important; width:auto!important; height:122px!important; max-width:430px!important; max-height:122px!important; margin:0!important; object-fit:contain!important; filter:drop-shadow(0 6px 3px rgba(0,0,0,.82)) drop-shadow(0 0 6px rgba(255,184,36,.42))!important; } /* The header now carries only the player level; the logo no longer participates in its grid or clipping/stacking context. */ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ grid-template-columns:1fr 180px!important; position:relative!important; overflow:visible!important; z-index:20!important; } .dgp-premium-cabinet .dgp-floating-level{ grid-column:2!important; justify-self:end!important; } .dgp-premium-cabinet .dgp-premium-feature-plaque{z-index:30!important} .dgp-premium-cabinet .dgp-game-face{z-index:10!important} .dgp-fullscreen-shell .dgp-floating-game-logo{ left:50%!important; top:0!important; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-floating-game-logo{ width:370px!important; height:110px!important; top:1px!important; } .dgp-premium-cabinet .dgp-floating-game-logo .dgp-lucky-cod-logo{ height:106px!important; max-width:370px!important; max-height:106px!important; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-floating-header{ grid-template-columns:1fr 160px!important; } } /* ======================================================================== Dawe Game Player 1.1.1 — Floating logo anchoring correction A legacy direct-child grid rule was forcing the independent logo layer back into normal grid flow. This stronger direct-child rule restores true absolute positioning above reel 3 in regular and fullscreen views. ======================================================================== */ .dgp-premium-cabinet .dgp-machine-stage > .dgp-floating-game-logo, .dgp-fullscreen-shell > .dgp-machine-stage > .dgp-floating-game-logo{ position:absolute!important; display:flex!important; grid-column:auto!important; grid-row:auto!important; inset:auto!important; left:50%!important; top:0!important; right:auto!important; bottom:auto!important; width:430px!important; height:126px!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; align-items:flex-start!important; justify-content:center!important; overflow:visible!important; z-index:500!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-machine-stage > .dgp-floating-game-logo > .dgp-lucky-cod-logo, .dgp-fullscreen-shell > .dgp-machine-stage > .dgp-floating-game-logo > .dgp-lucky-cod-logo{ display:block!important; width:auto!important; height:122px!important; max-width:430px!important; max-height:122px!important; margin:0!important; object-fit:contain!important; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-machine-stage > .dgp-floating-game-logo, .dgp-fullscreen-shell > .dgp-machine-stage > .dgp-floating-game-logo{ width:370px!important; height:110px!important; top:1px!important; } .dgp-premium-cabinet .dgp-machine-stage > .dgp-floating-game-logo > .dgp-lucky-cod-logo, .dgp-fullscreen-shell > .dgp-machine-stage > .dgp-floating-game-logo > .dgp-lucky-cod-logo{ height:106px!important; max-width:370px!important; max-height:106px!important; } } /* ======================================================================== Dawe Game Player 1.2.0 — Integrated cabinet marquee The Lucky Cod logo is now a normal structural part of the cabinet header, centred over reel 3. It no longer uses a floating/absolute overlay. ======================================================================== */ .dgp-premium-cabinet .dgp-machine-stage{ grid-template-rows:82px 28px 404px 24px 55px 68px 22px!important; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-integrated-brand-header{ grid-row:1!important; display:grid!important; grid-template-columns:190px minmax(0,1fr) 190px!important; align-items:center!important; width:100%!important; height:82px!important; margin:0!important; padding:0 24px!important; overflow:visible!important; position:relative!important; z-index:40!important; background:transparent!important; border:0!important; box-shadow:none!important; box-sizing:border-box!important; } .dgp-premium-cabinet .dgp-header-balance-spacer{ grid-column:1!important; width:100%!important; height:1px!important; } .dgp-premium-cabinet .dgp-cabinet-brand{ grid-column:2!important; align-self:end!important; justify-self:center!important; width:390px!important; height:82px!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; overflow:visible!important; position:relative!important; z-index:60!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-cabinet-brand .dgp-lucky-cod-logo{ display:block!important; width:auto!important; height:96px!important; max-width:390px!important; max-height:96px!important; margin:0 0 -7px!important; object-fit:contain!important; filter:drop-shadow(0 6px 3px rgba(0,0,0,.82)) drop-shadow(0 0 6px rgba(255,184,36,.38))!important; } .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-floating-level{ grid-column:3!important; justify-self:end!important; align-self:center!important; } .dgp-premium-cabinet .dgp-premium-feature-plaque{ grid-row:2!important; z-index:30!important; } .dgp-premium-cabinet .dgp-game-face{ grid-row:3!important; height:404px!important; min-height:404px!important; } .dgp-premium-cabinet .dgp-reel-window, .dgp-premium-cabinet .dgp-payline-rail{ height:404px!important; min-height:404px!important; max-height:404px!important; } .dgp-premium-cabinet .dgp-wager-console{height:68px!important;min-height:68px!important} .dgp-premium-cabinet .dgp-lower-panel{height:22px!important;min-height:22px!important} /* Retire old floating logo element defensively on upgraded/cached templates. */ .dgp-premium-cabinet .dgp-floating-game-logo{display:none!important} .dgp-fullscreen-shell .dgp-floating-game-logo{display:none!important} .dgp-fullscreen-shell .dgp-cabinet-marquee.dgp-integrated-brand-header{ grid-template-columns:190px minmax(0,1fr) 190px!important; height:82px!important; } @media(max-width:800px){ .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-integrated-brand-header{ grid-template-columns:150px minmax(0,1fr) 150px!important; padding:0 14px!important; } .dgp-premium-cabinet .dgp-cabinet-brand{width:330px!important} .dgp-premium-cabinet .dgp-cabinet-brand .dgp-lucky-cod-logo{ height:88px!important; max-width:330px!important; max-height:88px!important; } } /* ======================================================================== Dawe Game Player 1.3.0 — Square Reel Cabinet Edition Square 5×3 reel tiles, larger symbols, and a lowered play area. ======================================================================== */ :root{ --dgp-square-tile:148px; --dgp-reels-w:740px; --dgp-reels-h:444px; --dgp-play-w:850px; } /* Increase the structural header row so the reel cabinet begins lower on the supplied sunset background, while retaining the fixed 1360×720 canvas. */ .dgp-premium-cabinet .dgp-machine-stage, .dgp-fullscreen-shell > .dgp-machine-stage{ grid-template-rows:128px 28px 444px 22px 68px 22px!important; row-gap:1px!important; padding:3px 10px!important; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-integrated-brand-header, .dgp-fullscreen-shell .dgp-cabinet-marquee.dgp-integrated-brand-header{ height:128px!important; align-items:start!important; padding-top:4px!important; } .dgp-premium-cabinet .dgp-cabinet-brand, .dgp-fullscreen-shell .dgp-cabinet-brand{ height:118px!important; align-items:flex-start!important; } .dgp-premium-cabinet .dgp-cabinet-brand .dgp-lucky-cod-logo, .dgp-fullscreen-shell .dgp-cabinet-brand .dgp-lucky-cod-logo{ height:112px!important; max-height:112px!important; max-width:420px!important; margin:0!important; } .dgp-premium-cabinet .dgp-premium-feature-plaque, .dgp-fullscreen-shell .dgp-premium-feature-plaque{ width:var(--dgp-play-w)!important; height:28px!important; min-height:28px!important; } /* The reel window is exactly five square columns by three square rows. */ .dgp-premium-cabinet .dgp-game-face, .dgp-fullscreen-shell .dgp-game-face{ width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reels-w) 51px!important; gap:4px!important; } .dgp-premium-cabinet .dgp-reel-window, .dgp-fullscreen-shell .dgp-reel-window{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; } .dgp-premium-cabinet .dgp-reels, .dgp-fullscreen-shell .dgp-reels{ width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; grid-template-columns:repeat(5,var(--dgp-square-tile))!important; grid-template-rows:repeat(3,var(--dgp-square-tile))!important; } .dgp-premium-cabinet .dgp-symbol, .dgp-fullscreen-shell .dgp-symbol{ width:var(--dgp-square-tile)!important; height:var(--dgp-square-tile)!important; min-width:var(--dgp-square-tile)!important; min-height:var(--dgp-square-tile)!important; aspect-ratio:1 / 1!important; } .dgp-premium-cabinet .dgp-symbol img, .dgp-premium-cabinet .dgp-premium-symbol, .dgp-fullscreen-shell .dgp-symbol img, .dgp-fullscreen-shell .dgp-premium-symbol{ width:78%!important; height:78%!important; max-width:82%!important; max-height:82%!important; object-fit:contain!important; } .dgp-premium-cabinet .dgp-payline-rail, .dgp-fullscreen-shell .dgp-payline-rail{ height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; } .dgp-premium-cabinet .dgp-feature-strip, .dgp-premium-cabinet .dgp-wager-console, .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-feature-strip, .dgp-fullscreen-shell .dgp-wager-console, .dgp-fullscreen-shell .dgp-lower-panel{ width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; } .dgp-premium-cabinet .dgp-feature-strip, .dgp-fullscreen-shell .dgp-feature-strip{ height:22px!important; min-height:22px!important; } .dgp-premium-cabinet .dgp-wager-console, .dgp-fullscreen-shell .dgp-wager-console{ height:68px!important; min-height:68px!important; padding:4px 7px!important; } .dgp-premium-cabinet .dgp-compact-wager, .dgp-premium-cabinet .dgp-number-display, .dgp-fullscreen-shell .dgp-compact-wager, .dgp-fullscreen-shell .dgp-number-display{ height:56px!important; min-height:56px!important; } .dgp-premium-cabinet .dgp-round-spin, .dgp-fullscreen-shell .dgp-round-spin{ width:60px!important; height:60px!important; min-width:60px!important; min-height:60px!important; } .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-lower-panel{ height:22px!important; min-height:22px!important; } /* ======================================================================== Dawe Game Player 1.3.1 — Reel Edge & Keyboard Spin Correction Keep the square grid inside the bordered reel viewport so the fifth reel and right cabinet edge align precisely. ======================================================================== */ :root{ --dgp-square-tile:146.4px; --dgp-reels-w:732px; --dgp-reel-window-w:740px; --dgp-play-w:850px; } .dgp-premium-cabinet .dgp-game-face, .dgp-fullscreen-shell .dgp-game-face{ width:var(--dgp-play-w)!important; min-width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; grid-template-columns:51px var(--dgp-reel-window-w) 51px!important; column-gap:4px!important; overflow:visible!important; } .dgp-premium-cabinet .dgp-reel-window, .dgp-fullscreen-shell .dgp-reel-window{ width:var(--dgp-reel-window-w)!important; min-width:var(--dgp-reel-window-w)!important; max-width:var(--dgp-reel-window-w)!important; box-sizing:border-box!important; overflow:hidden!important; } .dgp-premium-cabinet .dgp-reels, .dgp-fullscreen-shell .dgp-reels{ width:var(--dgp-reels-w)!important; min-width:var(--dgp-reels-w)!important; max-width:var(--dgp-reels-w)!important; margin:0!important; grid-template-columns:repeat(5,var(--dgp-square-tile))!important; grid-template-rows:repeat(3,var(--dgp-square-tile))!important; } .dgp-premium-cabinet .dgp-symbol, .dgp-fullscreen-shell .dgp-symbol{ width:var(--dgp-square-tile)!important; min-width:var(--dgp-square-tile)!important; max-width:var(--dgp-square-tile)!important; height:var(--dgp-square-tile)!important; min-height:var(--dgp-square-tile)!important; max-height:var(--dgp-square-tile)!important; box-sizing:border-box!important; } /* ================================================================ Dawe Game Player 1.4.0 — Responsive Edition The complete 1360px game cabinet is scaled as one visual canvas. These rules intentionally override earlier mobile reflow rules. ================================================================ */ .dgp-wrap{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } .dgp-machine-scaler{ position:relative!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto!important; overflow:hidden!important; } .dgp-machine-scaler > .dgp-machine{ box-sizing:border-box!important; flex:none!important; backface-visibility:hidden; -webkit-font-smoothing:antialiased; } @media(max-width:1359px){ .dgp-machine-scaler > .dgp-machine{ width:1360px!important; min-width:1360px!important; max-width:none!important; margin:0!important; transform-origin:top left!important; } /* Undo old per-component mobile reflow. JavaScript scales the desktop cabinet instead, keeping every section in its intended position. */ .dgp-machine-scaler .dgp-cabinet, .dgp-machine-scaler .dgp-premium-cabinet{ width:1360px!important; max-width:none!important; } } @media(max-width:800px){ .dgp-wrap{margin:8px auto!important;padding:0!important;} .dgp-machine-scaler{border-radius:18px;} .dgp-machine-scaler > .dgp-machine{transform-origin:top left!important;} } @media(max-width:480px){ .dgp-wrap{margin:5px auto!important;} .dgp-machine-scaler{border-radius:12px;} } /* Admin Studio asset hooks */ .dgp-machine[style*='--dgp-settings-asset'] .dgp-settings-button{background-image:var(--dgp-settings-asset)!important;background-size:cover!important;background-position:center!important}.dgp-machine[style*='--dgp-settings-asset'] .dgp-settings-button>span{opacity:0}.dgp-machine[style*='--dgp-spin-asset'] .dgp-spin-button{background-image:var(--dgp-spin-asset)!important;background-size:cover!important;background-position:center!important}.dgp-machine[style*='--dgp-spin-asset'] .dgp-spin-button .dgp-spin-arrow,.dgp-machine[style*='--dgp-spin-asset'] .dgp-spin-button small{opacity:0} /* ======================================================================== Dawe Game Player 1.5.2 — Win Presentation Clarity Winning strokes now terminate at the final winning reel, and the total-win popup is slightly smaller with a stronger high-contrast outline. ======================================================================== */ .dgp-reel-win-total{ font-size:clamp(48px,7.2vw,92px)!important; -webkit-text-stroke:5px #071018!important; paint-order:stroke fill!important; text-shadow: 0 3px 0 #000, 2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000, 0 0 3px #fff, 0 0 12px rgba(255,255,255,.95), 0 0 22px rgba(26,215,255,.92)!important; } .dgp-line-layer .dgp-win-line-glow{stroke-width:13!important;opacity:.58!important} .dgp-line-layer .dgp-win-line-flash{stroke-width:7!important;opacity:1!important} @media(max-width:700px){ .dgp-reel-win-total{ font-size:clamp(38px,8.2vw,68px)!important; -webkit-text-stroke:4px #071018!important; } } /* ======================================================================== Dawe Game Player 1.5.3 — Win Lines, Spin Clarity, and Asset Labels ======================================================================== */ .dgp-reel-window .dgp-line-layer{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; z-index:50!important; overflow:visible!important; pointer-events:none!important; opacity:1!important; visibility:visible!important; } .dgp-line-layer .dgp-win-line-group{display:block!important;opacity:1!important;visibility:visible!important} .dgp-line-layer .dgp-win-line-glow{ fill:none!important;stroke-width:14!important;stroke-linecap:round!important;stroke-linejoin:round!important; opacity:.72!important;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 11px currentColor)!important; animation:dgpWinLineGlow .55s ease-in-out infinite alternate!important; } .dgp-line-layer .dgp-win-line-flash{ fill:none!important;stroke-width:7!important;stroke-linecap:round!important;stroke-linejoin:round!important; stroke-dasharray:22 14!important;opacity:1!important; filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px currentColor)!important; animation:dgpWinLineTravel .48s linear infinite,dgpWinLineBlink .28s ease-in-out infinite alternate!important; } .dgp-line-layer .dgp-win-line-marker{opacity:1!important;animation:dgpWinMarkerPulse .45s ease-in-out infinite alternate!important} @keyframes dgpWinMarkerPulse{from{r:5;opacity:.72}to{r:8;opacity:1}} /* Never carry the previous win-dimming state into a new spin. */ .dgp-symbol.dgp-spinning,.dgp-symbol.dgp-spinning.dgp-win-dim{opacity:1!important;filter:none!important;background-color:inherit!important} .dgp-symbol.dgp-spinning span,.dgp-symbol.dgp-spinning .dgp-premium-symbol{ opacity:1!important;filter:drop-shadow(0 5px 2px rgba(55,26,4,.32)) saturate(1.13)!important; } @keyframes dgpPremiumTileFlash{0%{transform:scale(.91);opacity:1}50%{transform:scale(1.035);opacity:1}100%{transform:scale(.94);opacity:1}} @keyframes dgpMobileTileFlash{0%{transform:scale(.96);opacity:1}50%{transform:scale(1.02);opacity:1}100%{transform:scale(.96);opacity:1}} /* ============================================================ Dawe Game Player 1.5.4 — Edge-to-Edge Reel Assets Remove the internal image sizing gutter so artwork can use the complete reel tile canvas in regular, responsive and fullscreen views. ============================================================ */ .dgp-premium-cabinet .dgp-symbol, .dgp-fullscreen-shell .dgp-symbol{ padding:0!important; } .dgp-premium-cabinet .dgp-symbol > span, .dgp-fullscreen-shell .dgp-symbol > span{ width:100%!important; height:100%!important; padding:0!important; margin:0!important; overflow:hidden!important; } .dgp-premium-cabinet .dgp-symbol img, .dgp-premium-cabinet .dgp-premium-symbol, .dgp-fullscreen-shell .dgp-symbol img, .dgp-fullscreen-shell .dgp-premium-symbol{ display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; } /* ======================================================================== Dawe Game Player 1.5.5 — Responsive Launch Screen The pre-game card is mounted at the document level so transformed/scaled WordPress containers cannot offset or crop it on mobile devices. ======================================================================== */ html.dgp-launch-open, body.dgp-launch-open{ overflow:hidden!important; overscroll-behavior:none!important; } .dgp-fullscreen-launch.dgp-launch-viewport{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; min-width:0!important; min-height:0!important; margin:0!important; padding:clamp(12px,3vw,28px)!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; z-index:2147483000!important; overflow:auto!important; transform:none!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card{ box-sizing:border-box!important; width:min(440px,100%)!important; max-width:440px!important; max-height:calc(100dvh - 24px)!important; margin:auto!important; overflow:auto!important; flex:0 1 auto!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card img{ width:min(330px,82vw)!important; max-width:90%!important; max-height:34dvh!important; object-fit:contain!important; } @media(max-width:700px){ .dgp-fullscreen-launch.dgp-launch-viewport{ padding:12px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card{ width:100%!important; max-width:430px!important; padding:16px 16px 15px!important; border-width:2px!important; border-radius:16px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card img{ width:min(270px,72vw)!important; max-height:29dvh!important; margin-bottom:3px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card h2{ margin:2px 0 6px!important; font-size:20px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card p{ margin-bottom:13px!important; font-size:12px!important; line-height:1.35!important; } .dgp-fullscreen-launch.dgp-launch-viewport #dgp-enter-game{ min-height:48px!important; font-size:18px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-launch-lobby{ margin-top:12px!important; font-size:11px!important; } } @media(max-height:560px){ .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card{ padding:10px 16px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card img{ width:min(210px,52vw)!important; max-height:24dvh!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card h2{ font-size:17px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-fullscreen-launch-card p{ margin-bottom:8px!important; } .dgp-fullscreen-launch.dgp-launch-viewport #dgp-enter-game{ min-height:42px!important; font-size:16px!important; } .dgp-fullscreen-launch.dgp-launch-viewport .dgp-launch-lobby{ margin-top:8px!important; } } /* ============================================================ Dawe Game Player 1.5.6 — Continuous Reel Scrolling ============================================================ */ .dgp-reel-hidden-during-spin{visibility:hidden!important} .dgp-spin-layer{border-radius:inherit;background:#f8eedb;isolation:isolate} .dgp-spin-reel{border-right:2px solid rgba(78,43,10,.5);box-shadow:inset 0 0 18px rgba(109,68,16,.16)} .dgp-spin-strip{transform:translate3d(0,0,0);will-change:transform} .dgp-strip-symbol{height:calc(var(--dgp-reel-window-height)/3)!important;min-height:0!important;padding:0!important;margin:0!important} .dgp-strip-symbol span{width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 4px 3px rgba(0,0,0,.22));transform:translateZ(0)} .dgp-strip-symbol .dgp-premium-symbol{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;margin:0;padding:0} .dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:blur(.55px) drop-shadow(0 4px 3px rgba(0,0,0,.18));transform:translateZ(0) scaleY(1.015)} .dgp-spin-reel.dgp-reel-landed{animation:dgp156ReelLand .18s ease-out} @keyframes dgp156ReelLand{0%{transform:translateY(5px)}55%{transform:translateY(-3px)}100%{transform:translateY(0)}} @media(max-width:800px){.dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:none;transform:translateZ(0)}} /* 1.5.7 — longer, smoother continuous reel motion */ .dgp-spin-layer{overflow:hidden!important} .dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:blur(.8px) drop-shadow(0 4px 3px rgba(0,0,0,.18))!important;transform:translateZ(0) scaleY(1.025)!important} .dgp-spin-strip{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d} @media(max-width:800px){.dgp-spin-reel.dgp-reel-running .dgp-strip-symbol span{filter:blur(.35px)!important;transform:translateZ(0) scaleY(1.01)!important}} /* 1.5.8 — reels travel top to bottom */ /* ======================================================================== Dawe Game Player 1.5.9 — Enlarged Spin and Footer Controls ======================================================================== */ .dgp-premium-cabinet .dgp-wager-console, .dgp-fullscreen-shell .dgp-wager-console{ overflow:visible!important; } .dgp-premium-cabinet .dgp-round-spin, .dgp-fullscreen-shell .dgp-round-spin{ position:relative!important; z-index:80!important; width:120px!important; height:120px!important; min-width:120px!important; min-height:120px!important; max-width:120px!important; max-height:120px!important; justify-self:center!important; align-self:center!important; border-width:7px!important; } .dgp-premium-cabinet .dgp-round-spin .dgp-spin-arrow, .dgp-fullscreen-shell .dgp-round-spin .dgp-spin-arrow{font-size:58px!important} .dgp-premium-cabinet .dgp-round-spin small, .dgp-fullscreen-shell .dgp-round-spin small{font-size:13px!important;margin-top:6px!important} .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-lower-panel{ height:52px!important; min-height:52px!important; overflow:visible!important; } .dgp-footer-actions{gap:12px!important;height:48px!important;align-items:center!important} .dgp-footer-fullscreen, .dgp-exit-lobby{ box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; height:46px!important; min-height:46px!important; padding:0 24px!important; border-radius:9px!important; font:900 15px/1 Arial,sans-serif!important; letter-spacing:.7px!important; white-space:nowrap!important; text-decoration:none!important; cursor:pointer!important; } .dgp-footer-fullscreen{ min-width:190px!important; border:2px solid #75b8ff!important; background:linear-gradient(180deg,#328bf0 0,#1459b2 58%,#083574 100%)!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px #000!important; } .dgp-footer-fullscreen:hover{filter:brightness(1.15)} .dgp-footer-fullscreen.dgp-fullscreen-active{ border-color:#ffb56b!important; background:linear-gradient(180deg,#e36c37 0,#a93718 60%,#64200e 100%)!important; } .dgp-footer-fullscreen .dgp-fullscreen-icon{font-size:24px!important;line-height:1!important} .dgp-exit-lobby{ min-width:170px!important; border:2px solid #d99524!important; background:linear-gradient(180deg,#70400f 0,#321b08 58%,#140a03 100%)!important; color:#ffe27a!important; box-shadow:inset 0 1px 0 rgba(255,226,128,.45),0 2px 5px #000!important; } @media(max-width:800px){ .dgp-footer-fullscreen,.dgp-exit-lobby{height:42px!important;min-height:42px!important;padding:0 16px!important;font-size:13px!important} .dgp-footer-fullscreen{min-width:165px!important}.dgp-exit-lobby{min-width:145px!important} } /* ======================================================================== Dawe Game Player 1.6.0 — Enlarged Logo-Free Cabinet Removes the in-game Lucky Cod logo, moves the cabinet upward, and expands the playable cabinet/reels by approximately 20% while retaining a complete 1360 × 720 composition for responsive and fullscreen scaling. ======================================================================== */ :root{ --dgp-square-tile:174px; --dgp-reels-w:870px; --dgp-reel-window-w:878px; --dgp-reels-h:522px; --dgp-play-w:988px; } /* Collapse the old logo row. The player level remains as a compact overlay. */ .dgp-premium-cabinet .dgp-machine-stage, .dgp-fullscreen-shell > .dgp-machine-stage{ grid-template-rows:10px 28px 522px 22px 82px 48px!important; row-gap:1px!important; padding:2px 6px!important; } .dgp-premium-cabinet .dgp-cabinet-marquee.dgp-integrated-brand-header, .dgp-fullscreen-shell .dgp-cabinet-marquee.dgp-integrated-brand-header{ position:relative!important; display:block!important; width:100%!important; height:10px!important; min-height:10px!important; padding:0!important; overflow:visible!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-cabinet-brand, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-cabinet-brand, .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-header-balance-spacer, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-header-balance-spacer{ display:none!important; } .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-floating-level, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-floating-level{ position:absolute!important; top:4px!important; right:18px!important; z-index:90!important; width:auto!important; min-width:120px!important; height:auto!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; text-align:right!important; pointer-events:none!important; } .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-floating-level span, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-floating-level span{font-size:10px!important} .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-floating-level strong, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-floating-level strong{font-size:12px!important} .dgp-premium-cabinet .dgp-premium-feature-plaque, .dgp-fullscreen-shell .dgp-premium-feature-plaque{ width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:28px!important; min-height:28px!important; margin-top:0!important; } .dgp-premium-cabinet .dgp-game-face, .dgp-fullscreen-shell .dgp-game-face{ width:var(--dgp-play-w)!important; min-width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; grid-template-columns:51px var(--dgp-reel-window-w) 51px!important; column-gap:4px!important; } .dgp-premium-cabinet .dgp-reel-window, .dgp-fullscreen-shell .dgp-reel-window{ width:var(--dgp-reel-window-w)!important; min-width:var(--dgp-reel-window-w)!important; max-width:var(--dgp-reel-window-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; } .dgp-premium-cabinet .dgp-reels, .dgp-fullscreen-shell .dgp-reels{ width:var(--dgp-reels-w)!important; min-width:var(--dgp-reels-w)!important; max-width:var(--dgp-reels-w)!important; height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; grid-template-columns:repeat(5,var(--dgp-square-tile))!important; grid-template-rows:repeat(3,var(--dgp-square-tile))!important; } .dgp-premium-cabinet .dgp-symbol, .dgp-fullscreen-shell .dgp-symbol{ width:var(--dgp-square-tile)!important; min-width:var(--dgp-square-tile)!important; max-width:var(--dgp-square-tile)!important; height:var(--dgp-square-tile)!important; min-height:var(--dgp-square-tile)!important; max-height:var(--dgp-square-tile)!important; } .dgp-premium-cabinet .dgp-payline-rail, .dgp-fullscreen-shell .dgp-payline-rail{ height:var(--dgp-reels-h)!important; min-height:var(--dgp-reels-h)!important; max-height:var(--dgp-reels-h)!important; } .dgp-premium-cabinet .dgp-feature-strip, .dgp-premium-cabinet .dgp-wager-console, .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-feature-strip, .dgp-fullscreen-shell .dgp-wager-console, .dgp-fullscreen-shell .dgp-lower-panel{ width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; } .dgp-premium-cabinet .dgp-wager-console, .dgp-fullscreen-shell .dgp-wager-console{ height:82px!important; min-height:82px!important; padding:4px 7px!important; } .dgp-premium-cabinet .dgp-compact-wager, .dgp-premium-cabinet .dgp-number-display, .dgp-fullscreen-shell .dgp-compact-wager, .dgp-fullscreen-shell .dgp-number-display{ height:70px!important; min-height:70px!important; } .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-lower-panel{ height:48px!important; min-height:48px!important; } /* Keep the enlarged spin control inside the available stage rather than allowing it to push the footer below the visible cabinet. */ .dgp-premium-cabinet .dgp-round-spin, .dgp-fullscreen-shell .dgp-round-spin{ width:104px!important; height:104px!important; min-width:104px!important; min-height:104px!important; max-width:104px!important; max-height:104px!important; } .dgp-premium-cabinet .dgp-round-spin .dgp-spin-arrow, .dgp-fullscreen-shell .dgp-round-spin .dgp-spin-arrow{font-size:50px!important} @media(max-width:800px){ .dgp-premium-cabinet .dgp-integrated-brand-header .dgp-floating-level, .dgp-fullscreen-shell .dgp-integrated-brand-header .dgp-floating-level{right:10px!important} } /* ======================================================================== Dawe Game Player 1.6.1 — Double-Size Spin Control Double the v1.6.0 spin diameter without pushing the footer below the cabinet. The control occupies a dedicated console column and rises above the scoreboard while its lower edge remains aligned with the console. ======================================================================== */ .dgp-premium-cabinet .dgp-wager-console, .dgp-fullscreen-shell .dgp-wager-console{ position:relative!important; overflow:visible!important; grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.05fr) 208px!important; padding-right:8px!important; } .dgp-premium-cabinet .dgp-round-spin, .dgp-fullscreen-shell .dgp-round-spin{ width:208px!important; height:208px!important; min-width:208px!important; min-height:208px!important; max-width:208px!important; max-height:208px!important; border-width:9px!important; align-self:center!important; justify-self:center!important; transform:translateY(-57px)!important; z-index:120!important; } .dgp-premium-cabinet .dgp-round-spin:hover:not(:disabled), .dgp-fullscreen-shell .dgp-round-spin:hover:not(:disabled){ transform:translateY(-59px)!important; } .dgp-premium-cabinet .dgp-round-spin:active:not(:disabled), .dgp-fullscreen-shell .dgp-round-spin:active:not(:disabled){ transform:translateY(-52px)!important; } .dgp-premium-cabinet .dgp-round-spin .dgp-spin-arrow, .dgp-fullscreen-shell .dgp-round-spin .dgp-spin-arrow{font-size:92px!important} .dgp-premium-cabinet .dgp-round-spin small, .dgp-fullscreen-shell .dgp-round-spin small{font-size:19px!important;margin-top:9px!important} /* ======================================================================== Dawe Game Player 1.6.2 — Control and Feature Message Refinement ======================================================================== */ /* Replace the former three-part header and lower information strip with one centred rotating feature message. */ .dgp-premium-cabinet .dgp-rotating-feature-plaque, .dgp-fullscreen-shell .dgp-rotating-feature-plaque{ display:flex!important; align-items:center!important; justify-content:center!important; grid-template-columns:1fr!important; width:var(--dgp-play-w)!important; max-width:var(--dgp-play-w)!important; height:34px!important; min-height:34px!important; padding:0 24px!important; overflow:hidden!important; text-align:center!important; } .dgp-rotating-feature-plaque #dgp-top-feature-message{ display:block!important; width:100%!important; color:#fff2a8!important; font-size:15px!important; line-height:1!important; letter-spacing:.6px!important; text-shadow:0 2px 2px #000,0 0 8px rgba(255,183,0,.55)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .dgp-feature-strip{display:none!important} /* Reclaim the removed lower-message row and keep all authored sections in a stable six-row cabinet. */ .dgp-premium-cabinet .dgp-machine-stage, .dgp-fullscreen-shell > .dgp-machine-stage{ grid-template-rows:10px 34px 522px 0 82px 58px!important; } /* Five explicit console columns. Earlier versions used four columns for five children, which allowed the Spin control to fall into an implicit track and collapse visually. */ .dgp-premium-cabinet .dgp-wager-console, .dgp-fullscreen-shell .dgp-wager-console{ grid-template-columns:54px minmax(0,1.05fr) minmax(0,.82fr) minmax(0,1.08fr) 176px!important; gap:8px!important; overflow:visible!important; } .dgp-premium-cabinet .dgp-round-spin, .dgp-fullscreen-shell .dgp-round-spin{ position:relative!important; width:176px!important; height:176px!important; min-width:176px!important; min-height:176px!important; max-width:176px!important; max-height:176px!important; align-self:end!important; justify-self:center!important; transform:translateY(-43px)!important; z-index:150!important; background-size:contain!important; } .dgp-premium-cabinet .dgp-round-spin:hover:not(:disabled), .dgp-fullscreen-shell .dgp-round-spin:hover:not(:disabled){transform:translateY(-45px)!important} .dgp-premium-cabinet .dgp-round-spin:active:not(:disabled), .dgp-fullscreen-shell .dgp-round-spin:active:not(:disabled){transform:translateY(-39px)!important} /* Keep the footer controls on one centered line in desktop and in the authored mobile cabinet before the entire cabinet is proportionally scaled. */ .dgp-premium-cabinet .dgp-lower-panel, .dgp-fullscreen-shell .dgp-lower-panel{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:center!important; justify-items:center!important; height:58px!important; min-height:58px!important; padding:4px 8px!important; overflow:visible!important; } .dgp-premium-cabinet .dgp-status, .dgp-fullscreen-shell .dgp-status{display:none!important} .dgp-premium-cabinet .dgp-footer-actions, .dgp-fullscreen-shell .dgp-footer-actions{ display:flex!important; width:100%!important; height:50px!important; align-items:center!important; justify-content:center!important; gap:10px!important; flex-wrap:nowrap!important; white-space:nowrap!important; } .dgp-premium-cabinet .dgp-footer-fullscreen, .dgp-premium-cabinet .dgp-exit-lobby, .dgp-fullscreen-shell .dgp-footer-fullscreen, .dgp-fullscreen-shell .dgp-exit-lobby{ flex:0 0 auto!important; height:46px!important; min-height:46px!important; margin:0!important; } .dgp-premium-cabinet .dgp-corner-logo, .dgp-fullscreen-shell .dgp-corner-logo{flex:0 0 auto!important;height:46px!important;box-sizing:border-box!important} @media(max-width:800px){ .dgp-rotating-feature-plaque #dgp-top-feature-message{font-size:13px!important} .dgp-premium-cabinet .dgp-footer-actions, .dgp-fullscreen-shell .dgp-footer-actions{gap:8px!important} .dgp-premium-cabinet .dgp-footer-fullscreen, .dgp-premium-cabinet .dgp-exit-lobby, .dgp-fullscreen-shell .dgp-footer-fullscreen, .dgp-fullscreen-shell .dgp-exit-lobby{ min-width:0!important; width:auto!important; padding:0 18px!important; font-size:13px!important; } }