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

 * PDR SOLO CORE 2.1

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



#pdrs-page-stage{

    box-sizing:border-box;



    width:100%;



    margin:0;



    padding:

        18px 16px 45px;



    background:

        radial-gradient(

            ellipse at 50% 0,

            rgba(255,75,0,.09),

            transparent 44%

        ),

        #050505;

}





.pdrs-page-inner{

    width:min(1060px,100%);



    margin:0 auto;

}





.pdrs-app,

.pdrs-infobar{

    font-family:

        system-ui,

        -apple-system,

        BlinkMacSystemFont,

        "Segoe UI",

        sans-serif;



    color:#eee;

}





.pdrs-app{

    width:100%;

    max-width:1060px;



    margin:0 auto;

}





.pdrs-loading{

    padding:25px;



    text-align:center;



    color:#aaa;

}





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

 * FŐ CÍM

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



.pdrs-title,

.pdrs-game-header{

    display:flex;



    align-items:center;

    justify-content:space-between;



    gap:14px;



    box-sizing:border-box;



    width:100%;



    margin-bottom:12px;



    padding:13px 17px;



    border:

        1px solid rgba(255,87,20,.48);



    border-radius:16px;



    background:

        linear-gradient(

            135deg,

            #2c1309,

            #111

        );



    box-shadow:

        0 10px 25px rgba(0,0,0,.28);

}





.pdrs-title h1,

.pdrs-game-header h1{

    margin:0;



    font-size:28px;



    color:#fff;

}





.pdrs-title p,

.pdrs-game-header p{

    margin:3px 0 0;



    color:#aaa;



    font-size:12px;

}





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

 * JÁTÉKMÓDOK

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



.pdrs-mode-grid{

    display:grid;



    grid-template-columns:

        repeat(

            3,

            minmax(0,1fr)

        );



    gap:10px;



    margin-bottom:14px;

}





.pdrs-mode{

    box-sizing:border-box;



    min-height:125px;



    padding:17px 14px;



    border:

        1px solid #444;



    border-radius:17px;



    background:

        linear-gradient(

            145deg,

            #202020,

            #0b0b0b

        );



    color:#eee;



    cursor:pointer;



    text-align:center;



    box-shadow:

        0 10px 24px rgba(0,0,0,.30);



    transition:

        transform .15s ease,

        border-color .15s ease;

}





.pdrs-mode:hover{

    transform:

        translateY(-3px);



    border-color:

        #ff5b1f;

}





.pdrs-mode.human{

    background:

        radial-gradient(

            circle at 50% 0,

            rgba(255,85,20,.15),

            transparent 55%

        ),

        linear-gradient(

            145deg,

            #24130c,

            #0b0b0b

        );



    border-color:

        rgba(255,85,20,.55);

}





.pdrs-mode-icon{

    display:block;



    min-height:40px;



    margin-bottom:5px;



    font-size:28px;

}





.pdrs-mode strong{

    display:block;



    font-size:15px;



    color:#fff;

}





.pdrs-mode small{

    display:block;



    margin-top:5px;



    color:#8e8e8e;

}





.pdrs-note{

    margin-bottom:14px;



    padding:8px 12px;



    border-radius:9px;



    background:#121212;



    color:#999;



    font-size:12px;

}





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

 * BLOKKOK

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



.pdrs-section{

    margin-top:12px;



    padding:13px;



    border:

        1px solid #2d2d2d;



    border-radius:14px;



    background:#0e0e0e;

}





.pdrs-section h2{

    margin:0 0 10px;



    font-size:17px;

}





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

 * KÖZÖS JÁTÉK LISTA

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



.pdrs-game-row{

    display:grid;



    grid-template-columns:

        auto 1fr auto;



    align-items:center;



    gap:10px;



    padding:9px;



    margin-top:7px;



    border-radius:11px;



    background:#171717;

}





.pdrs-game-row-avatars{

    display:flex;

}





.pdrs-game-row-avatars img{

    width:38px;

    height:38px;



    margin-left:-6px;



    border:

        2px solid #eee;



    border-radius:50%;



    object-fit:cover;

}





.pdrs-game-row-avatars img:first-child{

    margin-left:0;

}





.pdrs-game-row-text strong,

.pdrs-game-row-text small{

    display:block;

}





