:root {
    --lb-bg: #2c1753;
    --lb-header: #463195;
    --lb-btn-primary: #ffdc41;
    --lb-btn-secondary: #4172c1;
    --lb-text: #f0ebff;
    --lb-muted: #c9b8f0;
    --lb-card: #3a2068;
    --lb-border: #5a3d9a;
    --lb-radius: 12px;
    --lb-shadow: 0 4px 24px rgba(0, 0, 0, .35)
}

*, *::before, *::after {
    box-sizing: border-box
}

body {
    background: var(--lb-bg);
    color: var(--lb-text);
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    line-height: 1.7
}

a {
    color: var(--lb-btn-secondary);
    text-decoration: none;
    transition: color .2s
}

a:hover {
    color: var(--lb-btn-primary)
}

img {
    max-width: 100%;
    height: auto
}

.lb-header {
    background: var(--lb-header);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .4);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 0 0 .5rem
}

.lb-header .navbar-brand img {
    height: 48px;
    width: auto
}

.lb-navbar {
    padding: .5rem 1rem
}

.lb-nav-link {
    color: var(--lb-text) !important;
    font-weight: 500;
    padding: .4rem .75rem !important;
    border-radius: 6px;
    transition: background .2s, color .2s
}

.lb-nav-link:hover, .lb-nav-link:focus {
    background: rgba(255, 255, 255, .12);
    color: var(--lb-btn-primary) !important
}

.btn-lb-primary {
    background: var(--lb-btn-primary);
    color: #1a0d3a;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    transition: transform .15s, box-shadow .15s;
    text-decoration: none;
    display: inline-block
}

.btn-lb-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 220, 65, .4);
    color: #1a0d3a
}

.btn-lb-secondary {
    background: var(--lb-btn-secondary);
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: .5rem 1.25rem;
    transition: transform .15s, box-shadow .15s;
    text-decoration: none;
    display: inline-block
}

.btn-lb-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(65, 114, 193, .4);
    color: #fff
}

.btn-lb-login {
    background: transparent;
    border: 2px solid var(--lb-btn-secondary);
    color: var(--lb-text);
    font-weight: 600;
    border-radius: 8px;
    padding: .4rem 1rem;
    transition: all .2s;
    text-decoration: none;
    display: inline-block
}

.btn-lb-login:hover {
    background: var(--lb-btn-secondary);
    color: #fff
}

.header-cta {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap
}

.online-count {
    font-size: .78rem;
    color: var(--lb-muted);
    display: flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap
}

.online-dot {
    width: 8px;
    height: 8px;
    background: #4cff91;
    border-radius: 50%;
    display: inline-block;
    animation: pulse 1.5s infinite
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .6;
        transform: scale(.8)
    }
}

.lb-hero {
    position: relative;
    background: linear-gradient(135deg, #3a1e6e 0%, #1a0d3a 100%);
    min-height: 420px
}

.lb-hero-slide {
    display: none;
    padding: 3rem 1rem;
    text-align: center;
    animation: fadeIn .5s ease
}

.lb-hero-slide.active {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.lb-hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .18;
    z-index: 0
}

.lb-hero-content {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto
}

.lb-hero h1, .lb-hero h2 {
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .5)
}

.lb-hero p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: var(--lb-muted)
}

.hero-controls {
    display: flex;
    gap: .5rem;
    justify-content: center;
    margin-top: 1.5rem
}

.hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    border: none;
    cursor: pointer;
    transition: background .2s;
    padding: 0
}

.hero-dot.active {
    background: var(--lb-btn-primary)
}

.lb-section {
    padding: 3rem 0
}

.lb-card {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 1.5rem;
    transition: transform .2s, box-shadow .2s;
    box-shadow: var(--lb-shadow)
}

.lb-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .5)
}

.lb-section-title {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: .5rem;
    color: var(--lb-btn-primary)
}

.lb-section-sub {
    color: var(--lb-muted);
    margin-bottom: 2rem
}

