/* Brand skin only: the original layout, breakpoints and image positions remain. */
:root{--mel-yellow:#ffc800;--mel-dark:#171717;--mel-border:#64551f;--mel-text:#f4f3ef}
html:root:root:root body{font-family:Roboto,Arial,sans-serif!important;background-color:var(--mel-dark)!important}
html:root:root:root body :is(h1,h2,h3){font-family:Roboto,Arial,sans-serif!important}
html:root:root:root body :is(.b22-art-button,.bl-btn,.bl-pin-btn,.bl-offer-banner-cta,.bl-app-banner-btn,.bl-sidebar-slots-cta,.b22-details,.b22-register,.b22-games strong){background:var(--mel-yellow)!important;color:#171717!important;border-color:var(--mel-yellow)!important}
.b22-art-button:hover{background:#ffdf4c;color:#111}
.mel-offer-scope{font-size:12px!important;line-height:1.45!important;max-width:36ch;color:#f3ead0;margin-top:12px!important}
/* All game carousels follow the existing white More Games section. */
html:root:root:root body .mel-game-carousel{position:relative;display:block;background:#fff;color:#3c3c3c;padding:20px 16px;margin:20px 0;border:0;border-radius:3px;min-width:0;overflow:hidden}
.mel-game-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
html:root:root:root body .mel-game-head h2{margin:0 0 16px!important;padding:0;color:#353533;font-size:22px;line-height:1.35}
.mel-game-controls{position:absolute;inset:90px 8px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:2}
.mel-game-controls button{width:36px;height:42px;border:0;border-radius:3px;background:rgb(255 255 255 / 94%);color:#353533;font-size:28px;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .15s}
.mel-game-carousel:hover .mel-game-controls button,.mel-game-carousel:focus-within .mel-game-controls button{opacity:1}
.mel-game-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 8px 22px;scrollbar-width:none;max-width:100%;overscroll-behavior-inline:contain;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.mel-game-track::-webkit-scrollbar{display:none}
html:root:root:root body .mel-game-card{display:block;flex:0 0 150px;scroll-snap-align:start;border:0;border-radius:0;background:#fff;color:#3c3c3c!important;text-decoration:none;box-shadow:none;overflow:hidden}
html:root:root:root body .mel-game-card img{display:block;width:150px;height:90px;max-width:none;object-fit:cover;margin:0;border-radius:3px}
html:root:root:root body .mel-game-card strong{display:block;padding:7px 5px;font-size:11px;line-height:1.35;font-weight:400;background:#fff;color:#3c3c3c;white-space:normal}
.mel-game-controls button:focus-visible,.mel-game-card:focus-visible,.mel-game-track:focus-visible{outline:2px solid #b19329;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.mel-game-controls button{transition:none}}

.mel-promo-scope{display:block;color:#fff;font-size:11px;line-height:1.35;max-width:28ch;margin:8px 0}.mel-editorial-author{text-align:center;font-size:12px;color:#d6d2c4;padding:12px}

/* Compact first-deposit gift banner; the entire surface is a native referral link. */
.mel-gift-banner-wrap{box-sizing:border-box;position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(620px,calc(100% - 24px));padding:0;margin:0;z-index:1090}
body.mel-has-sticky-gift{padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}
html:root:root:root body .mel-gift-banner{box-sizing:border-box;position:relative;display:flex;align-items:center;min-height:72px;max-width:620px;margin:0 auto;padding:18px 130px 18px 28px;border-radius:24px;background:linear-gradient(100deg,#222 45%,#4c421f 72%,#f4c63e);color:#fff;text-decoration:none;isolation:isolate}
.mel-gift-banner-copy{font-size:15px;line-height:1.35;font-weight:700;position:relative;z-index:1}
html:root:root:root body .mel-gift-banner-copy strong{color:#ffc83b;font-weight:700}
.mel-gift-banner-art{position:absolute;right:12px;top:50%;width:112px;height:112px;transform:translateY(-50%);pointer-events:auto}
html:root:root:root body .mel-gift-box{display:block;position:absolute;width:112px;height:112px;max-width:none;margin:0;object-fit:contain;animation:mel-gift-float 3.8s ease-in-out infinite;transform-origin:50% 75%}
.mel-gift-star{position:absolute;color:#ffe16d;line-height:1;text-shadow:0 2px 3px #a87915;animation:mel-gift-sparkle 3s ease-in-out infinite}
.mel-gift-star-1{left:-16px;top:19px;font-size:17px;animation-delay:-.5s}
.mel-gift-star-2{left:-28px;top:49px;font-size:21px;animation-delay:-1.5s}
.mel-gift-star-3{left:-12px;top:82px;font-size:26px;animation-delay:-2.4s}
.mel-gift-banner:hover{filter:brightness(1.06)}
.mel-gift-banner:focus-visible{outline:3px solid #ffc800;outline-offset:4px}
@keyframes mel-gift-float{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes mel-gift-sparkle{0%,100%{transform:translateY(2px) rotate(-12deg) scale(.9);opacity:.8}50%{transform:translateY(-4px) rotate(14deg) scale(1.1);opacity:1}}
@media(max-width:600px){html:root:root:root body .mel-gift-banner{padding:16px 108px 16px 18px;min-height:82px;border-radius:20px}.mel-gift-banner-copy{font-size:14px}.mel-gift-banner-art{right:4px;width:96px;height:96px}html:root:root:root body .mel-gift-box{width:96px;height:96px}.mel-gift-star-1{left:-5px;top:16px}.mel-gift-star-2{left:-13px;top:41px;font-size:17px}.mel-gift-star-3{left:-5px;top:70px;font-size:20px}}
@media(prefers-reduced-motion:reduce){html:root:root:root body .mel-gift-box,.mel-gift-star{animation:none}}

@media(max-width:780px){body.mel-has-sticky-gift :is(.bl-floating-chat,.bl-scroll-top){bottom:calc(142px + env(safe-area-inset-bottom,0px))!important}}