.pdrs-game-row-text small{

    margin-top:2px;



    color:#777;

}





.pdrs-game-row-buttons{

    display:flex;



    gap:6px;

}





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

 * GOMBOK

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



.pdrs-btn{

    appearance:none;



    display:inline-flex;



    align-items:center;

    justify-content:center;



    box-sizing:border-box;



    min-height:34px;



    padding:7px 12px;



    border:

        1px solid #ff7a3a;



    border-radius:10px;



    background:

        linear-gradient(

            #ff6925,

            #d93a00

        );



    color:#fff!important;



    font-weight:850;



    font-size:12px;



    text-decoration:none!important;



    cursor:pointer;

}





.pdrs-btn.secondary{

    border-color:#555;



    background:

        linear-gradient(

            #333,

            #171717

        );

}





.pdrs-btn:disabled{

    opacity:.5;



    cursor:not-allowed;

}





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

 * JÁTÉK FEJLÉC

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



.pdrs-game-header-buttons{

    display:flex;



    align-items:center;



    gap:7px;



    flex-wrap:wrap;

}





.pdrs-waiting-pill,

.pdrs-watching{

    display:inline-flex;



    align-items:center;



    min-height:32px;



    padding:0 10px;



    border:

        1px solid #444;



    border-radius:999px;



    background:#111;



    color:#aaa;



    font-size:11px;

}





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

 * ASZTAL – KB. 10%-KAL KISEBB

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



.pdrs-board{

    position:relative;



    box-sizing:border-box;



    width:100%;



    height:

        clamp(

            500px,

            calc(100vh - 275px),

            590px

        );



    min-height:500px;



    overflow:hidden;



    border:

        10px solid #1a1a1a;



    border-radius:60px;



    background:

        radial-gradient(

            ellipse at 50% 33%,

            #208050 0,

            #0d5937 43%,

            #063720 72%,

            #031a10 100%

        );



    box-shadow:

        0 12px 0 #080808,

        0 23px 45px rgba(0,0,0,.62),

        inset 0 0 65px rgba(0,0,0,.38);

}





.pdrs-board:after{

    content:"PDR SOLO";



    position:absolute;



    left:50%;

    top:46%;



    transform:

        translate(-50%,-50%)

        rotate(-7deg);



    color:

        rgba(255,255,255,.035);



    font-size:

        clamp(40px,6vw,76px);



    font-weight:1000;



    letter-spacing:8px;



    white-space:nowrap;



    pointer-events:none;

}





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

 * JÁTÉKOSOK

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



.pdrs-seat{

    position:absolute;



    z-index:5;

}





.pdrs-player{

    box-sizing:border-box;



    width:124px;



    padding:8px;



    text-align:center;



    border:

        1px solid #555;



    border-radius:16px;



    background:

        linear-gradient(

            #2b2b2b,

            #0b0b0b

        );



    box-shadow:

        0 9px 22px rgba(0,0,0,.48);

}





.pdrs-player.turn{

    border:

        2px solid #ff5b1f;



    box-shadow:

        0 0 26px rgba(255,80,20,.48),

        0 9px 22px rgba(0,0,0,.48);

}





.pdrs-player.solo{

    animation:

        pdrsPulse 1s

        infinite alternate;

}





.pdrs-player > img{

    width:58px;

    height:58px;



    border:

        3px solid #eee;



    border-radius:50%;



    object-fit:cover;

}





.pdrs-player strong,

.pdrs-player small,

.pdrs-player b{

    display:block;

}





.pdrs-player strong{

    margin-top:3px;



    font-size:13px;

}





.pdrs-player small{

    color:#999;



    font-size:10px;

}





.pdrs-player b{

    margin-top:3px;



    color:#ff6728;



    font-size:10px;

}





/*

 * 2 játékos

 */



.pdrs-players-2 .pdrs-seat-0{

    left:50%;

    bottom:112px;



    transform:

        translateX(-50%);

}



.pdrs-players-2 .pdrs-seat-1{

    left:50%;

    top:7%;



    transform:

        translateX(-50%);

}





/*

 * 3 játékos

 */



.pdrs-players-3 .pdrs-seat-0{

    left:50%;

    bottom:112px;



    transform:

        translateX(-50%);

}



.pdrs-players-3 .pdrs-seat-1{

    left:7%;

    top:8%;

}