.slot-machine {
    background: linear-gradient(135deg, #3a2068, #251450);
    border: 2px solid var(--lb-btn-primary);
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
    max-width: 480px;
    margin: 0 auto
}

.slot-reels {
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin: 1.5rem 0
}

.slot-reel {
    background: #1a0d3a;
    border: 2px solid var(--lb-border);
    border-radius: 10px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    transition: transform .1s;
}

.slot-reel.spinning {
    animation: spin .1s linear infinite
}

@keyframes spin {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(100%)
    }
}

.slot-result {
    margin-top: 1rem;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.slot-win {
    color: var(--lb-btn-primary);
    font-weight: 800;
    font-size: 1.2rem;
    animation: fadeIn .4s ease
}

.winner-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden
}

.winner-table th {
    background: var(--lb-header);
    color: var(--lb-text);
    padding: .75rem 1rem;
    text-align: left;
    font-weight: 700
}

.winner-table td {
    padding: .65rem 1rem;
    border-bottom: 1px solid var(--lb-border);
    vertical-align: middle
}

.winner-table tr:nth-child(even) td {
    background: rgba(255, 255, 255, .03)
}

.winner-table tr:hover td {
    background: rgba(255, 220, 65, .07)
}

.winner-rank {
    font-weight: 700;
    color: var(--lb-btn-primary)
}

.winner-amount {
    color: #4cff91;
    font-weight: 700
}

.winner-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover
}

.pros-cons {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 1.5rem
}

.pros-list, .cons-list {
    background: var(--lb-card);
    border-radius: var(--lb-radius);
    padding: 1.5rem;
    border: 1px solid var(--lb-border)
}

.pros-list h4 {
    color: #4cff91;
    font-weight: 700;
    margin-bottom: 1rem
}

.cons-list h4 {
    color: #ff6b6b;
    font-weight: 700;
    margin-bottom: 1rem
}

.pros-list li, .cons-list li {
    margin-bottom: .5rem;
    line-height: 1.5
}

.pros-list li::marker {
    color: #4cff91
}

.cons-list li::marker {
    color: #ff6b6b
}

.advantage-item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem
}

.advantage-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: .1rem
}

.review-card {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.review-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--lb-btn-primary)
}

.review-stars {
    color: #ffdc41;
    font-size: 1.1rem
}

.review-text {
    color: var(--lb-muted);
    font-size: .95rem;
    line-height: 1.6
}

.review-author {
    font-weight: 700;
    font-size: .9rem
}

.review-form {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 2rem
}

.review-form .form-control, .review-form textarea, .review-form input {
    background: #1a0d3a;
    border: 1px solid var(--lb-border);
    color: var(--lb-text);
    border-radius: 8px;
    padding: .6rem 1rem
}

.review-form .form-control:focus, .review-form textarea:focus, .review-form input:focus {
    border-color: var(--lb-btn-primary);
    box-shadow: 0 0 0 3px rgba(255, 220, 65, .15);
    outline: none;
    background: #1a0d3a;
    color: var(--lb-text)
}

.review-form label {
    color: var(--lb-muted);
    margin-bottom: .3rem;
    font-size: .9rem
}

.form-success {
    display: none;
    background: rgba(76, 255, 145, .12);
    border: 1px solid #4cff91;
    border-radius: 8px;
    padding: 1rem;
    color: #4cff91;
    margin-top: 1rem
}

.lb-footer {
    background: var(--lb-header);
    padding: 3rem 0 1.5rem;
    margin-top: 3rem
}

.lb-footer .footer-logo img {
    height: 44px;
    margin-bottom: 1.5rem
}

.lb-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    margin-bottom: 1.5rem
}

.lb-footer-links a {
    color: var(--lb-muted);
    font-size: .9rem;
    transition: color .2s
}

.lb-footer-links a:hover {
    color: var(--lb-btn-primary)
}

.lb-footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.lb-footer-legal-links a {
    color: var(--lb-muted);
    font-size: .82rem
}

.lb-footer-legal-links a:hover {
    color: var(--lb-btn-primary)
}

.payment-logos, .provider-logos {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin-bottom: 1rem
}

