.pdrg-wrap{

    width:min(760px,100%);

    margin:16px auto;

    position:relative;

    box-sizing:border-box;

    font-family:inherit;

}



.pdrg-wrap *{

    box-sizing:border-box;

}



.pdrg-toggle{

    width:100%;

    min-height:58px;

    padding:12px 20px;

    appearance:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    border:1px solid #f06a00;

    border-radius:17px;

    color:#fff;

    font-size:18px;

    font-weight:900;

    background:

        radial-gradient(

            circle at 14% 45%,

            rgba(255,126,0,.28),

            transparent 27%

        ),

        linear-gradient(

            100deg,

            #461a0b,

            #181722 72%

        );

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.09),

        0 8px 22px rgba(0,0,0,.32),

        0 0 17px rgba(255,102,0,.10);

    transition:

        transform .15s ease,

        filter .15s ease,

        box-shadow .15s ease;

}



.pdrg-toggle:hover{

    transform:translateY(-1px);

    filter:brightness(1.06);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.10),

        0 11px 26px rgba(0,0,0,.40),

        0 0 22px rgba(255,102,0,.16);

}



.pdrg-toggle__arrow{

    transition:transform .18s ease;

}



.pdrg-wrap.is-open .pdrg-toggle__arrow{

    transform:rotate(180deg);

}



.pdrg-panel{

    margin-top:10px;

    overflow:hidden;

    border:1px solid #cf5700;

    border-radius:17px;

    background:

        linear-gradient(

            105deg,

            rgba(59,18,7,.97),

            rgba(17,18,27,.98)

        );

    box-shadow:

        0 12px 28px rgba(0,0,0,.38);

}



.pdrg-list{

    padding:9px;

}



.pdrg-item{

    width:100%;

    margin:0 0 8px;

    padding:10px 13px;

    min-height:64px;

    appearance:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    text-align:left;

    border:1px solid rgba(255,255,255,.08);

    border-radius:13px;

    color:#fff;

    background:

        linear-gradient(

            90deg,

            rgba(78,26,9,.60),

            rgba(28,28,36,.86)

        );

    transition:

        transform .12s ease,

        border-color .12s ease,

        background .12s ease;

}



.pdrg-item:last-child{

    margin-bottom:0;

}



.pdrg-item:hover{

    transform:translateY(-1px);

    border-color:rgba(255,117,18,.48);

    background:

        linear-gradient(

            90deg,

            rgba(98,32,8,.72),

            rgba(32,32,42,.94)

        );

}



.pdrg-item.is-active-game{

    border-color:#ff761c;

    box-shadow:

        inset 0 0 0 1px rgba(255,118,28,.18),

        0 0 14px rgba(255,90,0,.12);

}



.pdrg-item__left{

    min-width:0;

    display:flex;

    align-items:center;

    gap:10px;

}



.pdrg-item__icon{

    width:40px;

    height:40px;

    flex:0 0 40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #9d4d00;

    border-radius:50%;

    font-size:21px;

    background:

        linear-gradient(

            180deg,

            #713307,

            #351800

        );

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.10);

}



.pdrg-item__title{

    font-size:16px;

    font-weight:900;

}



.pdrg-item__right{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-wrap:wrap;

    gap:7px;

}



.pdrg-chip{

    min-height:28px;

    padding:5px 9px;

    display:inline-flex;

    align-items:center;

    gap:4px;

    border-radius:999px;

    white-space:nowrap;

    font-size:11px;

    font-weight:700;

}



.pdrg-chip--count{

    color:#fff;

    border:1px solid rgba(213,114,13,.55);

    background:rgba(100,49,5,.52);

}



.pdrg-chip--count strong{

    color:#ffd0a4;

}



.pdrg-chip--active{

    color:#d8ffe1;

    border:1px solid rgba(29,190,87,.48);

    background:rgba(9,89,43,.57);

}



.pdrg-open-label{

    color:#ff984f;

    font-size:11px;

    font-weight:800;

    white-space:nowrap;

}