.pdrs-players-3 .pdrs-seat-2{

    right:7%;

    top:8%;

}





/*

 * 4 játékos

 */



.pdrs-players-4 .pdrs-seat-0{

    left:50%;

    bottom:112px;



    transform:

        translateX(-50%);

}



.pdrs-players-4 .pdrs-seat-1{

    left:5%;

    top:14%;

}



.pdrs-players-4 .pdrs-seat-2{

    left:50%;

    top:5%;



    transform:

        translateX(-50%);

}



.pdrs-players-4 .pdrs-seat-3{

    right:5%;

    top:14%;

}





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

 * PDR HÁTLAPOS MINI LAPOK

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



.pdrs-mini-cards{

    display:flex;



    justify-content:center;



    height:23px;



    margin-top:5px;

}





.pdrs-mini-cards i{

    display:block;



    box-sizing:border-box;



    width:16px;

    height:23px;



    margin-left:-7px;



    overflow:hidden;



    border:

        2px solid #eee;



    border-radius:4px;



    background:#111;



    transform:

        rotate(-5deg);

}





.pdrs-mini-cards i:first-child{

    margin-left:0;

}





.pdrs-mini-cards img{

    width:100%;

    height:100%;



    object-fit:contain;

}





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

 * KÖZÉPSŐ PAKLIK

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



.pdrs-center{

    position:absolute;



    z-index:7;



    left:50%;

    top:40%;



    transform:

        translate(-50%,-50%);



    display:flex;



    gap:40px;

}





.pdrs-pile{

    margin:0;

    padding:0;



    border:0;



    background:transparent;

}





.pdrs-pile small{

    display:block;



    margin-top:5px;



    text-align:center;



    color:#999;



    font-size:9px;



    font-weight:800;

}





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

 * KÁRTYÁK – PICIT NAGYOBBAK

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



.pdrs-card{

    box-sizing:border-box;



    width:84px;

    height:124px;



    display:inline-flex;



    align-items:center;

    justify-content:center;



    position:relative;



    border:

        4px solid #eee;



    border-radius:13px;



    box-shadow:

        0 9px 18px rgba(0,0,0,.48);



    color:#fff;



    font-size:28px;



    font-weight:1000;

}





.pdrs-card:before{

    content:"";



    position:absolute;



    inset:8px;



    border:

        2px solid rgba(255,255,255,.72);



    border-radius:

        50% 18% 50% 18%;



    transform:

        rotate(-24deg);

}





.pdrs-card span{

    position:relative;



    z-index:2;

}





.pdrs-card.red{

    background:#d92e28;

}



.pdrs-card.yellow{

    background:#e8be23;



    color:#111;

}



.pdrs-card.green{

    background:#19935a;

}



.pdrs-card.blue{

    background:#1e75c2;

}



.pdrs-card.wild{

    background:

        conic-gradient(

            #d92e28 0 25%,

            #e8be23 0 50%,

            #19935a 0 75%,

            #1e75c2 0

        );

}





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

 * PDR LOGÓS HÁTLAP

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



.pdrs-card.pdrs-back{

    background:

        repeating-linear-gradient(

            135deg,

            #111 0 8px,

            #461808 8px 16px

        );

}





.pdrs-card.pdrs-back img{

    position:relative;



    z-index:3;



    max-width:74%;

    max-height:74%;



    object-fit:contain;



    border-radius:4px;

}





.pdrs-card.pdrs-back strong{

    position:relative;



    z-index:3;



    color:#fff;

}





.pdrs-card.playable{

    cursor:pointer;



    transform:

        translateY(-9px);



    box-shadow:

        0 14px 22px rgba(0,0,0,.55),

        0 0 0 2px rgba(255,255,255,.22);

}





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

 * SAJÁT LAPOK

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



.pdrs-hand{

    position:absolute;



    z-index:9;



    left:3%;

    right:3%;

    bottom:5px;



    display:flex;



    align-items:flex-end;

    justify-content:center;



    gap:2px;



    padding:8px;



    overflow-x:auto;

}





.pdrs-hand .pdrs-card{

    flex:

        0 0 70px;



    width:70px;

    height:104px;



    margin-left:-4px;



    font-size:24px;

}