.payment-logo, .provider-logo {
    background: rgba(255, 255, 255, .08);
    border-radius: 6px;
    padding: .35rem .75rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--lb-muted);
    border: 1px solid rgba(255, 255, 255, .1)
}

.copyright {
    font-size: .82rem;
    color: var(--lb-muted);
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .08)
}

.lb-widget {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #2c1753, #463195);
    border-top: 2px solid var(--lb-btn-primary);
    padding: .75rem 1rem;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.lb-widget-text {
    font-size: .9rem;
    font-weight: 600;
    color: var(--lb-text)
}

.lb-widget-bonus {
    color: var(--lb-btn-primary);
    font-weight: 800
}

.lb-widget-close {
    background: transparent;
    border: none;
    color: var(--lb-muted);
    font-size: 1.2rem;
    cursor: pointer;
    padding: .2rem .5rem;
    line-height: 1;
    transition: color .2s
}

.lb-widget-close:hover {
    color: var(--lb-text)
}

.bonus-card {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 1.5rem;
    text-align: center;
    transition: transform .2s
}

.bonus-card:hover {
    transform: translateY(-4px)
}

.bonus-card-badge {
    background: linear-gradient(135deg, var(--lb-btn-primary), #e8c000);
    color: #1a0d3a;
    font-weight: 800;
    font-size: .78rem;
    border-radius: 20px;
    padding: .2rem .75rem;
    display: inline-block;
    margin-bottom: .75rem;
    letter-spacing: .05em
}

.bonus-card h5 {
    font-weight: 700;
    margin-bottom: .5rem
}

.bonus-card p {
    font-size: .88rem;
    color: var(--lb-muted)
}

.promo-accent {
    background: linear-gradient(135deg, #463195, #2c1753);
    border: 2px solid var(--lb-btn-primary);
    border-radius: 16px;
    padding: 2.5rem;
    text-align: center
}

.promo-code-box {
    background: #1a0d3a;
    border: 2px dashed var(--lb-btn-primary);
    border-radius: 10px;
    padding: 1rem 2rem;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .15em;
    color: var(--lb-btn-primary);
    cursor: pointer;
    margin: 1rem 0;
    transition: background .2s
}

.promo-code-box:hover {
    background: #251450
}

.copy-msg {
    font-size: .82rem;
    color: #4cff91;
    min-height: 1.2em;
    display: block;
    margin-top: .25rem
}

.info-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden
}

.info-table th, .info-table td {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--lb-border);
    text-align: left
}

.info-table th {
    background: rgba(70, 49, 149, .5);
    font-weight: 700;
    width: 40%;
    color: var(--lb-muted);
    font-size: .9rem
}

.info-table td {
    font-weight: 600
}

.info-table tr:last-child th, .info-table tr:last-child td {
    border-bottom: none
}

.jackpot-ticker {
    background: linear-gradient(90deg, #463195, #2c1753);
    border: 2px solid var(--lb-btn-primary);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center
}

.jackpot-amount {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--lb-btn-primary);
    letter-spacing: .05em;
    animation: jpulse 2s ease-in-out infinite
}

@keyframes jpulse {
    0%, 100% {
        text-shadow: 0 0 20px rgba(255, 220, 65, .4)
    }
    50% {
        text-shadow: 0 0 40px rgba(255, 220, 65, .8)
    }
}

.slot-game-card {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    transition: transform .2s
}

.slot-game-card:hover {
    transform: translateY(-4px)
}

.slot-game-card img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

.slot-game-card-body {
    padding: 1rem
}

.slot-game-card h6 {
    font-weight: 700;
    margin-bottom: .5rem
}

.game-modal .modal-content {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    color: var(--lb-text)
}

.game-modal .modal-header {
    border-bottom: 1px solid var(--lb-border)
}

.game-modal .modal-header .btn-close {
    filter: invert(1)
}

.game-modal iframe {
    border-radius: 8px
}

.author-box {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 1.5rem;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start
}

.author-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--lb-btn-primary);
    flex-shrink: 0
}

.author-name {
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: .25rem
}

.author-title {
    color: var(--lb-btn-secondary);
    font-size: .88rem;
    margin-bottom: .5rem
}