.pdrg-viewer{

    margin:0 9px 9px;

    overflow:hidden;

    border:1px solid #ff6819;

    border-radius:15px;

    background:#050505;

    box-shadow:

        inset 0 0 0 1px rgba(255,255,255,.03),

        0 9px 26px rgba(0,0,0,.42);

}



.pdrg-viewer[hidden]{

    display:none!important;

}



.pdrg-viewer-head{

    min-height:48px;

    padding:7px 10px 7px 14px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    background:

        linear-gradient(

            90deg,

            #471808,

            #111a23

        );

    border-bottom:1px solid rgba(255,105,25,.40);

}



.pdrg-viewer-title{

    color:#fff;

    font-size:15px;

}



.pdrg-close-game{

    appearance:none;

    cursor:pointer;

    padding:7px 12px;

    border:1px solid #9b3f27;

    border-radius:8px;

    color:#fff;

    font-size:11px;

    font-weight:900;

    background:

        linear-gradient(

            180deg,

            #6c2718,

            #36130d

        );

}



.pdrg-close-game:hover{

    border-color:#ff6b24;

    filter:brightness(1.10);

}



.pdrg-frame-shell{

    width:100%;

    background:#050505;

}



.pdrg-game-frame{

    display:block;

    width:100%;

    height:72vh;

    min-height:560px;

    max-height:850px;

    border:0;

    background:#050505;

}



.pdrg-viewer-foot{

    padding:9px;

    display:flex;

    justify-content:center;

    border-top:1px solid rgba(255,105,25,.30);

    background:

        linear-gradient(

            90deg,

            #261006,

            #0c141c

        );

}



.pdrg-footer{

    padding:11px 14px;

    text-align:center;

    border-top:1px solid rgba(255,255,255,.07);

    background:rgba(0,0,0,.20);

}



.pdrg-total{

    color:#f6f6f6;

    font-size:12px;

    font-weight:700;

}



.pdrg-total strong{

    color:#ffae76;

}



@media(max-width:700px){



    .pdrg-toggle{

        min-height:52px;

        padding:11px 14px;

        font-size:16px;

    }



    .pdrg-item{

        align-items:flex-start;

        flex-direction:column;

    }



    .pdrg-item__right{

        width:100%;

        justify-content:flex-start;

    }



    .pdrg-game-frame{

        height:68vh;

        min-height:500px;

    }



    .pdrg-viewer-head{

        align-items:flex-start;

        flex-direction:column;

    }



    .pdrg-close-game{

        width:100%;

    }

}






/* ============================================================

 * PDR JÁTÉKOK 3D GOMB 1.3.0

 * FŐGOMB LIVE JELZÉS + FULL WIDTH INLINE GAME

 * ============================================================ */





.pdrg-toggle__meta{

    min-width:0;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:9px;

}





.pdrg-toggle__live{

    min-height:29px;

    max-width:430px;

    padding:5px 10px;

    overflow:hidden;

    display:inline-flex;

    align-items:center;

    gap:6px;

    border:1px solid rgba(35,211,94,.60);

    border-radius:999px;

    color:#e6ffed;

    background:

        linear-gradient(

            180deg,

            rgba(11,111,50,.74),

            rgba(5,63,30,.76)

        );

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.09),

        0 0 13px rgba(29,213,91,.16);

    font-size:11px;

    font-weight:800;

    white-space:nowrap;

}





.pdrg-toggle__live[hidden]{

    display:none!important;

}





.pdrg-toggle__live-dot{

    color:#35f170;

    font-size:12px;

    line-height:1;

    text-shadow:

        0 0 8px rgba(53,241,112,.80);

}





.pdrg-toggle__live-text{

    display:block;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}





.pdrg-panel{

    overflow:visible!important;

}





/*

 * A menü maga marad kompakt,

 * de a megnyitott játék NEM szorul bele

 * a 760px széles menübe.

 *

 * Normál PDR tartalomszélességet kap.

 */