.pdrs-pass{

    position:absolute;



    z-index:10;



    left:50%;

    bottom:102px;



    transform:

        translateX(-50%);



    padding:6px 12px;



    border:0;



    border-radius:999px;



    background:#333;



    color:#fff;



    cursor:pointer;

}





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

 * VÁRAKOZÁS

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



.pdrs-wait-panel{

    display:flex;



    align-items:center;

    justify-content:center;



    gap:10px;



    margin-top:13px;



    padding:9px;



    border:

        1px solid #372015;



    border-radius:11px;



    background:#111;



    color:#aaa;

}





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

 * GYŐZELEM

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



.pdrs-win{

    position:absolute;



    z-index:30;



    inset:0;



    display:flex;



    align-items:center;

    justify-content:center;



    background:

        rgba(0,0,0,.72);



    backdrop-filter:

        blur(4px);

}





.pdrs-win-box{

    width:

        min(

            350px,

            calc(100% - 30px)

        );



    box-sizing:border-box;



    padding:22px;



    text-align:center;



    border:

        1px solid #ff5b1f;



    border-radius:21px;



    background:

        linear-gradient(

            #242424,

            #090909

        );



    box-shadow:

        0 20px 55px rgba(0,0,0,.65);

}





.pdrs-trophy{

    font-size:44px;

}





.pdrs-win-box img{

    width:82px;

    height:82px;



    margin-top:7px;



    border:

        4px solid #fff;



    border-radius:50%;



    object-fit:cover;

}





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

 * SZÍNVÁLASZTÓ

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



.pdrs-color-picker{

    position:absolute;



    z-index:50;



    inset:0;



    display:flex;



    align-items:center;

    justify-content:center;



    background:

        rgba(0,0,0,.60);

}





.pdrs-color-picker > div{

    display:grid;



    grid-template-columns:

        repeat(2,1fr);



    gap:8px;



    width:

        min(

            300px,

            calc(100% - 25px)

        );



    padding:16px;



    border:

        1px solid #ff5b1f;



    border-radius:17px;



    background:#111;

}





.pdrs-color-picker strong{

    grid-column:1/-1;



    text-align:center;

}





.pdrs-color-picker button{

    min-height:48px;



    border:

        2px solid #eee;



    border-radius:11px;



    color:#fff;



    font-weight:900;



    cursor:pointer;

}





.pdrs-color-picker button[data-color="red"]{

    background:#d92e28;

}



.pdrs-color-picker button[data-color="yellow"]{

    background:#d9a900;

}



.pdrs-color-picker button[data-color="green"]{

    background:#19935a;

}



.pdrs-color-picker button[data-color="blue"]{

    background:#1e75c2;

}



.pdrs-color-picker .cancel{

    grid-column:1/-1;



    background:#333;

}





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

 * EREDMÉNYEK

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



.pdrs-results{

    display:grid;



    grid-template-columns:

        repeat(

            auto-fit,

            minmax(150px,1fr)

        );



    gap:7px;

}





.pdrs-result{

    display:flex;



    align-items:center;



    gap:8px;



    padding:7px;



    border-radius:9px;



    background:#181818;

}





.pdrs-result img{

    width:36px;

    height:36px;



    border-radius:50%;



    object-fit:cover;

}





.pdrs-result strong,

.pdrs-result small{

    display:block;

}





.pdrs-result small,

.pdrs-muted{

    color:#777;

}





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

 * INFOSÁV

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



.pdrs-infobar[hidden]{

    display:none!important;

}





.pdrs-infobar-link{

    box-sizing:border-box;



    min-height:30px;



    display:flex;



    align-items:center;

    justify-content:center;



    gap:7px;



    padding:3px 9px;



    border:

        1px solid rgba(255,85,20,.55);



    border-radius:8px;



    background:

        linear-gradient(

            90deg,

            #0a0a0a,

            #2d1207,

            #0a0a0a

        );



    color:#eee!important;



    font-size:11px;



    text-decoration:none!important;

}





.pdrs-infobar-link strong,

.pdrs-infobar-link b{

    color:#ff6728;

}





.pdrs-infobar-avatars{

    display:flex;

}





.pdrs-infobar-avatars img{

    width:23px;

    height:23px;



    margin-left:-5px;



    border:

        1px solid #eee;



    border-radius:50%;



    object-fit:cover;

}





.pdrs-infobar-avatars img:first-child{

    margin-left:0;

}





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

 * ÉRTESÍTÉS

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



