:root {

    --pdrp-orange: #ff4b0b;

    --pdrp-orange-light: #ff8a26;

    --pdrp-black: #090909;

    --pdrp-panel: #151515;

    --pdrp-felt: #075d45;

    --pdrp-felt-dark: #013b2d;

    --pdrp-gold: #f8c75c;

}



.pdrp-app,

.pdrp-infobar {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    font-family: Inter, Arial, sans-serif;

    color: #fff;

    box-sizing: border-box;

}



.pdrp-app *,

.pdrp-infobar * {

    box-sizing: border-box;

}



.pdrp-shell {

    overflow: hidden;

    border: 1px solid rgba(255, 92, 20, .7);

    border-radius: 22px;

    background:

        radial-gradient(circle at 50% 0, rgba(255, 76, 10, .2), transparent 34%),

        linear-gradient(145deg, #1b1b1b, #050505 72%);

    box-shadow:

        0 25px 60px rgba(0, 0, 0, .55),

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

}



.pdrp-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    padding: 18px 22px;

    border-bottom: 1px solid rgba(255, 92, 20, .25);

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

}



.pdrp-kicker {

    color: var(--pdrp-orange);

    font-size: 11px;

    font-weight: 900;

    letter-spacing: .18em;

}



.pdrp-header h2 {

    margin: 2px 0 0;

    color: #fff;

    font-size: clamp(25px, 5vw, 44px);

    line-height: .95;

    text-shadow: 0 4px 12px #000;

}



.pdrp-header p {

    margin: 5px 0 0;

    color: #bbb;

    font-size: 13px;

}



.pdrp-status {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 9px 12px;

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

    border-radius: 999px;

    background: #111;

    color: #ddd;

    font-size: 12px;

    white-space: nowrap;

}



.pdrp-status i {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #52da7d;

    box-shadow: 0 0 13px #52da7d;

}



.pdrp-stage {

    position: relative;

    min-height: clamp(500px, 70vw, 760px);

    padding: clamp(90px, 13vw, 145px) 12px 115px;

}



.pdrp-table-wrap {

    width: min(900px, 94%);

    margin: auto;

    perspective: 1100px;

}