.pdrg-viewer{

    width:

        min(

            1000px,

            calc(100vw - 48px)

        )!important;



    max-width:none!important;



    position:relative!important;



    left:50%!important;



    transform:

        translateX(-50%)!important;



    margin:

        0 0 10px!important;

}





.pdrg-game-frame{

    width:100%!important;

    height:78vh!important;

    min-height:620px!important;

    max-height:900px!important;

}





@media(max-width:800px){



    .pdrg-toggle{

        align-items:flex-start;

    }





    .pdrg-toggle__meta{

        max-width:60%;

    }





    .pdrg-toggle__live{

        max-width:

            min(

                320px,

                48vw

            );



        font-size:10px;

    }





    .pdrg-viewer{

        width:

            calc(100vw - 22px)!important;

    }





    .pdrg-game-frame{

        height:74vh!important;

        min-height:540px!important;

    }

}





@media(max-width:520px){



    .pdrg-toggle{

        flex-wrap:wrap;

    }





    .pdrg-toggle__meta{

        width:100%;

        max-width:100%;

        justify-content:space-between;

    }





    .pdrg-toggle__live{

        max-width:

            calc(100% - 35px);

    }

}






/* ============================================================

 * PDR JÁTÉKOK 3D GOMB 1.4.0

 * NORMAL PDR WIDTH + TRUE LIVE STATE

 * ============================================================ */





.pdrg-toggle__live[hidden]{

    display:none!important;

}





/*

 * Maga a lenyíló JÁTÉK kapja meg

 * a PDR normál tartalomszélességét.

 */

.pdrg-viewer{

    width:

        min(

            1020px,

            calc(100vw - 28px)

        )!important;



    max-width:

        none!important;



    left:

        50%!important;



    transform:

        translateX(-50%)!important;



    margin:

        0 0 12px!important;

}





/*

 * A belső játékterület ne legyen

 * mesterségesen keskenyítve.

 */

.pdrg-frame-shell{

    width:

        100%!important;



    max-width:

        none!important;



    margin:

        0!important;



    padding:

        0!important;

}





.pdrg-game-frame{

    display:

        block!important;



    width:

        100%!important;



    max-width:

        none!important;



    height:

        80vh!important;



    min-height:

        650px!important;



    border:

        0!important;



    margin:

        0!important;

}





@media(max-width:1050px){



    .pdrg-viewer{

        width:

            calc(100vw - 20px)!important;

    }



}





@media(max-width:700px){



    .pdrg-game-frame{

        height:

            76vh!important;



        min-height:

            520px!important;

    }



}






/* ============================================================

 * PDR JÁTÉKOK 3D GOMB 1.5.0

 * LOW LOAD LIVE + EXTERNAL GAME BUTTON

 * ============================================================ */





/*

 * Alapból NEM létezik vizuálisan a live badge.

 *

 * Csak a JS adhat neki is-visible osztályt,

 * ha konkrét, nem lejárt játékosnevet talált.

 */

.pdrg-toggle__live{

    display:none!important;

}





.pdrg-toggle__live.is-visible{

    display:inline-flex!important;

}





.pdrg-row-live[hidden]{

    display:none!important;

}





.pdrg-item.has-live-player{

    border-color:

        rgba(

            42,

            211,

            96,

            .42

        )!important;



    box-shadow:

        inset 0 0 0 1px

        rgba(

            42,

            211,

            96,

            .06

        )!important;

}





/*

 * Mivel a játék sora most DIV,

 * ugyanúgy nézzen ki mint eddig.

 */

.pdrg-item{

    font-family:

        inherit!important;

}





/*

 * Külön új-oldalas vezérlő.

 *

 * Nem indítja el az inline játékot.

 */