.pdrs-toast{

    position:fixed;



    z-index:999999;



    left:50%;

    bottom:30px;



    transform:

        translate(-50%,20px);



    max-width:

        min(

            450px,

            calc(100% - 20px)

        );



    padding:9px 14px;



    border:

        1px solid #ff5b1f;



    border-radius:10px;



    background:#111;



    color:#fff;



    opacity:0;



    pointer-events:none;



    transition:

        .18s ease;

}





.pdrs-toast.show{

    opacity:1;



    transform:

        translate(-50%,0);

}





@keyframes pdrsPulse{



    from{

        box-shadow:

            0 0 10px rgba(255,85,20,.3);

    }



    to{

        box-shadow:

            0 0 30px rgba(255,85,20,.85);

    }

}





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

 * MOBIL

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



@media(max-width:760px){



    #pdrs-page-stage{

        padding:

            10px 4px 30px;

    }





    .pdrs-page-inner,

    .pdrs-app{

        max-width:100%;

    }





    .pdrs-title,

    .pdrs-game-header{

        padding:10px;



        flex-direction:column;



        align-items:flex-start;

    }





    .pdrs-title h1,

    .pdrs-game-header h1{

        font-size:23px;

    }





    .pdrs-mode-grid{

        grid-template-columns:1fr;

    }





    .pdrs-mode{

        min-height:auto;



        padding:12px;

    }





    .pdrs-mode-icon{

        min-height:0;



        font-size:23px;

    }





    .pdrs-game-row{

        grid-template-columns:

            auto 1fr;

    }





    .pdrs-game-row-buttons{

        grid-column:1/-1;



        width:100%;

    }





    .pdrs-game-row-buttons .pdrs-btn{

        flex:1;

    }





    .pdrs-board{

        height:

            clamp(

                475px,

                calc(100vh - 210px),

                550px

            );



        min-height:475px;



        border-width:5px;



        border-radius:26px;

    }





    .pdrs-player{

        width:94px;



        padding:5px;

    }





    .pdrs-player > img{

        width:44px;

        height:44px;



        border-width:2px;

    }





    .pdrs-player strong{

        font-size:11px;

    }





    .pdrs-player small{

        font-size:9px;

    }





    .pdrs-mini-cards{

        transform:

            scale(.78);



        transform-origin:

            50% 100%;

    }





    .pdrs-players-2 .pdrs-seat-0,

    .pdrs-players-3 .pdrs-seat-0,

    .pdrs-players-4 .pdrs-seat-0{

        bottom:103px;

    }





    .pdrs-players-3 .pdrs-seat-1{

        left:2%;

        top:5%;

    }



    .pdrs-players-3 .pdrs-seat-2{

        right:2%;

        top:5%;

    }





    .pdrs-players-4 .pdrs-seat-1{

        left:1%;

        top:12%;

    }



    .pdrs-players-4 .pdrs-seat-2{

        top:3%;

    }



    .pdrs-players-4 .pdrs-seat-3{

        right:1%;

        top:12%;

    }





    .pdrs-center{

        top:39%;



        gap:20px;

    }





    .pdrs-card{

        width:68px;

        height:101px;



        font-size:22px;

    }





    .pdrs-hand{

        justify-content:flex-start;



        padding-left:8px;



        padding-right:8px;

    }





    .pdrs-hand .pdrs-card{

        flex:

            0 0 61px;



        width:61px;

        height:91px;



        margin-left:-6px;

    }





    .pdrs-wait-panel{

        flex-wrap:wrap;



        font-size:11px;

    }





    .pdrs-infobar-link{

        justify-content:flex-start;



        overflow:hidden;



        white-space:nowrap;

    }





    .pdrs-infobar-text{

        overflow:hidden;



        text-overflow:ellipsis;

    }





    .pdrs-infobar-link b{

        margin-left:auto;

    }





    .pdrs-infobar-avatars img:nth-child(n+3){

        display:none;

    }



}






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

 * PDR SOLO CORE 2.1.2

 * INFOSÁV EGYSÉGES SZÉLESSÉG

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



.pdrs-infobar{

    box-sizing:border-box !important;



    display:block;



    width:

        calc(100% - 16px) !important;



    max-width:

        1035px !important;



    margin:

        8px auto !important;



    padding:

        0 !important;



    float:

        none !important;



    clear:

        both !important;

}