.pdrp-table {

    position: relative;

    aspect-ratio: 1.75 / 1;

    padding: clamp(15px, 3vw, 33px);

    border-radius: 50%;

    background:

        linear-gradient(145deg, #773b16, #2c1208 35%, #0d0603 70%, #8e491e);

    box-shadow:

        0 38px 42px rgba(0, 0, 0, .65),

        0 12px 0 #160a04,

        inset 0 3px rgba(255, 190, 115, .38);

    transform: rotateX(5deg);

    transform-style: preserve-3d;

}



.pdrp-rail {

    position: absolute;

    inset: 12px;

    border: 3px solid rgba(248, 199, 92, .42);

    border-radius: 50%;

    box-shadow:

        inset 0 0 20px #000,

        0 0 12px rgba(255, 86, 20, .25);

}



.pdrp-felt {

    position: relative;

    width: 100%;

    height: 100%;

    border: 2px solid #c39443;

    border-radius: 50%;

    background:

        radial-gradient(circle at 50% 42%, rgba(35, 166, 119, .55), transparent 38%),

        repeating-linear-gradient(35deg, rgba(255,255,255,.012) 0 2px, transparent 2px 5px),

        linear-gradient(145deg, var(--pdrp-felt), var(--pdrp-felt-dark));

    box-shadow:

        inset 0 0 55px rgba(0, 0, 0, .75),

        inset 0 2px rgba(255, 255, 255, .15);

}



.pdrp-table-logo {

    position: absolute;

    inset: 50% auto auto 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    transform: translate(-50%, -50%) rotate(-8deg);

    opacity: .16;

}



.pdrp-table-logo b {

    color: var(--pdrp-orange);

    font-size: clamp(45px, 8vw, 100px);

    font-style: italic;

    line-height: .8;

}



.pdrp-table-logo span {

    font-size: clamp(13px, 2vw, 25px);

    font-weight: 900;

    letter-spacing: .4em;

}



.pdrp-dealer {

    position: absolute;

    z-index: 8;

    top: 4px;

    left: 50%;

    width: 100px;

    height: 135px;

    transform: translateX(-50%);

    filter: drop-shadow(0 13px 12px rgba(0,0,0,.65));

}



.pdrp-dealer-head {

    position: absolute;

    z-index: 3;

    top: 17px;

    left: 31px;

    width: 42px;

    height: 51px;

    border-radius: 46% 46% 52% 52%;

    background: linear-gradient(135deg, #ffd8bd, #bd7655);

    box-shadow: inset -7px -4px 9px rgba(80,20,0,.25);

}



.pdrp-dealer-hair {

    position: absolute;

    z-index: 4;

    top: 10px;

    left: 25px;

    width: 55px;

    height: 37px;

    border-radius: 55% 55% 25% 30%;

    background: linear-gradient(145deg, #382014, #090604);

}



.pdrp-eye {

    position: absolute;

    top: 20px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #15100e;

}



.pdrp-eye.left {

    left: 10px;

}



.pdrp-eye.right {

    right: 10px;

}



.pdrp-smile {

    position: absolute;

    bottom: 9px;

    left: 14px;

    width: 14px;

    height: 7px;

    border-bottom: 2px solid #7c271d;

    border-radius: 50%;

}



.pdrp-dealer-body {

    position: absolute;

    z-index: 2;

    top: 61px;

    left: 20px;

    width: 65px;

    height: 69px;

    border-radius: 30px 30px 10px 10px;

    background: linear-gradient(120deg, #2b2b2b, #050505 64%);

    box-shadow: inset 4px 2px rgba(255,255,255,.08);

}



.pdrp-dealer-body b {

    position: absolute;

    top: 28px;

    left: 17px;

    color: var(--pdrp-orange);

    font-size: 16px;

    transform: skew(-8deg);

}



.pdrp-bow {

    position: absolute;

    top: 5px;

    left: 27px;

    color: var(--pdrp-orange);

}



.pdrp-dealer-arm {

    position: absolute;

    z-index: 1;

    top: 74px;

    width: 53px;

    height: 16px;

    border-radius: 12px;

    background: linear-gradient(#252525, #050505);

}



.pdrp-dealer-arm.left {

    left: 2px;

    transform: rotate(20deg);

}



.pdrp-dealer-arm.right {

    right: 0;

    transform: rotate(-20deg);

}



.pdrp-seat {

    position: absolute;

    z-index: 4;

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 145px;

    padding: 7px 9px;

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

    border-radius: 15px;

    background: linear-gradient(145deg, rgba(31,31,31,.96), rgba(3,3,3,.96));

    box-shadow: 0 8px 18px rgba(0,0,0,.55);

}



.pdrp-seat-1 {

    top: -13%;

    left: 7%;

}



.pdrp-seat-2 {

    top: -13%;

    right: 7%;

}



.pdrp-seat-3 {

    top: 35%;

    right: -9%;

}



.pdrp-seat-me {

    bottom: -14%;

    left: 50%;

    transform: translateX(-50%);

    border-color: var(--pdrp-orange);

    box-shadow:

        0 0 18px rgba(255,75,11,.35),

        0 8px 18px rgba(0,0,0,.6);

}



.pdrp-avatar {

    display: grid;

    flex: 0 0 39px;

    width: 39px;

    height: 39px;

    place-items: center;

    border: 2px solid var(--pdrp-orange);

    border-radius: 50%;

    background: #222;

    object-fit: cover;

}



.pdrp-seat-data {

    display: flex;

    min-width: 0;

    flex-direction: column;

}



.pdrp-seat-data strong {

    overflow: hidden;

    max-width: 110px;

    color: #fff;

    font-size: 12px;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pdrp-seat-data span {

    color: var(--pdrp-gold);

    font-size: 10px;

}



.pdrp-mini-hand {

    position: absolute;

    right: -13px;

    bottom: -30px;

    display: flex;

    transform: scale(.48) rotate(4deg);

    transform-origin: top right;

}



.pdrp-pot {

    position: absolute;

    z-index: 3;

    top: 27%;

    left: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    transform: translateX(-50%);

}



.pdrp-pot small {

    color: #d3ddd7;

    font-size: 8px;

    letter-spacing: .2em;

}



.pdrp-pot strong {

    color: var(--pdrp-gold);

    font-size: clamp(11px, 2vw, 17px);

    text-shadow: 0 2px 5px #000;

}



.pdrp-board {

    position: absolute;

    z-index: 3;

    top: 45%;

    left: 50%;

    display: flex;

    gap: clamp(3px, 1vw, 8px);

    transform: translate(-50%, -50%);

}



.pdrp-my-hand {

    position: absolute;

    z-index: 12;

    bottom: 9px;

    left: 50%;

    display: flex;

    gap: 7px;

    transform: translateX(-50%);

}



.pdrp-card {

    position: relative;

    width: clamp(43px, 7.2vw, 78px);

    aspect-ratio: .7;

    overflow: hidden;

    border: 2px solid #f4f0e8;

    border-radius: clamp(6px, 1vw, 10px);

    background: linear-gradient(145deg, #fff, #ddd);

    box-shadow:

        0 8px 13px rgba(0,0,0,.5),

        inset 0 0 0 1px rgba(0,0,0,.12);

    animation: pdrpDeal .42s both;

}



.pdrp-card.red {

    color: #d71414;

}



.pdrp-card.black {

    color: #111;

}



.pdrp-card-empty {

    border-style: dashed;

    border-color: rgba(255,255,255,.24);

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

    box-shadow: inset 0 0 14px rgba(0,0,0,.25);

}



.pdrp-card-back {

    display: grid;

    place-items: center;

    border-color: #e5a640;

    background:

        repeating-linear-gradient(45deg, rgba(255,255,255,.07) 0 2px, transparent 2px 6px),

        linear-gradient(145deg, #ff5b13, #551300);

    color: #fff;

}



.pdrp-card-back span {

    font-size: 20px;

    font-weight: 1000;

    transform: rotate(-15deg);

    text-shadow: 0 2px 3px #000;

}



.pdrp-rank {

    position: absolute;

    top: 5px;

    left: 7px;

    font-size: clamp(14px, 2.6vw, 25px);

    font-weight: 900;

}



.pdrp-suit {

    position: absolute;

    inset: 50% auto auto 50%;

    font-size: clamp(24px, 4vw, 45px);

    transform: translate(-50%, -50%);

}



.pdrp-corner {

    position: absolute;

    right: 5px;

    bottom: 4px;

    font-size: clamp(9px, 1.4vw, 15px);

    font-weight: 900;

    transform: rotate(180deg);

}



.pdrp-message {

    margin: 0 15px 12px;

    padding: 11px 14px;

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

    border-radius: 12px;

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

    color: #d4d4d4;

    font-size: 12px;

    text-align: center;

}



.pdrp-controls {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 9px;

    padding: 0 15px 15px;

}



.pdrp-btn {

    min-height: 47px;

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

    border-radius: 13px;

    background: linear-gradient(#2d2d2d, #0a0a0a);

    color: #fff;

    font-weight: 900;

    cursor: pointer;

    box-shadow: 0 6px 13px rgba(0,0,0,.4);

}



.pdrp-btn.primary {

    border-color: #ff7c3c;

    background: linear-gradient(145deg, var(--pdrp-orange-light), #c72d00);

    text-shadow: 0 1px 2px #6b1600;

}



.pdrp-btn.muted {

    color: #777;

    cursor: not-allowed;

    opacity: .65;

}



.pdrp-footer {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    padding: 11px 17px;

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

    background: #080808;

    color: #888;

    font-size: 10px;

}



.pdrp-footer b {

    color: #61dd87;

}



.pdrp-infobar a {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 11px 14px;

    border: 1px solid rgba(255,75,11,.55);

    border-radius: 14px;

    background: linear-gradient(145deg, #1c1c1c, #050505);

    color: #fff;

    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0,0,0,.35);

}



.pdrp-infobar-icon {

    display: grid;

    width: 39px;

    height: 39px;

    place-items: center;

    border-radius: 50%;

    background: var(--pdrp-orange);

    font-size: 23px;

    box-shadow: 0 0 16px rgba(255,75,11,.55);

}



.pdrp-infobar span:nth-child(2) {

    display: flex;

    min-width: 0;

    flex: 1;

    flex-direction: column;

}



.pdrp-infobar strong {

    font-size: 14px;

}



.pdrp-infobar small {

    overflow: hidden;

    color: #aaa;

    font-size: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pdrp-infobar b {

    color: var(--pdrp-orange-light);

    font-size: 11px;

}



@keyframes pdrpDeal {

    from {

        opacity: 0;

        transform: translateY(-45px) rotateY(80deg) scale(.75);

    }



    to {

        opacity: 1;

        transform: none;

    }

}



@media (max-width: 700px) {

    .pdrp-shell {

        border-radius: 16px;

    }



    .pdrp-header {

        padding: 13px 14px;

    }



    .pdrp-status {

        max-width: 132px;

        white-space: normal;

    }



    .pdrp-stage {

        min-height: 500px;

        padding: 93px 3px 115px;

    }



    .pdrp-table-wrap {

        width: 99%;

    }



    .pdrp-table {

        aspect-ratio: 1.28 / 1;

        padding: 16px;

    }



    .pdrp-seat {

        min-width: 106px;

        padding: 5px;

    }



    .pdrp-seat-data strong {

        max-width: 70px;

        font-size: 10px;

    }



    .pdrp-seat-data span {

        font-size: 8px;

    }



    .pdrp-avatar {

        flex-basis: 31px;

        width: 31px;

        height: 31px;

    }



    .pdrp-seat-1 {

        top: -12%;

        left: 0;

    }



    .pdrp-seat-2 {

        top: -12%;

        right: 0;

    }



    .pdrp-seat-3 {

        top: 39%;

        right: -2%;

    }



    .pdrp-seat-me {

        bottom: -14%;

    }



    .pdrp-controls {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .pdrp-infobar b {

        display: none;

    }

}



@media (max-width: 390px) {

    .pdrp-header p {

        display: none;

    }



    .pdrp-status {

        padding: 7px 9px;

        font-size: 10px;

    }



    .pdrp-stage {

        min-height: 470px;

    }



    .pdrp-table {

        aspect-ratio: 1.08 / 1;

    }



    .pdrp-card {

        width: 43px;

    }



    .pdrp-footer {

        flex-direction: column;

        align-items: center;

    }

}




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

 * PDR PÓKER 0.1.1 – VIEWPORT ÉS ASZTALPOZÍCIÓ JAVÍTÁS

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



@media (min-width: 701px) {

    .pdrp-stage {

        min-height: clamp(500px, 51vw, 650px);

        padding-top: 92px;

        padding-bottom: 88px;

    }



    .pdrp-table-wrap {

        width: min(820px, 82%);

    }



    .pdrp-seat-1 {

        top: -15%;

        left: 3%;

    }



    .pdrp-seat-2 {

        top: -15%;

        right: 3%;

    }



    .pdrp-seat-3 {

        top: 36%;

        right: -4%;

    }



    .pdrp-seat-me {

        bottom: -17%;

    }



    .pdrp-my-hand {

        bottom: 2px;

    }

}



@media (max-width: 700px) {

    .pdrp-app {

        overflow: hidden;

    }



    .pdrp-stage {

        min-height: 475px;

        padding-top: 88px;

        padding-bottom: 103px;

    }



    .pdrp-table-wrap {

        width: 94%;

    }



    .pdrp-seat-3 {

        right: -1%;

    }



    .pdrp-my-hand {

        bottom: 12px;

    }

}



@media (max-width: 430px) {

    .pdrp-stage {

        min-height: 445px;

        padding-top: 82px;

        padding-bottom: 100px;

    }



    .pdrp-table-wrap {

        width: 96%;

    }



    .pdrp-seat {

        min-width: 98px;

    }



    .pdrp-seat-data strong {

        max-width: 62px;

    }



    .pdrp-controls {

        position: sticky;

        z-index: 30;

        bottom: 0;

        padding: 9px;

        background: rgba(5, 5, 5, .96);

        backdrop-filter: blur(10px);

    }

}




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

 * PDR PÓKER 0.1.2 – VALÓDI MOBILE-FIRST KOMPAKT JÁTÉKTÉR

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



.pdrp-shell {

    container-type: inline-size;

}



.pdrp-header {

    min-height: 64px;

    padding: 10px 14px;

}



.pdrp-header h2 {

    font-size: clamp(25px, 4vw, 38px);

}



.pdrp-header p {

    margin-top: 3px;

}



.pdrp-stage {

    min-height: 355px;

    padding: 72px 3px 88px;

}



.pdrp-table-wrap {

    width: 94%;

    max-width: 680px;

}



.pdrp-table {

    aspect-ratio: 1.32 / 1;

    padding: 13px;

}



.pdrp-felt {

    isolation: isolate;

}



.pdrp-felt::before {

    position: absolute;

    z-index: 0;

    inset: 15%;

    border-radius: 50%;

    background-image: url("pdr-logo.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    content: "";

    opacity: .13;

    filter: saturate(.85) contrast(1.05);

    pointer-events: none;

}



.pdrp-felt > * {

    position: absolute;

}



.pdrp-table-logo {

    display: none;

}



.pdrp-dealer {

    top: 1px;

    width: 78px;

    height: 106px;

    transform: translateX(-50%) scale(.82);

    transform-origin: top center;

}



.pdrp-board {

    top: 49%;

}



.pdrp-pot {

    top: 25%;

}



.pdrp-seat {

    min-width: 101px;

    padding: 5px 6px;

    gap: 5px;

}



.pdrp-seat-data strong {

    max-width: 68px;

    font-size: 10px;

}



.pdrp-seat-data span {

    font-size: 8px;

}



.pdrp-avatar {

    flex-basis: 31px;

    width: 31px;

    height: 31px;

}



.pdrp-seat-1 {

    top: -13%;

    left: 0;

}



.pdrp-seat-2 {

    top: -13%;

    right: 0;

}



.pdrp-seat-3 {

    top: 39%;

    right: -1%;

}



.pdrp-seat-me {

    bottom: -15%;

}



.pdrp-card {

    width: clamp(39px, 11vw, 58px);

}



.pdrp-my-hand {

    bottom: 8px;

}



.pdrp-message {

    margin: 0 9px 8px;

    padding: 8px 10px;

    font-size: 11px;

}



.pdrp-controls {

    position: sticky;

    z-index: 30;

    bottom: 0;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 6px;

    padding: 7px 9px;

    background: rgba(5, 5, 5, .96);

    backdrop-filter: blur(10px);

}



.pdrp-btn {

    min-height: 42px;

    font-size: 12px;

}



.pdrp-footer {

    padding: 7px 10px;

}



@media (min-width: 431px) {

    .pdrp-stage {

        min-height: 400px;

        padding-top: 75px;

        padding-bottom: 87px;

    }



    .pdrp-table {

        aspect-ratio: 1.48 / 1;

    }

}



@media (min-width: 701px) {

    .pdrp-header {

        min-height: 72px;

        padding: 11px 18px;

    }



    .pdrp-stage {

        min-height: 440px;

        padding-top: 75px;

        padding-bottom: 82px;

    }



    .pdrp-table-wrap {

        width: min(680px, 74%);

    }



    .pdrp-table {

        aspect-ratio: 1.72 / 1;

        padding: 20px;

    }



    .pdrp-dealer {

        top: 0;

        transform: translateX(-50%) scale(.86);

    }



    .pdrp-seat {

        min-width: 125px;

        padding: 6px 8px;

    }



    .pdrp-seat-data strong {

        max-width: 88px;

        font-size: 11px;

    }



    .pdrp-seat-data span {

        font-size: 9px;

    }



    .pdrp-avatar {

        flex-basis: 35px;

        width: 35px;

        height: 35px;

    }



    .pdrp-seat-1 {

        top: -14%;

        left: 1%;

    }



    .pdrp-seat-2 {

        top: -14%;

        right: 1%;

    }



    .pdrp-seat-3 {

        top: 37%;

        right: -3%;

    }



    .pdrp-seat-me {

        bottom: -16%;

    }



    .pdrp-card {

        width: clamp(46px, 5.2vw, 64px);

    }



    .pdrp-my-hand {

        bottom: 5px;

    }



    .pdrp-controls {

        position: static;

        grid-template-columns: repeat(4, minmax(0, 1fr));

        padding: 7px 12px 10px;

        background: transparent;

        backdrop-filter: none;

    }



    .pdrp-btn {

        min-height: 40px;

    }

}



@media (max-height: 760px) and (min-width: 701px) {

    .pdrp-header {

        min-height: 60px;

        padding-top: 7px;

        padding-bottom: 7px;

    }



    .pdrp-header h2 {

        font-size: 29px;

    }



    .pdrp-header p {

        display: none;

    }



    .pdrp-stage {

        min-height: 390px;

        padding-top: 65px;

        padding-bottom: 75px;

    }



    .pdrp-table-wrap {

        width: min(610px, 70%);

    }



    .pdrp-message {

        padding-top: 6px;

        padding-bottom: 6px;

    }



    .pdrp-footer {

        display: none;

    }

}



@media (max-width: 390px) {

    .pdrp-header {

        min-height: 58px;

        padding: 8px 10px;

    }



    .pdrp-header h2 {

        font-size: 24px;

    }



    .pdrp-kicker {

        font-size: 9px;

    }



    .pdrp-status {

        max-width: 112px;

        padding: 6px 8px;

        font-size: 9px;

    }



    .pdrp-stage {

        min-height: 335px;

        padding-top: 66px;

        padding-bottom: 82px;

    }



    .pdrp-table-wrap {

        width: 92%;

    }



    .pdrp-table {

        aspect-ratio: 1.22 / 1;

        padding: 11px;

    }



    .pdrp-seat {

        min-width: 91px;

        padding: 4px;

    }



    .pdrp-seat-data strong {

        max-width: 57px;

        font-size: 9px;

    }



    .pdrp-avatar {

        flex-basis: 27px;

        width: 27px;

        height: 27px;

    }



    .pdrp-card {

        width: 37px;

    }



    .pdrp-controls {

        padding: 6px;

    }



    .pdrp-btn {

        min-height: 39px;

        font-size: 11px;

    }

}




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

 * PDR PÓKER 0.1.3 – KÖR ALAKÚ LOGÓ ÉS KOMPAKT MOBILASZTAL

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



.pdrp-felt::before {

    inset: auto;

    top: 50%;

    left: 50%;

    width: clamp(135px, 31%, 230px);

    aspect-ratio: 1 / 1;

    border-radius: 50%;

    background-color: transparent;

    background-position: center;

    background-size: 106% 106%;

    clip-path: circle(48% at 50% 50%);

    opacity: .11;

    filter: saturate(.8) contrast(1.08);

    transform: translate(-50%, -50%);

}



@media (max-width: 700px) {

    .pdrp-stage {

        min-height: 330px;

        padding: 67px 0 78px;

    }



    .pdrp-table-wrap {

        width: 96%;

        max-width: 560px;

    }



    .pdrp-table {

        aspect-ratio: 1.58 / 1;

        padding: 12px;

    }



    .pdrp-felt::before {

        width: clamp(120px, 34%, 175px);

        background-size: 107% 107%;

        clip-path: circle(47% at 50% 50%);

        opacity: .105;

    }



    .pdrp-dealer {

        top: 2px;

        transform: translateX(-50%) scale(.7);

    }



    .pdrp-seat-1 {

        top: -20%;

        left: 0;

    }



    .pdrp-seat-2 {

        top: -20%;

        right: 0;

    }



    .pdrp-seat-3 {

        top: 34%;

        right: -1%;

    }



    .pdrp-seat-me {

        bottom: -22%;

    }



    .pdrp-pot {

        top: 21%;

    }



    .pdrp-board {

        top: 51%;

    }



    .pdrp-my-hand {

        bottom: 3px;

    }

}



@media (max-width: 430px) {

    .pdrp-stage {

        min-height: 305px;

        padding-top: 62px;

        padding-bottom: 73px;

    }



    .pdrp-table-wrap {

        width: 97%;

    }



    .pdrp-table {

        aspect-ratio: 1.52 / 1;

        padding: 10px;

    }



    .pdrp-dealer {

        top: 0;

        transform: translateX(-50%) scale(.63);

    }



    .pdrp-seat {

        min-width: 86px;

    }



    .pdrp-seat-1 {

        top: -19%;

    }



    .pdrp-seat-2 {

        top: -19%;

    }



    .pdrp-seat-3 {

        top: 34%;

        right: -2%;

    }



    .pdrp-seat-me {

        bottom: -23%;

    }



    .pdrp-card {

        width: 34px;

    }



    .pdrp-felt::before {

        width: 125px;

    }

}



@media (min-width: 701px) {

    .pdrp-felt::before {

        width: clamp(165px, 29%, 220px);

    }

}




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

 * PDR PÓKER 0.1.4 – SOLO INFÓSÁVVAL AZONOS SZÉLESSÉG

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



.pdrp-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;

}



.pdrp-infobar > a {

    box-sizing: border-box !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

}



@media (max-width: 760px) {

    .pdrp-infobar {

        width: calc(100% - 8px) !important;

        max-width: 100% !important;

        margin: 5px auto !important;

    }

}




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

 * PDR PÓKER 0.2.0 – TÖBBJÁTÉKOS LOBBY ÉS ÉLŐ ASZTAL

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



.pdrp-lobby-tools {

    display: flex;

    align-items: end;

    justify-content: space-between;

    gap: 10px;

    padding: 15px;

}



.pdrp-lobby-tools label {

    display: grid;

    gap: 5px;

    color: #aaa;

    font-size: 11px;

}



.pdrp-lobby-tools select {

    min-height: 42px;

    padding: 0 35px 0 12px;

    border: 1px solid #4b4b4b;

    border-radius: 11px;

    background: #111;

    color: #fff;

}



.pdrp-lobby-list {

    display: grid;

    gap: 8px;

    padding: 0 15px 15px;

}



.pdrp-lobby-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    padding: 11px;

    border: 1px solid rgba(255, 75, 11, .35);

    border-radius: 13px;

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

}



.pdrp-lobby-row > div {

    display: grid;

    min-width: 0;

}



.pdrp-lobby-row strong {

    font-size: 13px;

}



.pdrp-lobby-row span,

.pdrp-lobby-row small {

    overflow: hidden;

    color: #aaa;

    font-size: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pdrp-empty {

    padding: 30px 15px;

    color: #888;

    text-align: center;

}



.pdrp-live-layout {

    position: relative;

    min-height: 430px;

    padding: 75px 12px 90px;

}



.pdrp-live-table {

    position: relative;

    width: min(680px, 76%);

    aspect-ratio: 1.72 / 1;

    margin: auto;

    border: 18px solid #542308;

    border-radius: 50%;

    background:

        linear-gradient(rgba(0, 90, 65, .86), rgba(0, 60, 44, .9)),

        url("pdr-logo.png") center / 30% auto no-repeat;

    box-shadow:

        0 25px 35px rgba(0, 0, 0, .65),

        inset 0 0 45px #001d15,

        0 0 0 3px #bc722b;

}



.pdrp-live-players {

    position: absolute;

    z-index: 8;

    inset: 7px 12px auto;

    display: flex;

    justify-content: center;

    gap: 7px;

}



.pdrp-live-player {

    display: flex;

    align-items: center;

    gap: 6px;

    min-width: 120px;

    padding: 6px;

    border: 1px solid #555;

    border-radius: 13px;

    background: rgba(10, 10, 10, .96);

}



.pdrp-live-player.is-turn {

    border-color: #ff5a16;

    box-shadow: 0 0 15px rgba(255, 75, 11, .5);

}



.pdrp-live-player img {

    width: 32px;

    height: 32px;

    border: 2px solid #ff4b0b;

    border-radius: 50%;

    object-fit: cover;

}



.pdrp-live-player div {

    display: grid;

    min-width: 0;

}



.pdrp-live-player strong {

    overflow: hidden;

    max-width: 82px;

    font-size: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pdrp-live-player span {

    color: #f8c75c;

    font-size: 8px;

}



.pdrp-live-player > b {

    color: #55dc7f;

    font-size: 7px;

}



.pdrp-live-layout > .pdrp-my-hand {

    bottom: 12px;

}



@media (max-width: 700px) {

    .pdrp-lobby-tools {

        align-items: stretch;

        flex-direction: column;

    }



    .pdrp-lobby-row {

        align-items: stretch;

        flex-direction: column;

    }



    .pdrp-live-layout {

        min-height: 345px;

        padding: 76px 2px 82px;

    }



    .pdrp-live-table {

        width: 96%;

        aspect-ratio: 1.55 / 1;

        border-width: 12px;

    }



    .pdrp-live-players {

        overflow-x: auto;

        justify-content: flex-start;

        padding-bottom: 4px;

    }



    .pdrp-live-player {

        flex: 0 0 105px;

        min-width: 105px;

    }

}




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

 * PDR PÓKER 0.2.1 – VILLOGÁSMENTES LAPOK ÉS LIVE META

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



.pdrp-live-layout .pdrp-card {

    animation: none !important;

}



.pdrp-live-meta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin: 0 10px 8px;

    padding: 8px 10px;

    border: 1px solid rgba(255, 75, 11, .28);

    border-radius: 12px;

    background: rgba(255, 255, 255, .025);

}



.pdrp-watchers {

    display: flex;

    min-width: 0;

    align-items: center;

    gap: 9px;

}



.pdrp-watchers > strong {

    color: #ddd;

    font-size: 10px;

    white-space: nowrap;

}



.pdrp-watchers > div {

    display: flex;

    overflow-x: auto;

    gap: 5px;

}



.pdrp-watcher {

    display: flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 4px;

    padding: 3px 6px 3px 3px;

    border: 1px solid #383838;

    border-radius: 999px;

    background: #101010;

}



.pdrp-watcher img,

.pdrp-watcher i {

    display: grid;

    width: 23px;

    height: 23px;

    place-items: center;

    border: 1px solid #ff4b0b;

    border-radius: 50%;

    object-fit: cover;

    font-size: 12px;

}



.pdrp-watcher b {

    max-width: 90px;

    overflow: hidden;

    font-size: 9px;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pdrp-live-coin {

    color: #bbb;

    font-size: 10px;

    white-space: nowrap;

}



.pdrp-live-coin b {

    color: #f8c75c;

    font-size: 12px;

}



@media (max-width: 600px) {

    .pdrp-live-meta {

        align-items: stretch;

        flex-direction: column;

    }



    .pdrp-watchers {

        align-items: flex-start;

        flex-direction: column;

    }



    .pdrp-live-coin {

        text-align: right;

    }

}




/* PDR PÓKER 0.2.5 – ÉLŐ JÁTÉKOS INFÓSÁV */



.pdrp-infobar-live .pdrp-infobar-avatar {

    display: grid;

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    overflow: hidden;

    place-items: center;

    border: 2px solid #ff4b0b;

    border-radius: 50%;

    background: linear-gradient(145deg, #ff6a1a, #e63300);

    box-shadow: 0 0 14px rgba(255, 75, 11, .3);

}



.pdrp-infobar-live .pdrp-infobar-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.pdrp-infobar-live .pdrp-infobar-avatar i {

    color: #fff;

    font-style: normal;

    font-size: 21px;

}



.pdrp-infobar-live .pdrp-infobar-copy {

    display: flex;

    min-width: 0;

    flex: 1;

    flex-direction: column;

}



.pdrp-infobar-live .pdrp-infobar-copy strong,

.pdrp-infobar-live .pdrp-infobar-copy small {

    transition: none !important;

    animation: none !important;

}



.pdrp-infobar-live [data-pdrp-player-status] {

    color: #f0b466;

}



@media (max-width: 600px) {

    .pdrp-infobar-live .pdrp-infobar-avatar {

        width: 38px;

        height: 38px;

        flex-basis: 38px;

    }



    .pdrp-infobar-live [data-pdrp-player-count] {

        display: none;

    }

}




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

 * PDR PÓKER 0.2.7 – KOMPAKT ASZTAL ÉS STABIL INFÓSÁV

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



.pdrp-infobar[hidden] {

    display: none !important;

}



.pdrp-infobar-live > a {

    justify-content: center;

    min-height: 58px;

}



.pdrp-infobar-group {

    display: flex !important;

    flex: 0 1 auto !important;

    flex-flow: row wrap !important;

    align-items: center;

    justify-content: center;

    gap: 7px;

}



.pdrp-infobar-person {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center;

    gap: 6px;

    min-width: 0;

    padding: 4px 8px 4px 4px;

    border: 1px solid rgba(255, 83, 20, .42);

    border-radius: 999px;

    background: linear-gradient(145deg, rgba(38, 38, 38, .96), rgba(8, 8, 8, .98));

}



.pdrp-infobar-person-avatar {

    display: grid !important;

    flex: 0 0 34px !important;

    width: 34px;

    height: 34px;

    overflow: hidden;

    place-items: center;

    border: 2px solid #ff4b0b;

    border-radius: 50%;

    background: #111;

    box-shadow: 0 2px 9px rgba(255, 75, 11, .3);

}



.pdrp-infobar-person-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.pdrp-infobar-person-copy {

    display: flex !important;

    flex: 0 1 auto !important;

    flex-direction: column;

    line-height: 1.1;

}



.pdrp-infobar-person-copy strong {

    font-size: 11px;

    white-space: nowrap;

}



.pdrp-infobar-person-copy small {

    color: #ff9b55;

    font-size: 9px;

    white-space: nowrap;

}



.pdrp-infobar-summary {

    display: flex !important;

    flex: 0 0 auto !important;

    flex-direction: column;

    align-items: center;

    min-width: 125px;

    text-align: center;

}



.pdrp-player-avatar-wrap {

    position: relative;

    flex: 0 0 auto;

}



.pdrp-dealer-chip {

    position: absolute;

    right: -4px;

    bottom: -3px;

    display: grid;

    width: 20px;

    height: 20px;

    place-items: center;

    border: 2px solid #fff1bc;

    border-radius: 50%;

    color: #2a1600;

    background:

        radial-gradient(circle at 32% 25%, #fff8c4 0 10%, #ffd43b 29%, #f28a00 65%, #8a3500 100%);

    box-shadow:

        0 2px 5px rgba(0, 0, 0, .75),

        inset 0 1px 2px rgba(255, 255, 255, .9);

    font-size: 10px;

    font-weight: 900;

    z-index: 4;

}



.pdrp-live-player.is-turn {

    border-color: #ff6a19;

    box-shadow:

        0 0 0 1px rgba(255, 106, 25, .35),

        0 0 16px rgba(255, 75, 11, .32);

}



.pdrp-shell-compact .pdrp-header {

    padding-top: 10px;

    padding-bottom: 10px;

}



.pdrp-shell-compact .pdrp-live-layout {

    padding-top: 6px;

    padding-bottom: 4px;

}



.pdrp-shell-compact .pdrp-live-players {

    gap: 6px;

    margin-bottom: 5px;

}



.pdrp-shell-compact .pdrp-live-table {

    width: min(68vw, 650px);

    max-width: 88%;

    aspect-ratio: 1.85 / 1;

}



.pdrp-shell-compact .pdrp-my-hand {

    margin-top: -18px;

}



.pdrp-shell-compact .pdrp-message {

    margin-top: 3px;

}



.pdrp-shell-compact .pdrp-controls {

    gap: 6px;

    padding-top: 5px;

    padding-bottom: 5px;

}



@media (max-width: 700px) {

    .pdrp-infobar-live > a {

        flex-wrap: wrap;

        gap: 7px;

        min-height: 50px;

        padding: 6px;

    }



    .pdrp-infobar-group {

        width: 100%;

    }



    .pdrp-infobar-summary {

        min-width: 0;

    }



    .pdrp-infobar-open {

        display: none;

    }



    .pdrp-shell-compact .pdrp-header {

        padding: 8px 10px;

    }



    .pdrp-shell-compact .pdrp-header h2 {

        font-size: clamp(20px, 6vw, 27px);

    }



    .pdrp-shell-compact .pdrp-live-layout {

        min-height: 0 !important;

        padding: 4px 2px 2px;

    }



    .pdrp-shell-compact .pdrp-live-players {

        width: 100%;

        max-width: 100%;

        flex-flow: row wrap;

        justify-content: center;

    }



    .pdrp-shell-compact .pdrp-live-player {

        flex: 0 1 auto;

        min-width: 112px;

        padding: 4px 6px;

    }



    .pdrp-shell-compact .pdrp-live-player img {

        width: 31px;

        height: 31px;

    }



    .pdrp-shell-compact .pdrp-live-table {

        width: 96%;

        max-width: 520px;

        aspect-ratio: 1.72 / 1;

        margin-top: 3px;

    }



    .pdrp-shell-compact .pdrp-card {

        width: clamp(32px, 9vw, 43px);

    }



    .pdrp-shell-compact .pdrp-my-hand {

        margin-top: -13px;

    }



    .pdrp-shell-compact .pdrp-message {

        margin: 3px 6px;

        padding: 6px 8px;

        font-size: 11px;

    }



    .pdrp-shell-compact .pdrp-controls {

        grid-template-columns: repeat(3, 1fr);

        margin: 0 6px;

    }



    .pdrp-shell-compact .pdrp-controls .pdrp-btn {

        min-height: 38px;

        padding: 6px 4px;

        font-size: 11px;

    }

}



@media (max-width: 430px) {

    .pdrp-infobar-person {

        padding-right: 5px;

    }



    .pdrp-infobar-person-avatar {

        flex-basis: 29px !important;

        width: 29px;

        height: 29px;

    }



    .pdrp-infobar-person-copy strong {

        max-width: 88px;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .pdrp-shell-compact .pdrp-live-table {

        width: 98%;

        aspect-ratio: 1.65 / 1;

    }

}




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

 * PDR PÓKER 0.2.9 – NAVIGÁCIÓ, COIN IKON, INFOBAR MÉRET

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



.pdrp-coin-icon {

    position: relative;

    display: inline-grid !important;

    flex: 0 0 auto;

    width: 17px !important;

    height: 17px !important;

    min-width: 17px;

    margin-right: 5px;

    place-items: center;

    vertical-align: -4px;

    border: 1px solid #fff3a3;

    border-radius: 50%;

    background: radial-gradient(circle at 30% 24%, #fffbd5 0 7%, #ffe96d 16%, #ffc400 43%, #e27200 73%, #713000 100%);

    box-shadow: 0 2px 4px rgba(0,0,0,.75), inset 0 1px 1px rgba(255,255,255,.9), inset 0 -2px 2px rgba(94,31,0,.55);

}



.pdrp-coin-icon::after {

    content: "P";

    color: #743200;

    font-family: Arial, sans-serif;

    font-size: 8px;

    font-style: normal;

    font-weight: 900;

    line-height: 1;

    text-shadow: 0 1px rgba(255,248,145,.8);

}



.pdrp-live-coin,

.pdrp-pot strong,

.pdrp-live-player span {

    display: inline-flex;

    align-items: center;

}



.pdrp-table-nav {

    display: flex;

    flex-flow: row wrap;

    justify-content: flex-end;

    gap: 6px;

}



.pdrp-btn-danger {

    border-color: rgba(255,60,42,.72) !important;

    color: #ffc0b8 !important;

    background: linear-gradient(180deg,#3c1510,#150706) !important;

}



.pdrp-infobar-person {

    flex: 0 0 132px !important;

    width: 132px !important;

    min-width: 132px !important;

    max-width: 132px !important;

    height: 44px !important;

    min-height: 44px !important;

    max-height: 44px !important;

    padding: 4px 7px 4px 4px !important;

    overflow: hidden !important;

}



.pdrp-infobar-person-avatar,

.pdrp-infobar-person-avatar img {

    display: block !important;

    flex: 0 0 34px !important;

    width: 34px !important;

    min-width: 34px !important;

    max-width: 34px !important;

    height: 34px !important;

    min-height: 34px !important;

    max-height: 34px !important;

    border-radius: 50% !important;

    object-fit: cover !important;

}



.pdrp-infobar-person-copy {

    min-width: 0 !important;

    overflow: hidden !important;

}



.pdrp-infobar-person-copy strong,

.pdrp-infobar-person-copy small {

    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;

}



@media (max-width:430px) {

    .pdrp-table-nav {

        max-width: 150px;

    }



    .pdrp-table-nav .pdrp-btn {

        width: 100%;

        min-height: 33px;

        padding: 5px 7px;

        font-size: 10px;

    }



    .pdrp-infobar-person {

        flex-basis: 116px !important;

        width: 116px !important;

        min-width: 116px !important;

        max-width: 116px !important;

    }

}




/* PDR PÓKER v0.3.0 – COIN-VÁSÁRLÓ PANEL */



.pdrpcp {

    width: min(100%, 940px);

    margin: 14px auto;

    font-family: Inter, Arial, sans-serif;

    box-sizing: border-box;

}



.pdrpcp * {

    box-sizing: border-box;

}



.pdrpcp-button {

    position: relative;

    display: flex;

    width: min(100%, 430px);

    min-height: 64px;

    margin: 0 auto;

    padding: 10px 55px 10px 72px;

    align-items: center;

    justify-content: center;

    border: 1px solid #ff982f;

    border-radius: 20px;

    color: #fff;

    background:

        linear-gradient(

            180deg,

            #ffa23d 0%,

            #ff6712 42%,

            #d93200 100%

        );

    box-shadow:

        0 6px 0 #731900,

        0 13px 27px rgba(255, 73, 0, .37),

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

        inset 0 -5px 9px rgba(91, 10, 0, .4);

    font: inherit;

    font-size: 17px;

    font-weight: 900;

    text-shadow: 0 2px 2px rgba(0, 0, 0, .55);

    cursor: pointer;

    transition: transform .16s ease, filter .16s ease;

}



.pdrpcp-button:hover {

    filter: brightness(1.09);

    transform: translateY(-2px);

}



.pdrpcp-button:active {

    transform: translateY(4px);

}



.pdrpcp-coin {

    position: absolute;

    left: 14px;

    display: grid;

    width: 44px;

    height: 44px;

    place-items: center;

    border: 3px solid #ffe67c;

    border-radius: 50%;

    color: #713700;

    background:

        radial-gradient(

            circle at 34% 25%,

            #fffbd1 0 5%,

            #ffe45b 8%,

            #ffc400 43%,

            #df8000 73%,

            #754000 100%

        );

    box-shadow:

        0 4px 8px rgba(0, 0, 0, .5),

        inset 0 2px 2px rgba(255, 255, 255, .8);

    font-size: 9px;

    font-weight: 1000;

    text-shadow: 0 1px rgba(255, 255, 255, .6);

}



.pdrpcp-arrow {

    position: absolute;

    right: 20px;

    font-size: 27px;

    transition: transform .2s ease;

}



.pdrpcp.is-open .pdrpcp-arrow {

    transform: rotate(180deg);

}



.pdrpcp-content {

    width: 100%;

    height: auto;

    min-height: 100px;

    margin-top: 16px;

    padding: 14px;

    overflow: visible;

    border: 1px solid rgba(255, 91, 20, .75);

    border-radius: 18px;

    color: #fff;

    background:

        radial-gradient(

            circle at 50% 0,

            rgba(110, 34, 12, .38),

            transparent 58%

        ),

        linear-gradient(145deg, #171313, #070707);

    box-shadow:

        0 15px 35px rgba(0, 0, 0, .5),

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

}



.pdrpcp-content[hidden] {

    display: none !important;

}



.pdrpcp-loading,

.pdrpcp-error {

    display: grid;

    min-height: 72px;

    place-items: center;

    padding: 15px;

    text-align: center;

}



.pdrpcp-error {

    color: #ffae8c;

}



@media (max-width: 760px) {

    .pdrpcp {

        width: calc(100% - 8px);

        margin: 10px auto;

    }



    .pdrpcp-button {

        width: 100%;

        min-height: 60px;

        font-size: 15px;

    }



    .pdrpcp-content {

        padding: 8px;

    }

}




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

 * PDR PÓKER v0.3.1 – KOMPAKT ÉS KÖZÉPRE HELYEZETT VEZÉRLÉS

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



.pdrpcp {

    margin-top: 9px !important;

    margin-bottom: 9px !important;

}



.pdrpcp-button {

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

    min-height: 46px !important;

    padding: 6px 44px 6px 55px !important;

    border-radius: 15px !important;

    font-size: 14px !important;

    box-shadow:

        0 4px 0 #731900,

        0 8px 18px rgba(255, 73, 0, .3),

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

        inset 0 -3px 6px rgba(91, 10, 0, .35) !important;

}



.pdrpcp-coin {

    left: 10px !important;

    width: 34px !important;

    height: 34px !important;

    border-width: 2px !important;

    font-size: 7px !important;

}



.pdrpcp-arrow {

    right: 15px !important;

    font-size: 21px !important;

}



.pdrp-lobby-tools {

    display: grid !important;

    grid-template-columns: minmax(140px, 220px) minmax(150px, 240px) !important;

    align-items: end !important;

    justify-content: center !important;

    justify-items: stretch !important;

    gap: 12px !important;

}



.pdrp-lobby-tools > .pdrp-btn,

.pdrp-lobby-tools > button {

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 auto !important;

    justify-self: center !important;

}



.pdrp-lobby-row {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(150px, 240px) !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 12px !important;

}



.pdrp-lobby-row > div {

    text-align: center !important;

}



.pdrp-lobby-row > .pdrp-btn,

.pdrp-lobby-row > button {

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 auto !important;

    justify-self: center !important;

}



@media (max-width: 900px) {

    .pdrp-lobby-tools {

        grid-template-columns: minmax(130px, 190px) minmax(140px, 210px) !important;

    }



    .pdrp-lobby-row {

        grid-template-columns: minmax(0, 1fr) minmax(140px, 210px) !important;

    }

}



@media (max-width: 620px) {

    .pdrpcp-button {

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

        min-height: 44px !important;

    }



    .pdrp-lobby-tools,

    .pdrp-lobby-row {

        grid-template-columns: 1fr !important;

        justify-items: center !important;

    }



    .pdrp-lobby-tools label,

    .pdrp-lobby-tools > .pdrp-btn,

    .pdrp-lobby-tools > button,

    .pdrp-lobby-row > .pdrp-btn,

    .pdrp-lobby-row > button {

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

    }



    .pdrp-lobby-row > div {

        width: 100% !important;

        text-align: center !important;

    }

}


/* ============================================================
   PDR POKER 0.4.0 – GAMEPLAY / DEAL ANIMATION / REAL COIN UI
   ============================================================ */
.pdrp-coin-live{color:#55dc7f!important}.pdrp-coin-test{color:#f8c75c!important}.pdrp-error{border-color:#a92d20!important;color:#ffd0c8!important}.pdrp-lobby-balance{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(248,199,92,.35);border-radius:999px;background:#0b0b0b;color:#f8c75c;font-weight:900;font-size:12px}.pdrp-player-avatar-wrap{position:relative!important;display:block!important;flex:0 0 auto}.pdrp-player-main{display:grid!important;min-width:0}.pdrp-blind-chip{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;right:-6px;width:18px;height:18px;border:1px solid #f8c75c;border-radius:50%;background:#15100a;color:#f8c75c!important;font-size:7px!important;font-weight:900;box-shadow:0 2px 8px #000}.pdrp-blind-chip:nth-of-type(2){bottom:-5px}.pdrp-dealer-chip+.pdrp-blind-chip{bottom:-5px}.pdrp-live-player.is-folded{opacity:.55;filter:grayscale(.55)}.pdrp-live-player.is-allin{border-color:#f8c75c;box-shadow:0 0 12px rgba(248,199,92,.25)}.pdrp-player-cards-mini{display:flex!important;gap:2px;margin-top:3px;min-height:18px}.pdrp-mini-card-wrap{display:inline-flex!important}.pdrp-live-player .pdrp-card.pdrp-mini-card{width:15px!important;height:21px!important;min-width:15px!important;border-radius:3px!important;padding:0!important;box-shadow:0 2px 5px rgba(0,0,0,.45)!important}.pdrp-live-player .pdrp-mini-card .pdrp-rank,.pdrp-live-player .pdrp-mini-card .pdrp-suit,.pdrp-live-player .pdrp-mini-card .pdrp-corner{display:none!important}.pdrp-live-player .pdrp-mini-card.pdrp-card-back span{font-size:5px!important}.pdrp-pot em{display:block;margin-top:3px;color:#f8c75c;font-size:8px;font-style:normal;font-weight:800}.pdrp-hand-result{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 10px 0;padding:7px 10px;border:1px solid rgba(248,199,92,.32);border-radius:12px;background:linear-gradient(180deg,rgba(248,199,92,.08),rgba(0,0,0,.25));font-size:11px;text-align:center}.pdrp-hand-result strong{color:#f8c75c;white-space:nowrap}.pdrp-hand-result span{color:#fff}.pdrp-spectator-note{grid-column:1/-1;color:#bbb;font-size:11px;text-align:center}.pdrp-raise-wrap{display:grid;grid-template-columns:auto minmax(78px,110px) auto;align-items:center;gap:5px;grid-column:span 1}.pdrp-raise-wrap>span{font-size:9px;color:#bbb}.pdrp-raise-wrap input{width:100%;height:38px;border:1px solid rgba(248,199,92,.42);border-radius:10px;background:#080808;color:#fff;padding:0 8px;font-weight:900;text-align:center}.pdrp-raise-btn{min-height:38px!important}.pdrp-card.is-dealing,.pdrp-mini-card-wrap.is-dealing{animation:pdrpDealHole .58s cubic-bezier(.2,.75,.18,1.15) both;animation-delay:var(--pdrp-delay,0ms)}.pdrp-card.is-dealing-board{animation:pdrpDealBoard .62s cubic-bezier(.2,.75,.18,1.12) both;animation-delay:var(--pdrp-delay,0ms)}@keyframes pdrpDealHole{0%{opacity:0;transform:translate3d(0,-120px,80px) rotate(-18deg) scale(.55)}65%{opacity:1;transform:translate3d(0,5px,0) rotate(2deg) scale(1.04)}100%{opacity:1;transform:none}}@keyframes pdrpDealBoard{0%{opacity:0;transform:translate3d(-140px,-70px,100px) rotate(-24deg) scale(.55)}72%{opacity:1;transform:translate3d(4px,1px,0) rotate(1deg) scale(1.04)}100%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pdrp-card.is-dealing,.pdrp-mini-card-wrap.is-dealing,.pdrp-card.is-dealing-board{animation:none!important}}@media(max-width:700px){.pdrp-hand-result{align-items:flex-start;flex-direction:column;gap:2px}.pdrp-shell-compact .pdrp-controls{grid-template-columns:repeat(2,1fr)!important}.pdrp-raise-wrap{grid-column:1/-1;grid-template-columns:1fr 90px 1fr}.pdrp-spectator-note{grid-column:1/-1}.pdrp-live-player .pdrp-card.pdrp-mini-card{width:13px!important;height:18px!important;min-width:13px!important}}@media(max-width:430px){.pdrp-raise-wrap{grid-template-columns:1fr 76px 1fr}.pdrp-live-player> b{max-width:66px;text-align:right}}