.pdrg-newtab{

    min-height:

        28px!important;



    padding:

        5px 9px!important;



    display:

        inline-flex!important;



    align-items:

        center!important;



    justify-content:

        center!important;



    border:

        1px solid

        rgba(

            255,

            126,

            24,

            .58

        )!important;



    border-radius:

        8px!important;



    color:

        #fff!important;



    background:

        linear-gradient(

            180deg,

            rgba(133,54,8,.92),

            rgba(69,27,5,.94)

        )!important;



    box-shadow:

        inset 0 1px 0

        rgba(

            255,

            255,

            255,

            .10

        )!important;



    text-decoration:

        none!important;



    white-space:

        nowrap!important;



    font-size:

        10px!important;



    font-weight:

        800!important;



    cursor:

        pointer!important;

}





.pdrg-newtab:hover{

    color:

        #fff!important;



    border-color:

        #ff8a32!important;



    filter:

        brightness(1.12)!important;



    text-decoration:

        none!important;

}





@media(max-width:700px){



    .pdrg-newtab{

        width:

            100%!important;



        min-height:

            32px!important;

    }



}






/* ============================================================

 * PDR JÁTÉKOK 3D GOMB 1.6.0

 * CLEAN MENU – NO IFRAME

 * ============================================================ */





.pdrg-clean-160 .pdrg-item{

    width:

        100%!important;



    min-height:

        64px!important;



    padding:

        0!important;



    display:

        flex!important;



    align-items:

        stretch!important;



    gap:

        7px!important;



    cursor:

        default!important;



    overflow:

        hidden!important;

}





.pdrg-clean-160 .pdrg-item-main{

    min-width:

        0!important;



    flex:

        1 1 auto!important;



    padding:

        10px 13px!important;



    display:

        flex!important;



    align-items:

        center!important;



    justify-content:

        space-between!important;



    gap:

        12px!important;



    color:

        #fff!important;



    text-decoration:

        none!important;

}





.pdrg-clean-160 .pdrg-item-main:hover{

    color:

        #fff!important;



    text-decoration:

        none!important;



    background:

        rgba(

            255,

            110,

            20,

            .035

        )!important;

}





.pdrg-clean-160 .pdrg-open-label{

    padding:

        5px 8px!important;



    border:

        1px solid

        rgba(

            255,

            121,

            30,

            .30

        )!important;



    border-radius:

        7px!important;



    color:

        #ffae76!important;



    background:

        rgba(

            255,

            100,

            10,

            .06

        )!important;



    font-size:

        10px!important;



    font-weight:

        800!important;



    white-space:

        nowrap!important;

}





.pdrg-clean-160 .pdrg-newtab{

    flex:

        0 0 auto!important;



    width:

        auto!important;



    min-width:

        105px!important;



    margin:

        8px 8px 8px 0!important;



    padding:

        7px 9px!important;



    align-self:

        center!important;



    text-align:

        center!important;

}





/*

 * Régi iframe rendszerből maradt CSS

 * soha ne tudjon vizuálisan megjelenni.

 */

.pdrg-clean-160 .pdrg-viewer,

.pdrg-clean-160 .pdrg-frame-shell,

.pdrg-clean-160 .pdrg-game-frame,

.pdrg-clean-160 iframe{

    display:

        none!important;

}





/*

 * LIVE badge:

 * alapállapotban teljesen eltűnik.

 */

.pdrg-clean-160 .pdrg-toggle__live{

    display:

        none!important;

}





.pdrg-clean-160 .pdrg-toggle__live.is-visible{

    display:

        inline-flex!important;

}





.pdrg-clean-160 .pdrg-row-live[hidden]{

    display:

        none!important;

}





.pdrg-clean-160 .pdrg-item.has-live-player{

    border-color:

        rgba(

            31,

            218,

            93,

            .45

        )!important;



    box-shadow:

        inset 0 0 0 1px

        rgba(

            31,

            218,

            93,

            .07

        )!important;

}





@media(max-width:700px){



    .pdrg-clean-160 .pdrg-item{

        display:

            block!important;

    }





    .pdrg-clean-160 .pdrg-item-main{

        display:

            flex!important;



        flex-direction:

            column!important;



        align-items:

            flex-start!important;

    }





    .pdrg-clean-160 .pdrg-item__right{

        width:

            100%!important;



        justify-content:

            flex-start!important;

    }





    .pdrg-clean-160 .pdrg-newtab{

        width:

            calc(100% - 16px)!important;



        margin:

            0 8px 8px!important;

    }



}