.pdrs-infobar-link{

    box-sizing:border-box !important;



    width:

        100% !important;



    max-width:

        100% !important;



    margin:

        0 !important;

}





@media(max-width:760px){



    .pdrs-infobar{



        width:

            calc(100% - 8px) !important;



        margin:

            5px auto !important;

    }



}








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

 * PDR SOLO CORE 2.1.3

 * INFOSÁV / JÁTÉKFEJLÉC / KILÉPÉS

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





/*

 * INFOSÁV

 *

 * A chat / közösségi blokkokhoz igazított,

 * kompakt, középre helyezett szélesség.

 */



.pdrs-infobar{

    box-sizing:

        border-box !important;



    display:

        block !important;



    width:

        calc(100% - 12px) !important;



    max-width:

        940px !important;



    margin:

        8px auto !important;



    padding:

        0 !important;



    float:

        none !important;



    clear:

        both !important;

}





.pdrs-infobar-link{

    box-sizing:

        border-box !important;



    width:

        100% !important;



    max-width:

        100% !important;



    min-width:

        0 !important;



    margin:

        0 !important;

}





/*

 * JÁTÉK FEJLÉC

 *

 * A Messenger többé nem takarja el

 * a jobb szélre tolt vezérlőket.

 */



.pdrs-game-header{

    display:

        grid !important;



    grid-template-columns:

        minmax(0,1fr) !important;



    align-items:

        center !important;



    justify-items:

        center !important;



    gap:

        9px !important;



    text-align:

        center !important;

}





.pdrs-game-header > div:first-child{

    width:

        100% !important;



    min-width:

        0 !important;



    text-align:

        center !important;

}





.pdrs-game-header-buttons{

    box-sizing:

        border-box !important;



    width:

        100% !important;



    display:

        flex !important;



    align-items:

        center !important;



    justify-content:

        center !important;



    flex-wrap:

        wrap !important;



    gap:

        8px !important;



    margin:

        0 auto !important;

}





/*

 * KILÉPÉS GOMB

 */



.pdrs-btn.pdrs-leave-button{

    border-color:

        #b83b2b !important;



    background:

        linear-gradient(

            180deg,

            #7c2921,

            #481512

        ) !important;



    box-shadow:

        inset 0 1px 0

        rgba(255,255,255,.08) !important;

}





.pdrs-btn.pdrs-leave-button:hover{

    border-color:

        #ff705c !important;



    background:

        linear-gradient(

            180deg,

            #9d3528,

            #5c1914

        ) !important;

}





/*

 * Tablet / mobil

 */



@media(max-width:760px){



    .pdrs-infobar{

        width:

            calc(100% - 8px) !important;



        max-width:

            100% !important;



        margin:

            5px auto !important;

    }





    .pdrs-game-header-buttons{

        gap:

            6px !important;

    }





    .pdrs-game-header-buttons .pdrs-btn{

        min-width:

            135px !important;



        max-width:

            220px !important;

    }



}





@media(max-width:430px){



    .pdrs-game-header-buttons{

        flex-direction:

            column !important;

    }





    .pdrs-game-header-buttons .pdrs-btn{

        width:

            min(240px,100%) !important;



        max-width:

            100% !important;

    }



}

/* === PDR SOLO 2.1.6 CARD BACK START === */



/*

 * Húzópakli:

 * a normál lapokra érvényes fehér keretet

 * ezen az egy hátlapon kikapcsoljuk.

 */

#pdrs-draw .pdrs-card.pdrs-back {

    box-sizing: border-box !important;



    border: 0 !important;

    outline: 0 !important;



    overflow: hidden !important;



    display: flex !important;

    align-items: center !important;

    justify-content: center !important;



    padding: 0 !important;



    background:

        radial-gradient(

            circle at 50% 42%,

            rgba(255, 116, 0, .13) 0%,

            rgba(255, 116, 0, .035) 42%,

            transparent 68%

        ),

        repeating-linear-gradient(

            135deg,

            rgba(255, 104, 0, .13) 0px,

            rgba(255, 104, 0, .13) 5px,

            rgba(20, 10, 6, .08) 5px,

            rgba(20, 10, 6, .08) 13px

        ),

        linear-gradient(

            145deg,

            #28130d 0%,

            #120c09 48%,

            #25120d 100%

        ) !important;



    box-shadow:

        0 8px 17px rgba(0, 0, 0, .38),

        inset 0 0 0 1px rgba(255, 105, 0, .35),

        inset 0 0 18px rgba(0, 0, 0, .32) !important;

}