.author-bio {
    color: var(--lb-muted);
    font-size: .88rem;
    line-height: 1.6
}

.author-links a {
    font-size: .82rem;
    color: var(--lb-btn-secondary);
    margin-right: .75rem
}

.breadcrumb-wrap {
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
    padding: .5rem 1rem;
    margin-bottom: 1.5rem
}

.breadcrumb-item a {
    color: var(--lb-btn-secondary)
}

.breadcrumb-item.active {
    color: var(--lb-muted)
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--lb-muted)
}

.content-block h2 {
    color: var(--lb-btn-primary);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: .75rem
}

.content-block h3 {
    color: var(--lb-muted);
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.content-block p {
    margin-bottom: 1rem;
    line-height: 1.8
}

.content-block ul, .content-block ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem
}

.content-block li {
    margin-bottom: .4rem;
    line-height: 1.7
}

.content-block table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    overflow-x: auto;
    display: block
}

.content-block table th {
    background: rgba(70, 49, 149, .5);
    padding: .65rem 1rem;
    text-align: left;
    font-weight: 700;
    border: 1px solid var(--lb-border)
}

.content-block table td {
    padding: .65rem 1rem;
    border: 1px solid var(--lb-border)
}

.content-block a {
    color: var(--lb-btn-secondary);
    text-decoration: underline
}

.rating-bar-wrap {
    margin-bottom: .75rem
}

.rating-bar-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem;
    font-size: .9rem
}

.rating-bar {
    height: 10px;
    background: rgba(255, 255, 255, .1);
    border-radius: 5px;
    overflow: hidden
}

.rating-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--lb-btn-secondary), var(--lb-btn-primary));
    border-radius: 5px;
    transition: width 1s ease
}

.download-btn {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: 12px;
    padding: 1rem 1.5rem;
    transition: all .2s;
    text-decoration: none;
    color: var(--lb-text)
}

.download-btn:hover {
    border-color: var(--lb-btn-primary);
    background: #3a2068;
    color: var(--lb-text);
    transform: translateY(-2px)
}

.download-btn-icon {
    font-size: 2rem;
    flex-shrink: 0
}

.download-btn-text strong {
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.download-btn-text span {
    font-size: .82rem;
    color: var(--lb-muted)
}

.verification-step {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--lb-border)
}

.verification-step:last-child {
    border-bottom: none
}

.verification-num {
    background: var(--lb-btn-primary);
    color: #1a0d3a;
    font-weight: 800;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .9rem
}

.category-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06)
}

.category-rating:last-child {
    border-bottom: none
}

.stars-static {
    color: #ffdc41;
    font-size: .95rem
}

.overall-score {
    font-size: 4rem;
    font-weight: 900;
    color: var(--lb-btn-primary);
    line-height: 1
}

.score-label {
    color: var(--lb-muted);
    font-size: .88rem
}

.tech-content {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 0
}

.tech-content h1 {
    color: var(--lb-btn-primary);
    font-weight: 800;
    margin-bottom: 1.5rem
}

.tech-content h2 {
    color: var(--lb-text);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: .75rem;
    font-size: 1.25rem
}

.tech-content h3 {
    color: var(--lb-muted);
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.tech-content p, .tech-content li {
    line-height: 1.8;
    margin-bottom: .75rem
}

.tech-content ul, .tech-content ol {
    padding-left: 1.5rem
}

.navbar-toggler {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.carousel-item-lb {
    display: none
}

.carousel-item-lb.active {
    display: block
}

.screenshot-slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--lb-radius)
}

.screenshot-slider img {
    border-radius: var(--lb-radius);
    border: 1px solid var(--lb-border)
}

.slider-arrow {
    background: rgba(70, 49, 149, .7);
    border: none;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s
}

.slider-arrow:hover {
    background: var(--lb-btn-primary);
    color: #1a0d3a
}

.winner-badge {
    background: linear-gradient(135deg, #ffdc41, #e8c000);
    color: #1a0d3a;
    font-size: .7rem;
    font-weight: 800;
    border-radius: 3px;
    padding: .1rem .4rem
}

.security-item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: flex-start
}