/* ==========================================================

   PDR LIVE STATUS HARD OFF FINAL

   A "ki mivel jatszik" funkcio vegleg kikapcsolva.

   ========================================================== */



.pdrg-toggle__live,

.pdrg-row-live,

.pdr-inline-live-v101,

.pdr-inline-row-live-v101 {

    display: none !important;

    visibility: hidden !important;

}



/* PDR LIVE STATUS HARD OFF FINAL END */

/* ==========================================================

   PDR INLINE NATIVE STAGE FINAL V2

   ========================================================== */



/*

 * A menu marad a sajat mereteben.

 * Csak a megnyitott shortcode ter lep ki a keskeny sorbol.

 */



.pdrg-wrap.is-open,

.pdrg-wrap.is-open .pdrg-panel,

.pdrg-wrap.is-open .pdrg-list,

.pdrg-wrap.is-open .pdrg-item {

    overflow: visible !important;

}



.pdrg-wrap.is-open .pdrgai-inline-panel {

    position: relative !important;



    width: min(980px, calc(100vw - 32px)) !important;

    max-width: none !important;

    min-width: 0 !important;



    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;



    margin-left: 50% !important;

    margin-right: 0 !important;

    transform: translateX(-50%) !important;



    overflow: visible !important;

    box-sizing: border-box !important;

}



/*

 * Az AJAX host ne vagja le a shortcode-ot.

 */

.pdrgai-inline-panel .pdrgai-content,

.pdrgai-inline-panel .pdrgai-body,

.pdrgai-inline-panel .pdrgai-stage {

    width: 100% !important;

    max-width: none !important;



    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;



    overflow: visible !important;

}



/*

 * A jatekok SAJAT szelesseget nem irjuk felul.

 * Csak azt tiltjuk meg, hogy a host levagja oket.

 */

.pdrgai-inline-panel .pdr-sakk-app,

.pdrgai-inline-panel .pdr-snake-app,

.pdrgai-inline-panel #pdrs-app,

.pdrgai-inline-panel .pdrm-app,

.pdrgai-inline-panel .pdrm-root,

.pdrgai-inline-panel .pdr-tama-v072-output,

.pdrgai-inline-panel .pdr-tama-shell {

    max-width: 100% !important;



    height: auto !important;

    max-height: none !important;

}



/*

 * Live status vegleg nincs.

 */

.pdrg-toggle__live,

.pdrg-row-live,

.pdr-inline-live-v101,

.pdr-inline-row-live-v101 {

    display: none !important;

}



@media (max-width: 700px) {

    .pdrg-wrap.is-open .pdrgai-inline-panel {

        width: calc(100vw - 14px) !important;

        margin-left: 50% !important;

        transform: translateX(-50%) !important;

    }

}



/* PDR INLINE NATIVE STAGE FINAL V2 END */



/* ==========================================================

   PDR GAMES LIVE HARD OFF V162

   A "ki mivel jatszik" NEM resze tobbe a gombnak.

   ========================================================== */



html body .pdrg-wrap .pdrg-toggle .pdrg-toggle__live,

html body .pdrg-wrap .pdrg-toggle .pdrg-toggle__live.is-visible,

html body .pdrg-wrap .pdrg-toggle .pdr-inline-live-v101,

html body .pdrg-wrap .pdrg-item .pdrg-row-live,

html body .pdrg-wrap .pdrg-item .pdr-inline-row-live-v101 {

    display:none!important;

    visibility:hidden!important;

    width:0!important;

    height:0!important;

    min-width:0!important;

    min-height:0!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    overflow:hidden!important;

}



/* PDR GAMES LIVE HARD OFF V162 END */

/* === PDR GAME PAGE LINK V2 START === */



/*

 * A regi negyzetes "uj ablak" ikon helyett

 * normalis same-tab jatekoldal link.

 *

 * A jateklista es az inline jatek meretehez

 * ez a blokk NEM nyul.

 */