/*

 * A meglévő PDR logó.

 *

 * Nem vágjuk,

 * nem torzítjuk,

 * a rendelkezésre álló helyhez arányosan igazítjuk.

 */

#pdrs-draw .pdrs-card.pdrs-back > img {

    display: block !important;



    width: 78% !important;

    height: 78% !important;



    max-width: 78% !important;

    max-height: 78% !important;



    margin: auto !important;

    padding: 0 !important;



    object-fit: contain !important;

    object-position: center center !important;



    border: 0 !important;

    outline: 0 !important;



    background: transparent !important;



    filter:

        drop-shadow(0 3px 4px rgba(0, 0, 0, .48))

        drop-shadow(0 0 4px rgba(255, 104, 0, .18)) !important;



    transform: none !important;

}





/*

 * A hátlap lekerekítése maradjon szép,

 * de kívül már ne legyen fehér vonal.

 */

#pdrs-draw .pdrs-back::before,

#pdrs-draw .pdrs-back::after {

    border-color: transparent !important;

}





/*

 * A HÚZÁS feliratot nem módosítjuk.

 * Csak a kártya kap egy nagyon enyhe

 * interaktív emelést, amikor valóban kattintható.

 */

#pdrs-draw:not(:disabled) .pdrs-back {

    transition:

        transform .14s ease,

        box-shadow .14s ease !important;

}



#pdrs-draw:not(:disabled):hover .pdrs-back {

    transform: translateY(-2px) !important;



    box-shadow:

        0 11px 22px rgba(0, 0, 0, .42),

        inset 0 0 0 1px rgba(255, 105, 0, .48),

        inset 0 0 20px rgba(0, 0, 0, .28) !important;

}





/*

 * Mobilon a logó picit több levegőt kap.

 */

@media (max-width: 700px) {



    #pdrs-draw .pdrs-card.pdrs-back > img {

        width: 74% !important;

        height: 74% !important;



        max-width: 74% !important;

        max-height: 74% !important;

    }

}



/* === PDR SOLO 2.1.6 CARD BACK END === */

/* === PDR SOLO UI FIX 2.1.9 START === */



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

 * 1. MINDEN JÁTÉKLAP – FEHÉR KÜLSŐ KERET NÉLKÜL

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



.pdrs-card {

    border: 0 !important;

    outline: 0 !important;



    /*

     * Fehér keret helyett elegáns 3D árnyék.

     */

    box-shadow:

        0 7px 16px rgba(0,0,0,.36),

        inset 0 0 0 1px rgba(0,0,0,.20) !important;

}





/*

 * Kijátszható lapnál a kiemelés megmarad,

 * de fehér keret nélkül.

 */

.pdrs-card.playable,

.pdrs-card.pdr-playable {

    border: 0 !important;

    outline: 0 !important;



    box-shadow:

        0 10px 22px rgba(0,0,0,.42),

        0 0 8px rgba(255,108,0,.28),

        inset 0 0 0 1px rgba(255,130,0,.34) !important;

}





/*

 * A hátlap marad olyan, ahogy most jól néz ki.

 */

.pdrs-card.pdrs-back {

    border: 0 !important;

    outline: 0 !important;



    box-shadow:

        0 9px 19px rgba(0,0,0,.40),

        inset 0 0 0 1px rgba(255,110,0,.25) !important;

}





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

 * 2. ASZTAL KÖZEPÉN PDR LOGÓ

 *

 * A régi diagonális PDR SOLO felirat helyére.

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



.pdrs-board {

    position: relative !important;

    overflow: hidden !important;

}





/*

 * Felülírjuk a régi diagonális szöveget.

 */

.pdrs-board::before {

    content: "" !important;



    position: absolute !important;



    left: 50% !important;

    top: 50% !important;



    width: 19% !important;

    height: 19% !important;



    transform:

        translate(-50%, -50%) !important;



    background-image:

        url("https://partydjradio.hu/wp-content/uploads/2026/07/lll.png") !important;



    background-repeat:

        no-repeat !important;



    background-position:

        center center !important;



    background-size:

        contain !important;



    opacity:

        .16 !important;



    filter:

        grayscale(.05)

        drop-shadow(0 5px 14px rgba(0,0,0,.18)) !important;



    pointer-events:

        none !important;



    z-index:

        0 !important;

}