.security-icon {
    font-size: 1.5rem;
    flex-shrink: 0
}

.alt-brand-card {
    background: var(--lb-card);
    border: 1px solid var(--lb-border);
    border-radius: var(--lb-radius);
    padding: 1.25rem;
    text-align: center
}

.alt-brand-card h6 {
    font-weight: 700;
    margin-bottom: .25rem
}

.alt-brand-card p {
    font-size: .82rem;
    color: var(--lb-muted);
    margin: 0
}

.wp-block-group {
    display: block
}

.entry-content p {
    margin-bottom: 1rem
}

.site-main .entry-header {
    padding: 1rem 0
}

.elementor-section {
    width: 100%
}

.wp-caption {
    text-align: center
}

.wp-pagenavi {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem 0
}

.wp-pagenavi .page {
    padding: .4rem .75rem;
    border-radius: 6px;
    background: var(--lb-card);
    color: var(--lb-muted)
}

.yoast-seo-content {
    display: none
}

.single-post .post-thumbnail {
    margin-bottom: 1.5rem
}

.woocommerce-message {
    display: none
}

.elementor-widget-text-editor p {
    margin-bottom: 1rem
}

.page-template-full-width .site-content {
    max-width: 100%
}

.lb-qjx7 {
    display: none
}

.lb-m9p2 {
    visibility: hidden;
    position: absolute
}

.lb-fk3r {
    overflow: hidden;
    height: 0
}

@media (max-width: 991px) {
    .pros-cons {
        grid-template-columns:1fr
    }

    .lb-widget {
        flex-wrap: wrap;
        gap: .5rem
    }

    .author-box {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .lb-hero {
        min-height: 320px
    }

    .lb-hero h1, .lb-hero h2 {
        font-size: 1.6rem
    }

    .slot-reel {
        width: 65px;
        height: 65px;
        font-size: 2rem
    }

    .winner-table th:nth-child(4), .winner-table td:nth-child(4) {
        display: none
    }

    .info-table {
        display: block;
        overflow-x: auto
    }

    .screenshot-slider {
        overflow-x: auto
    }

    .header-cta .btn-lb-secondary, .header-cta .btn-lb-primary {
        padding: .35rem .75rem;
        font-size: .82rem
    }
}

@media (max-width: 576px) {
    .lb-section {
        padding: 2rem 0
    }

    .lb-hero {
        min-height: 280px
    }

    .jackpot-amount {
        font-size: 1.8rem
    }
}

@media (max-width: 991px) {
    .lb-navbar {
        padding: .65rem .75rem;
    }

    .lb-navbar > .container-fluid {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "logo actions actions"
            "toggle toggle toggle"
            "menu menu menu";
        align-items: center;
        gap: .65rem;
        padding: 0;
    }

    .lb-navbar .navbar-brand {
        grid-area: logo;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .lb-navbar .navbar-brand img {
        width: auto;
        height: 40px;
        max-width: 42px;
        object-fit: contain;
    }

    .lb-navbar .order-lg-3 {
        grid-area: actions;
        justify-self: end;
        min-width: 0;
        gap: .4rem !important;
    }

    .lb-navbar .header-cta {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
        gap: .4rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: .45rem .75rem;
        border-radius: 7px;
        font-size: .78rem;
        line-height: 1;
        white-space: nowrap;
    }

    .lb-navbar .btn-lb-login {
        border-width: 1px;
    }

    .lb-navbar .navbar-toggler {
        grid-area: toggle;
        width: 42px;
        height: 38px;
        margin: 0 !important;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, .25);
        border-radius: 7px;
        box-shadow: none;
    }

    .lb-navbar .navbar-toggler:focus {
        box-shadow: 0 0 0 2px rgba(255, 220, 65, .2);
    }

    .lb-navbar .navbar-toggler-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }

    .lb-navbar .navbar-collapse {
        grid-area: menu;
        width: 100%;
        margin-top: 0;
    }

    .lb-navbar .navbar-nav {
        width: 100%;
        margin: .25rem 0 0 !important;
        padding: .5rem;
        gap: .2rem !important;
        background: rgba(26, 13, 58, .55);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 10px;
    }

    .lb-navbar .lb-nav-link {
        display: block;
        width: 100%;
        padding: .65rem .75rem !important;
        border-radius: 7px;
        font-size: .88rem;
    }
}