.pdrg-newtab,

.pdrg-clean-160 .pdrg-newtab {

    width: auto !important;

    min-width: 0 !important;

    max-width: none !important;

    padding-left: 10px !important;

    padding-right: 10px !important;

    white-space: nowrap !important;

    font-size: 11px !important;

    line-height: 1.15 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

}



@media (max-width: 700px) {

    .pdrg-newtab,

    .pdrg-clean-160 .pdrg-newtab {

        padding-left: 7px !important;

        padding-right: 7px !important;

        font-size: 10px !important;

    }

}



/* === PDR GAME PAGE LINK V2 END === */

/* === PDR MAIN TOGGLE CENTER V1 START === */



/*

 * Csak a felso PDR Jatekok fogomb igazitasat modositja.

 * A gomb szelessegehez es a jatekpanel meretehez nem nyul.

 */



.pdrg-wrap .pdrg-toggle {

    position: relative !important;

    justify-content: center !important;

    text-align: center !important;

}



.pdrg-wrap .pdrg-toggle__label,

.pdrg-wrap .pdrg-toggle__meta {

    text-align: center !important;

}



.pdrg-wrap .pdrg-toggle__arrow {

    position: absolute !important;

    right: 16px !important;

    top: 0 !important;

    bottom: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



/* === PDR MAIN TOGGLE CENTER V1 END === */

/* === PDR MAIN TOGGLE COMPACT V1 START === */



/*

 * Csak a felso PDR Jatekok fogomb magassaga.

 * Szelesseghez / inline jatekhoz nem nyul.

 */



.pdrg-wrap .pdrg-toggle {

    min-height: 42px !important;

    height: auto !important;

    padding-top: 7px !important;

    padding-bottom: 7px !important;

}



.pdrg-wrap .pdrg-toggle__label,

.pdrg-wrap .pdrg-toggle__meta {

    line-height: 1.15 !important;

}



@media (max-width: 700px) {

    .pdrg-wrap .pdrg-toggle {

        min-height: 40px !important;

        padding-top: 6px !important;

        padding-bottom: 6px !important;

    }

}



/* === PDR MAIN TOGGLE COMPACT V1 END === */

/* === PDR OPEN BUTTON MATCH V1 START === */



/*

 * A Megnyitás gomb legyen vizuálisan a jobb oldali

 * "Ugrás a játék oldalára" gombhoz igazítva.

 * Nem nyúl a logikához, csak megjelenés.

 */



.pdrg-wrap .pdrg-open-label,

.pdrg-wrap .pdrg-item-main .pdrg-open-label {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 30px !important;

    height: 30px !important;

    padding: 0 12px !important;

    border-radius: 8px !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    white-space: nowrap !important;

    text-align: center !important;

    color: #ffffff !important;

    text-decoration: none !important;

    border: 1px solid rgba(255,138,0,.95) !important;

    background: linear-gradient(180deg, #a24813 0%, #6b2809 100%) !important;

    box-shadow:

        inset 0 0 0 1px rgba(255,255,255,.05),

        0 0 8px rgba(255,140,0,.18) !important;

}



.pdrg-wrap .pdrg-open-label:hover,

.pdrg-wrap .pdrg-item-main .pdrg-open-label:hover {

    filter: brightness(1.04) !important;

}



.pdrg-wrap .pdrg-open-label .dashicons,

.pdrg-wrap .pdrg-item-main .pdrg-open-label .dashicons {

    width: 12px !important;

    height: 12px !important;

    font-size: 12px !important;

    line-height: 12px !important;

}



@media (max-width: 700px) {

    .pdrg-wrap .pdrg-open-label,

    .pdrg-wrap .pdrg-item-main .pdrg-open-label {

        min-height: 28px !important;

        height: 28px !important;

        padding: 0 10px !important;

        font-size: 11px !important;

    }

}



/* === PDR OPEN BUTTON MATCH V1 END === */