/*

 * Minden valódi játékelem a háttérlogó fölött.

 */







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

 * 3. GYŐZTES PANEL GOMBOK

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



.pdr-solo-win-card .pdrs-finish-actions {

    display: flex !important;



    align-items: center !important;

    justify-content: center !important;



    flex-wrap: wrap !important;



    gap: 8px !important;



    margin-top: 12px !important;

}





.pdr-solo-win-card .pdrs-finish-close {

    display: inline-flex !important;



    align-items: center !important;

    justify-content: center !important;



    min-width: 110px !important;

    min-height: 34px !important;



    padding: 7px 14px !important;



    border:

        1px solid #99402c !important;



    border-radius:

        8px !important;



    background:

        linear-gradient(

            180deg,

            #542117,

            #30130e

        ) !important;



    color:

        #fff !important;



    font-size:

        12px !important;



    font-weight:

        800 !important;



    text-decoration:

        none !important;



    cursor:

        pointer !important;



    box-shadow:

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

        0 4px 10px rgba(0,0,0,.25) !important;

}





.pdr-solo-win-card .pdrs-finish-close:hover {

    border-color:

        #ff6a2d !important;



    background:

        linear-gradient(

            180deg,

            #77301f,

            #451910

        ) !important;



    color:

        #fff !important;



    text-decoration:

        none !important;

}





@media(max-width:700px) {



    .pdrs-board::before {

        width: 24% !important;

        height: 24% !important;

        opacity: .14 !important;

    }



}



/* === PDR SOLO UI FIX 2.1.9 END === */

/* === PDR SOLO REAL CLOSE 2.1.11 START === */



.pdrs-win-box .pdrs-win-close-2111 {

    display: flex !important;



    align-items: center !important;

    justify-content: center !important;



    width: fit-content !important;

    min-width: 108px !important;

    min-height: 32px !important;



    margin: 8px auto 2px !important;

    padding: 7px 14px !important;



    border: 1px solid #8e402d !important;

    border-radius: 7px !important;



    background:

        linear-gradient(

            180deg,

            #4a2118 0%,

            #29130e 100%

        ) !important;



    color: #fff !important;



    font-size: 12px !important;

    font-weight: 800 !important;



    line-height: 1 !important;



    text-decoration: none !important;



    box-shadow:

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

        0 4px 9px rgba(0,0,0,.25) !important;

}





.pdrs-win-box .pdrs-win-close-2111:hover {

    color: #fff !important;



    border-color: #ff6428 !important;



    background:

        linear-gradient(

            180deg,

            #71301f 0%,

            #42180f 100%

        ) !important;



    text-decoration: none !important;

}



/* === PDR SOLO REAL CLOSE 2.1.11 END === */

/* === PDR SOLO SPECTATOR CSS START 2.1.12 === */



.pdrs-spectator-actions-2112 {

    width: min(650px, 100%) !important;

    box-sizing: border-box !important;

    margin: 7px auto !important;

    padding: 8px 10px !important;

    text-align: center !important;

    border: 1px solid rgba(255, 94, 27, .48) !important;

    border-radius: 10px !important;

    background: linear-gradient(90deg, rgba(54, 18, 7, .94), rgba(8, 27, 37, .94)) !important;

}



.pdrs-spectator-title-2112 {

    margin-bottom: 6px !important;

    font-weight: 800 !important;

}



.pdrs-spectator-buttons-2112 {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 7px !important;

}



.pdrs-spectator-buttons-2112 .pdrs-btn {

    min-height: 32px !important;

    padding: 6px 11px !important;

    text-decoration: none !important;

}



.pdrs-spectator-actions-2112 small {

    display: block !important;

    margin-top: 5px !important;

    opacity: .72 !important;

}



@media(max-width:600px) {

    .pdrs-spectator-buttons-2112 {

        flex-direction: column !important;

    }



    .pdrs-spectator-buttons-2112 .pdrs-btn {

        width: min(250px, 100%) !important;

    }

}



/* === PDR SOLO SPECTATOR CSS END 2.1.12 === */