@media (max-width: 576px) {
    .lb-header {
        padding-bottom: 0;
    }

    .lb-navbar {
        padding: .55rem .65rem;
    }

    .lb-navbar > .container-fluid {
        grid-template-columns: 38px minmax(0, 1fr);
        grid-template-areas:
            "logo actions"
            "toggle toggle"
            "menu menu";
        gap: .55rem;
    }

    .lb-navbar .navbar-brand img {
        width: 36px;
        height: 36px;
    }

    .lb-navbar .header-cta {
        width: 100%;
        gap: .35rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        min-height: 34px;
        padding: .4rem .65rem;
        font-size: .72rem;
    }

    .lb-navbar .navbar-toggler {
        width: 40px;
        height: 36px;
    }
}

@media (max-width: 380px) {
    .lb-navbar {
        padding: .5rem;
    }

    .lb-navbar > .container-fluid {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .4rem;
    }

    .lb-navbar .navbar-brand img {
        width: 32px;
        height: 32px;
    }

    .lb-navbar .header-cta {
        gap: .25rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        padding: .38rem .5rem;
        font-size: .68rem;
    }
}

@media (max-width: 991px) {
    .lb-navbar {
        padding: .6rem .75rem;
    }

    .lb-navbar > .container-fluid {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
        padding: 0;
    }

    .lb-navbar .navbar-brand {
        order: 1;
        margin: 0 auto 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .lb-navbar .navbar-brand img {
        width: auto;
        height: 38px;
        max-width: 40px;
        object-fit: contain;
    }

    .lb-navbar .order-lg-3 {
        order: 2 !important;
        margin: 0;
        flex: 0 0 auto;
    }

    .lb-navbar .header-cta {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: .35rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: .4rem .65rem;
        font-size: .72rem;
        line-height: 1;
        white-space: nowrap;
        border-radius: 7px;
    }

    .lb-navbar .btn-lb-login {
        border-width: 1px;
    }

    .lb-navbar .navbar-toggler {
        order: 3 !important;
        flex: 0 0 38px;
        width: 38px;
        height: 34px;
        margin: 0 !important;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
    }

    .lb-navbar .navbar-toggler-icon {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .lb-navbar .navbar-collapse {
        order: 4 !important;
        flex-basis: 100%;
        width: 100%;
    }

    .lb-navbar .navbar-nav {
        width: 100%;
        margin: .5rem 0 0 !important;
        padding: .5rem;
        background: rgba(26, 13, 58, .65);
        border-radius: 10px;
    }

    .lb-navbar .lb-nav-link {
        padding: .6rem .75rem !important;
        font-size: .85rem;
    }
}

@media (max-width: 480px) {
    .lb-navbar {
        padding: .5rem;
    }

    .lb-navbar > .container-fluid {
        flex-wrap: wrap;
        gap: .35rem;
    }

    .lb-navbar .navbar-brand {
        margin-right: auto;
    }

    .lb-navbar .navbar-brand img {
        width: 32px;
        height: 32px;
    }

    .lb-navbar .header-cta {
        gap: .25rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        min-height: 31px;
        padding: .35rem .5rem;
        font-size: .65rem;
    }

    .lb-navbar .navbar-toggler {
        flex-basis: 34px;
        width: 34px;
        height: 31px;
    }

    .lb-navbar .navbar-toggler-icon {
        width: 18px;
        height: 18px;
        background-size: 18px;
    }
}

@media (max-width: 991px) {
    .lb-navbar {
        padding: .75rem 1rem;
    }

    .lb-navbar > .container-fluid {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .65rem;
        padding: 0;
    }

    .lb-navbar .navbar-brand {
        order: 1;
        margin: 0 auto 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .lb-navbar .navbar-brand img {
        width: auto;
        height: 44px;
        max-width: 46px;
        object-fit: contain;
    }

    .lb-navbar .order-lg-3 {
        order: 2 !important;
        margin: 0;
        flex: 0 0 auto;
    }

    .lb-navbar .header-cta {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: .5rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: .5rem .85rem;
        font-size: .8rem;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        border-radius: 8px;
    }

    .lb-navbar .btn-lb-login {
        border-width: 1.5px;
    }

    .lb-navbar .navbar-toggler {
        order: 3 !important;
        flex: 0 0 44px;
        width: 44px;
        height: 40px;
        margin: 0 !important;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .lb-navbar .navbar-toggler-icon {
        width: 23px;
        height: 23px;
        background-size: 23px;
    }

    .lb-navbar .navbar-collapse {
        order: 4 !important;
        flex-basis: 100%;
        width: 100%;
    }

    .lb-navbar .navbar-nav {
        width: 100%;
        margin: .65rem 0 0 !important;
        padding: .6rem;
        background: rgba(26, 13, 58, .65);
        border-radius: 10px;
    }

    .lb-navbar .lb-nav-link {
        padding: .7rem .85rem !important;
        font-size: .9rem;
    }
}

@media (max-width: 480px) {
    .lb-navbar {
        padding: .65rem .7rem;
    }

    .lb-navbar > .container-fluid {
        gap: .45rem;
    }

    .lb-navbar .navbar-brand img {
        width: 40px;
        height: 40px;
    }

    .lb-navbar .header-cta {
        gap: .35rem;
    }

    .lb-navbar .btn-lb-login,
    .lb-navbar .btn-lb-primary {
        min-height: 36px;
        padding: .45rem .65rem;
        font-size: .72rem;
    }

    .lb-navbar .navbar-toggler {
        flex-basis: 40px;
        width: 40px;
        height: 36px;
    }

    .lb-navbar .navbar-toggler-icon {
        width: 21px;
        height: 21px;
        background-size: 21px;
    }
}

@media (max-width: 767px) {
    .game-modal {
        z-index: 99999;
    }

    .game-modal .modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    .game-modal .modal-content {
        height: 100%;
        border-radius: 0;
        position: relative;
        z-index: 2;
    }

    .game-modal .modal-body {
        position: relative;
        z-index: 2;
        padding: 8px !important;
    }

    .game-modal iframe,
    #gameFrame {
        display: block;
        position: relative;
        z-index: 10;
        width: 100%;
        height: 70vh;
        min-height: 450px;
        border: 0;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    .modal-backdrop {
        z-index: 99998;
    }

    .game-modal .modal-header,
    .game-modal .modal-body {
        pointer-events: auto;
    }

    .game-modal .btn-close,
    .game-modal a,
    .game-modal button {
        position: relative;
        z-index: 20;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    .lb-widget {
        z-index: 1000;
    }

    body.modal-open .lb-widget {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .game-modal {
        z-index: 99999 !important;
        pointer-events: auto !important;
    }

    .game-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
        pointer-events: auto !important;
    }

    .game-modal .modal-content,
    .game-modal .modal-body {
        position: relative;
        pointer-events: auto !important;
    }

    .game-modal .modal-body::before,
    .game-modal .modal-body::after,
    .game-modal .modal-content::before,
    .game-modal .modal-content::after {
        pointer-events: none !important;
    }

    #gameFrame {
        position: relative;
        z-index: 50;
        display: block;
        width: 100%;
        height: 72vh;
        min-height: 500px;
        border: 0;
        pointer-events: auto !important;
        touch-action: auto !important;
        user-select: auto;
        -webkit-user-select: auto;
    }

    body.modal-open .lb-widget,
    body.modal-open .lb-header {
        pointer-events: none !important;
    }

    .game-modal .modal-header,
    .game-modal .btn-close,
    .game-modal .modal-body > .text-center,
    .game-modal .modal-body > .text-center a {
        pointer-events: auto !important;
    }

    .modal-backdrop {
        pointer-events: none !important;
    }
}