html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; scroll-behavior: smooth;}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

        .float_left{float:left}.float_right{float:right}.clear{clear:both}.text_center{text-align:center}.text_right{text-align:right}.tt_u{text-transform:uppercase}.block{display:block}.inline_block{display:inline-block}.w_full{width:100%}
        
        body {
            color: #000;
            font: normal 12px/1.4 Arial, Helvetica, sans-serif;
            background-color: #f5f5f5;
            -webkit-font-smoothing: antialiased;
            min-width: 320px;
        }
        
        a { color: #000; text-decoration: none; transition: color 0.2s; }
        a:hover { color: #c30; }

        .wrapper_v1 {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
            box-sizing: border-box;
            padding: 0 10px;
        }

        .header { background: #fff; border-bottom: 1px solid #ddd; }
        .header__bg { background: #fff; padding-bottom: 0; }
        .header__inner { position: relative; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        
        .logo_link img { height: 50px; width: auto; display: block; }
        
        .header__right_side { text-align: right; }
        .search_tool { display: flex; align-items: center; }
        .search_tool__field { height: 30px; padding: 0 10px; border: 1px solid #ccc; font-size: 12px; }
        .search_tool__btn { 
            height: 30px; width: 30px; border: 1px solid #ccc; border-left: 0; background: #c30; color: white; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
        }
        .search_tool__btn::after { content: "🔍"; font-size: 12px; }

        .header__menu_wrapper { background: #ab260c; border-top: 1px solid #db3700; border-bottom: 1px solid #b9371d; margin-top: 10px; }
        .header__menu { 
            list-style: none; padding: 0; margin: 0; 
            display: flex; flex-wrap: wrap; 
        }
        .header__menu__item { flex-grow: 1; text-align: center; }
        .header__menu__item__link {
            display: block;
            padding: 15px 10px;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            border-right: 1px solid rgba(0,0,0,0.1);
            border-left: 1px solid rgba(255,255,255,0.1);
        }
        .header__menu__item__link:hover { background: rgba(0,0,0,0.1); }
        .header__menu__item__link_active { background: #fff; color: #c30; }

        .menu-toggle { display: none; }

        .page_wrapper { background: #fff; min-height: 600px; padding-bottom: 40px; }
        .content_bg { background-color: #fff; padding-top: 20px; }

        .footer { background: #f9f9f9; border-top: 3px solid #c30; margin-top: 0; padding-bottom: 20px; }
        .footer__menu { text-align: center; padding: 20px 0; list-style: none; }
        .footer__menu__item { display: inline-block; padding: 0 10px; border-right: 1px solid #ccc; }
        .footer__menu__item:last-child { border: none; }
        .footer__copyright { text-align: center; color: #666; font-size: 11px; margin-top: 20px; line-height: 1.5; }
        .seo__text { color: #888; font-size: 11px; margin-top: 20px; }

        .casino-hero { text-align: center; padding: 20px 0 30px; border-bottom: 1px solid #eee; margin-bottom: 30px; }
        .casino-hero h1 { color: #333; font-size: 28px; text-transform: uppercase; margin-bottom: 20px; }

        .author-simple { display: flex; align-items: center; justify-content: center; margin: 15px auto; max-width: 600px; }
        .author-simple__img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 15px; background: #f0f0f0; border: 2px solid #fff; box-shadow: 0 0 0 1px #eee; object-fit: cover; flex-shrink: 0; }
        .author-simple__info { text-align: left; }
        .author-simple__name { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 3px; line-height: 1.2; }
        .author-simple__date { font-size: 12px; color: #888; line-height: 1.2; }

        .casino-table { width: 100%; border: 1px solid #e0e0e0; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 40px; }
        .casino-row { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 15px; background: #fff; transition: background 0.2s; }
        .casino-row:hover { background: #fcfcfc; }
        .casino-row:last-child { border-bottom: none; }
        
        .casino-row.gold-highlight { border: 2px solid #FFD700; background: #fffae6; position: relative; margin: -1px; z-index: 2; }
        
        .col-rank { width: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #999; }
        .col-logo { width: 120px; text-align: center; }
        
        .logo-wrapper { display: block; width: 100px; height: 60px; margin: 0 auto; position: relative; background-color: #000; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 4px;}
        .logo-wrapper img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; border: none; }
        .logo-wrapper.track-click { cursor: pointer; }

        .col-info { flex: 1; padding: 0 0 0 20px; }
        .col-bonus { width: 30%; text-align: center; color: #c30; font-weight: bold; font-size: 14px; }
        .col-rating { width: 100px; text-align: center; }
        .col-action { width: 150px; text-align: right; }

        .casino-name { display: block; font-size: 16px; font-weight: bold; color: #000; margin-bottom: 4px; }
        .casino-features { font-size: 11px; color: #777; list-style: none; padding: 0; margin: 0; }
        .casino-features li { display: inline-block; margin-right: 10px; }
        .casino-features li::before { content: "✓ "; color: #2ecc71; font-weight: bold; }
        .casino-features li.negative::before { content: "✕ "; color: #e74c3c; font-weight: bold; }

        .rating-stars { color: #f1c40f; font-size: 14px; letter-spacing: 2px; }
        .rating-score { font-weight: bold; color: #333; margin-top: 5px; display: block; }

        .btn-play {
            display: inline-block;
            background: #c30;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            text-transform: uppercase;
            font-weight: bold;
            font-family: inherit;
            font-size: 13px;
            text-decoration: none;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
            box-shadow: 0 2px 0 #900;
            cursor: pointer;
            transition: background 0.2s;
        }
        .btn-play:hover { background: #e03500; color: #fff; box-shadow: 0 2px 0 #a00; }

        .content-text { max-width: 800px; margin: 0 auto; line-height: 1.6; font-size: 14px; color: #333; }
        .content-text h2 { color: #c30; font-size: 20px; margin-top: 30px; text-transform: uppercase; }
        .content-text p { margin-bottom: 15px; }
        .content-text img.content-image { display: block; width: 90%; max-width: 90%; height: auto; margin: 25px auto; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

        .table-responsive { width: 100%; overflow-x: auto; margin: 20px 0; border: 1px solid #e0e0e0; }
        .content-table { width: 100%; min-width: 600px; border-collapse: collapse; }
        .content-table th, .content-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #eee; }
        .content-table th { background-color: #f5f5f5; font-weight: bold; color: #333; text-transform: uppercase; font-size: 12px; }
        .content-table tr:hover { background-color: #fafafa; }

        .extra-casinos { margin: 25px 0; border: 1px solid #e0e0e0; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
        .extra-row { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 15px; background: #fff; transition: background 0.2s; }
        .extra-row:hover { background: #fcfcfc; }
        .extra-row:last-child { border-bottom: none; }
        .extra-col-logo { width: 120px; text-align: center; flex-shrink: 0; }
        .extra-col-bonus { flex: 1; text-align: center; color: #333; font-weight: bold; font-size: 14px; padding: 0 20px; }
        .extra-col-action { width: 150px; text-align: right; flex-shrink: 0; }

        .maintenance-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.85);
            display: flex; align-items: center; justify-content: center;
            visibility: hidden; opacity: 0;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 99999;
        }
        .maintenance-overlay.active { visibility: visible; opacity: 1; }
        .maintenance-popup {
            background: #fff; width: 90%; max-width: 450px;
            border-radius: 8px; overflow: hidden; text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            font-family: Arial, sans-serif;
            position: relative;
        }
        .maintenance-header { background: #c30; color: #fff; padding: 18px; font-weight: bold; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
        .maintenance-body { padding: 20px 25px; color: #333; }
        .maintenance-body p { margin: 0 0 10px; font-size: 14px; line-height: 1.5; }
        
        .maintenance-timer-box { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 15px 0; font-size: 16px; font-weight: bold; color: #c30; }
        .spinner {
            width: 20px; height: 20px; border: 3px solid rgba(204, 51, 0, 0.2);
            border-top-color: #c30; border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { 100% { transform: rotate(360deg); } }

        .partner-box { background: #f9f9f9; border: 1px solid #eaeaea; border-radius: 6px; padding: 15px; margin-top: 15px; }
        .partner-box-title { font-size: 12px; text-transform: uppercase; color: #c30; font-weight: bold; margin-bottom: 12px; }
        .partner-card { display: flex; flex-direction: column; align-items: center; gap: 10px; }
        .partner-card .logo-wrapper { width: 120px; height: 50px; }
        .partner-card .bonus-text { font-size: 13px; font-weight: bold; color: #333; background: #fff; border: 1px dashed #c30; padding: 8px; border-radius: 4px; width: 100%; box-sizing: border-box; }
        .partner-card .btn-play { box-shadow: 0 3px 0 #900; }

        .small-partner-card {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 12px;
            margin-top: 12px;
            border-top: 1px solid #eaeaea;
            text-align: left;
        }
        .small-partner-info strong { color: #333; font-size: 13px; display: block; margin-bottom: 2px;}
        .small-partner-info span { font-size: 11px; color: #777; }

        .close-maintenance { position: absolute; top: 15px; right: 15px; color: #fff; background: transparent; border: none; font-size: 20px; cursor: pointer; line-height: 1; }

        .scroll-top-btn {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 46px;
            height: 46px;
            background-color: #c30;
            color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 22px;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0,0,0,0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 999;
        }
        .scroll-top-btn.show {
            opacity: 1;
            visibility: visible;
        }
        .scroll-top-btn:hover {
            background-color: #a00;
            transform: translateY(-3px);
            box-shadow: 0 6px 14px rgba(0,0,0,0.3);
        }

        .img {
            display: block;
            margin: auto;
            width: 100%;
            border: 1px solid #eee;
        }

        @media (max-width: 768px) {
            .header__inner { flex-direction: column; text-align: center; padding-bottom: 10px; }
            .header__right_side { margin-top: 15px; width: 100%; display: flex; justify-content: center; }
            .logo_link { margin-bottom: 5px; }
            
            .menu-toggle { display: block; background: none; border: none; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 15px; width: 100%; text-align: left; cursor: pointer; }
            .menu-toggle::before { content: "☰"; font-size: 24px; margin-right: 0; vertical-align: middle; }
            .header__menu_wrapper { padding: 0; }
            .header__menu { display: none; flex-direction: column; }
            .header__menu.is-active { display: block; }
            .header__menu__item { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); width: 100%; text-align: left; }
            .header__menu__item__link { border: none; padding: 12px 15px; }

            .casino-table { border: none; box-shadow: none; background: transparent; }
            
            .casino-row { 
                display: grid;
                grid-template-columns: 105px 1fr;
                grid-template-areas: 
                    "logo info"
                    "bonus bonus"
                    "rating action";
                gap: 10px;
                position: relative; 
                padding: 15px 12px;
                margin-bottom: 25px;
                border: 1px solid #e0e0e0;
                border-radius: 8px;
                background: #fff;
                box-shadow: 0 4px 6px rgba(0,0,0,0.03); 
            }
            .casino-row:last-child { margin-bottom: 10px; }
            
            .casino-row.gold-highlight { border: 2px solid #FFD700; box-shadow: 0 6px 15px rgba(255, 215, 0, 0.15); margin: 0 0 25px 0; z-index: 5; }

            .col-rank { position: absolute; top: -10px; left: -6px; width: 30px; height: 30px; background: #444; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: bold; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
            .casino-row.gold-highlight .col-rank { background: #FFD700; color: #000; }

            .col-logo { grid-area: logo; width: 100%; text-align: center; margin: 0; }
            .logo-wrapper { width: 100%; max-width: 100%; height: 55px; }
            
            .col-info { grid-area: info; width: 100%; padding: 0; text-align: left; display: flex; flex-direction: column; justify-content: center; }
            .casino-features { display: flex; flex-direction: column; gap: 4px; }
            .casino-features li { margin-right: 0; font-size: 11px; display: block; white-space: normal; line-height: 1.2; }
            
            .col-bonus { grid-area: bonus; width: 100%; margin: 5px 0; padding: 10px; background: #fff9f8; border: 1px dashed #f5b7b1; border-radius: 6px; text-align: center; font-size: 13px; box-sizing: border-box; }
            
            .col-rating { grid-area: rating; display: flex; align-items: center; gap: 4px; width: auto; position: static; }
            .rating-stars { font-size: 12px; letter-spacing: 1px; }
            .rating-score { margin-top: 0; font-size: 12px; }
            
            .col-action { grid-area: action; width: 100%; text-align: right; margin: 0; }
            .btn-play { width: 100%; padding: 10px 8px; font-size: 13px; box-shadow: 0 3px 0 #900;}
            
            .author-simple { justify-content: center; }

            .extra-casinos { border: none; overflow: visible; background: transparent; }
            .extra-row { 
                display: grid;
                grid-template-columns: 105px 1fr;
                grid-template-areas: "logo bonus" "logo action";
                gap: 10px; padding: 15px 12px; margin-bottom: 15px;
                border: 1px solid #e0e0e0; border-radius: 8px; background: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.03);
            }
            .extra-row:last-child { margin-bottom: 0; }
            .extra-col-logo { grid-area: logo; width: 100%; margin: 0; }
            .extra-col-bonus { grid-area: bonus; width: 100%; margin: 0; padding: 8px; background: #fff9f8; border: 1px dashed #f5b7b1; border-radius: 6px; text-align: center; font-size: 13px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
            .extra-col-action { grid-area: action; width: 100%; margin: 0; display: flex; align-items: center; }

            .scroll-top-btn {
                bottom: 20px;
                right: 20px;
                width: 40px;
                height: 40px;
                font-size: 20px;
            }
        }