/*------------------------------------------------------------------
[ Place your custom CSS code here ]
*/

/* =========================================================
   RANKKEEP RESPONSIVE NAV V2
   Compact/offcanvas header for tablet + small desktop
   ========================================================= */

@media (min-width:768px) and (max-width:1180px){

    body.site-navbar-small{
        padding-top:66px !important;
    }

    .site-navbar{
        height:66px !important;
        min-height:66px !important;
        background:#06101f !important;
    }

    /* HEADER */

    .site-navbar .navbar-header{
        position:absolute !important;
        inset:0 auto auto 0 !important;
        width:190px !important;
        height:66px !important;
        z-index:2050 !important;
    }

    /* show hamburger earlier */

    .site-navbar .navbar-header .offcanvas-toggle{
        display:flex !important;
        position:absolute !important;
        left:14px !important;
        top:13px !important;

        width:42px !important;
        height:42px !important;

        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;
        margin:0 !important;

        border:1px solid rgba(91,136,210,.35) !important;
        border-radius:12px !important;
        background:#10213c !important;
    }

    /* hide the old ellipsis/collapse button at this width */

    .site-navbar .navbar-header >
    .navbar-toggler:not(.offcanvas-toggle){
        display:none !important;
    }

    /* LOGO */

    .site-navbar .navbar-brand,
    .site-navbar .navbar-brand-center{
        position:absolute !important;
        left:67px !important;
        top:0 !important;

        width:108px !important;
        height:66px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;

        transform:none !important;
    }

    .site-navbar .rk-header-logo{
        display:block !important;
        width:auto !important;
        max-width:100px !important;
        max-height:38px !important;
    }

    /* REMOVE DESKTOP MENU FROM THE HEADER */

    .site-navbar .navigation{
        margin:0 !important;
        padding:0 !important;
        height:66px !important;
    }

    /* OFFCANVAS DRAWER */

    .site-navbar .navbar-offcanvas{
        position:fixed !important;

        top:0 !important;
        bottom:0 !important;
        left:0 !important;

        width:285px !important;
        max-width:84vw !important;
        height:100vh !important;

        padding:18px 14px !important;
        margin:0 !important;

        overflow-y:auto !important;

        background:#06101f !important;
        border-right:1px solid #243653 !important;

        z-index:3000 !important;

        -webkit-transform:translate3d(-100%,0,0) !important;
        transform:translate3d(-100%,0,0) !important;

        transition:transform .22s ease !important;
    }

    .site-navbar .navbar-offcanvas.in{
        -webkit-transform:translate3d(0,0,0) !important;
        transform:translate3d(0,0,0) !important;

        box-shadow:14px 0 45px rgba(0,0,0,.45) !important;
    }

    /* vertical menu inside drawer */

    .site-navbar .navbar-offcanvas .site-menu{
        display:block !important;
        width:100% !important;
        height:auto !important;

        padding:0 !important;
        margin:0 !important;
    }

    .site-navbar .navbar-offcanvas
    .site-menu > .site-menu-item{
        display:block !important;
        float:none !important;

        width:100% !important;
        height:auto !important;

        margin:4px 0 !important;
    }

    .site-navbar .navbar-offcanvas
    .site-menu > .site-menu-item > a{
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        min-height:48px !important;

        padding:11px 14px !important;

        border-radius:12px !important;

        color:#c8d3e7 !important;
    }

    .site-navbar .navbar-offcanvas
    .site-menu > .site-menu-item.active > a{
        background:#102344 !important;
        color:#fff !important;
    }

    .site-navbar .navbar-offcanvas
    .site-menu-icon{
        width:26px !important;
        margin-right:8px !important;
    }

    .site-navbar .navbar-offcanvas
    .site-menu-title{
        font-size:14px !important;
        white-space:normal !important;
    }

    /* USER CONTROLS STAY ON RIGHT */

    .site-navbar .userbar{
        position:absolute !important;

        top:0 !important;
        right:14px !important;
        left:auto !important;

        width:auto !important;
        height:66px !important;

        margin:0 !important;
        padding:0 !important;

        z-index:2100 !important;
    }

    .site-navbar .navbar-collapse-toolbar{
        display:block !important;
        height:66px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .site-navbar .navbar-toolbar-right{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;

        height:66px !important;

        margin:0 !important;
        padding:0 !important;

        white-space:nowrap !important;
    }

    .site-navbar .navbar-toolbar-right > li{
        display:flex !important;
        float:none !important;
        align-items:center !important;

        height:66px !important;
    }

    .site-navbar .navbar-toolbar-right .nav-link{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:66px !important;

        padding-left:10px !important;
        padding-right:10px !important;
    }

    /* mobile search toggle isn't needed here */

    .site-navbar .userbar >
    .navbar-collapse-toolbar >
    .navbar-toggler{
        display:none !important;
    }
}

/* =========================================================
   END RANKKEEP RESPONSIVE NAV V2
   ========================================================= */


/* =========================================================
   RANKKEEP HOME MID-WIDTH V1
   Small desktop / landscape tablet polish
   ========================================================= */

@media (min-width:901px) and (max-width:1180px){

    .rk-home .rk-wrap{
        width:calc(100% - 40px) !important;
        max-width:1080px !important;
    }

    .rk-home .rk-hero{
        padding:54px 0 !important;
    }

    .rk-home .rk-hero-grid{
        grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr) !important;
        gap:30px !important;
    }

    .rk-home .rk-hero h1{
        font-size:54px !important;
        line-height:1.03 !important;
        letter-spacing:-2.2px !important;
    }

    .rk-home .rk-lead{
        font-size:14px !important;
    }

    .rk-home .rk-search{
        max-width:none !important;
    }

    .rk-home .rk-order-preview{
        padding:20px !important;
    }

    .rk-home .rk-section{
        padding:54px 0 !important;
    }

    .rk-home .rk-games{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .rk-home .rk-seller{
        gap:28px !important;
        padding:30px !important;
    }

    .rk-home .rk-faq{
        gap:36px !important;
    }
}

/* ===== END RANKKEEP HOME MID-WIDTH V1 ===== */



/* =========================================================
   RANKKEEP GUEST AUTH V3
   ========================================================= */

.site-navbar .rk-guest-auth{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;

    height:66px !important;

    margin:0 !important;
    margin-left:auto !important;
    padding:0 !important;

    list-style:none !important;
}

/* shared */

.site-navbar .rk-guest-signin,
.site-navbar .rk-guest-register{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:36px !important;

    margin:0 !important;

    text-decoration:none !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;

    white-space:nowrap !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}


/* SIGN IN — quiet secondary action */

.site-navbar .rk-guest-signin{
    gap:0 !important;

    padding:0 12px !important;

    border:1px solid transparent !important;
    border-radius:9px !important;

    background:transparent !important;
    color:#b8c9dd !important;

    box-shadow:none !important;
}

.site-navbar .rk-guest-signin i{
    display:none !important;
}

.site-navbar .rk-guest-signin:hover{
    color:#fff !important;

    background:#0d1d30 !important;
    border-color:#1b3553 !important;
}


/* CREATE ACCOUNT — primary action */

.site-navbar .rk-guest-register{
    gap:7px !important;

    padding:0 14px !important;

    border:1px solid rgba(94,159,255,.45) !important;
    border-radius:9px !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;
    color:#fff !important;

    box-shadow:0 5px 14px rgba(24,105,255,.18) !important;
}

.site-navbar .rk-guest-register i{
    margin:0 !important;
    font-size:12px !important;
}

.site-navbar .rk-guest-register:hover{
    color:#fff !important;

    background:linear-gradient(135deg,#2585ff,#4067ff) !important;

    transform:translateY(-1px) !important;
}


/* Default desktop label */

.site-navbar .rk-register-short{
    display:none !important;
}


/* Make guest controls sit correctly on smaller layouts */

@media(max-width:767px){

    .site-navbar .navbar-toolbar-right{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        width:100% !important;
    }

    .site-navbar .rk-guest-auth{
        margin-left:auto !important;
        margin-right:12px !important;

        height:66px !important;

        gap:7px !important;
    }

    .site-navbar .rk-guest-signin{
        height:35px !important;
        padding:0 10px !important;
    }

    .site-navbar .rk-guest-register{
        height:35px !important;
        padding:0 12px !important;
    }
}


/* Shorter wording on small phones/tablets */

@media(max-width:540px){

    .site-navbar .rk-register-full{
        display:none !important;
    }

    .site-navbar .rk-register-short{
        display:inline !important;
    }
}


/* Tight phones */

@media(max-width:380px){

    .site-navbar .rk-guest-auth{
        margin-right:8px !important;
        gap:4px !important;
    }

    .site-navbar .rk-guest-signin{
        padding:0 8px !important;
        font-size:11px !important;
    }

    .site-navbar .rk-guest-register{
        padding:0 10px !important;
        font-size:11px !important;
    }
}

/* ===== END RANKKEEP GUEST AUTH V3 ===== */

/* ===== RANKKEEP GUEST AUTH V4: REAL SITE-MENU MOBILE LAYOUT ===== */

@media (max-width: 767px){
    /* The guest actions live in .site-menu, not the legacy .navbar-toolbar. */
    .site-navbar .site-menu > li.rk-guest-auth{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:8px !important;
        width:100% !important;
        min-height:66px !important;
        height:auto !important;
        margin:0 !important;
        padding:15px 14px !important;
        box-sizing:border-box !important;
    }

    .site-navbar .site-menu > li.rk-guest-auth > a.rk-guest-signin,
    .site-navbar .site-menu > li.rk-guest-auth > a.rk-guest-register{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        margin:0 !important;
        padding:0 12px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }
}

@media (max-width: 380px){
    .site-navbar .site-menu > li.rk-guest-auth{
        gap:5px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .site-navbar .site-menu > li.rk-guest-auth > a.rk-guest-signin,
    .site-navbar .site-menu > li.rk-guest-auth > a.rk-guest-register{
        padding-left:10px !important;
        padding-right:10px !important;
        font-size:11px !important;
    }
}

/* ===== END RANKKEEP GUEST AUTH V4 ===== */


/* =========================================================
   RANKKEEP GUEST AUTH V3 - THEME WIDTH OVERRIDE
   Stops old navbar CSS forcing auth links to 33px circles
   ========================================================= */

.site-navbar-small .site-navbar
.navbar-toolbar > li.rk-guest-auth > a.rk-guest-signin,
.site-navbar-small .site-navbar
.navbar-toolbar > li.rk-guest-auth > a.rk-guest-register{
    float:none !important;

    width:auto !important;
    max-width:none !important;

    height:36px !important;
    min-height:36px !important;

    line-height:1 !important;

    border-radius:9px !important;

    overflow:visible !important;
    white-space:nowrap !important;
}

/* Sign in */

.site-navbar-small .site-navbar
.navbar-toolbar > li.rk-guest-auth > a.rk-guest-signin{
    min-width:72px !important;

    padding:0 13px !important;

    background:transparent !important;
    border:1px solid transparent !important;

    color:#bdcad9 !important;
}

/* Create account */

.site-navbar-small .site-navbar
.navbar-toolbar > li.rk-guest-auth > a.rk-guest-register{
    min-width:126px !important;

    padding:0 14px !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;
    border:1px solid rgba(94,159,255,.45) !important;

    color:#fff !important;

    box-shadow:0 5px 14px rgba(24,105,255,.18) !important;
}


/* Small screens */

@media(max-width:540px){

    .site-navbar-small .site-navbar
    .navbar-toolbar > li.rk-guest-auth > a.rk-guest-signin{
        width:auto !important;
        min-width:62px !important;

        padding:0 10px !important;
    }

    .site-navbar-small .site-navbar
    .navbar-toolbar > li.rk-guest-auth > a.rk-guest-register{
        width:auto !important;
        min-width:65px !important;

        padding:0 11px !important;
    }

    .site-navbar .rk-register-full{
        display:none !important;
    }

    .site-navbar .rk-register-short{
        display:inline !important;
    }
}

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


/* =========================================================
   RANKKEEP DASHBOARD RESPONSIVE V1
   Desktop -> small PC -> tablet -> mobile
   ========================================================= */


/* SMALL PC / LANDSCAPE TABLET */
@media (min-width:901px) and (max-width:1180px){

    .rk-dashboard{
        max-width:1040px !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .rk-dashboard .rk-dash-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .rk-dashboard .rk-dash-stat{
        min-height:170px !important;
    }

    .rk-dashboard .rk-quick-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .rk-dashboard .rk-role-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* TABLET */
@media (min-width:768px) and (max-width:900px){

    .rk-dashboard{
        max-width:none !important;
        padding:32px 18px 70px !important;
    }

    .rk-dashboard .rk-dash-head h1{
        font-size:29px !important;
    }

    .rk-dashboard .rk-dash-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .rk-dashboard .rk-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .rk-dashboard .rk-role-grid{
        grid-template-columns:1fr !important;
    }

    .rk-dashboard .rk-role-card{
        min-width:0 !important;
    }
}


/* CONTENT SAFETY */
.rk-dashboard .rk-order-row > div{
    min-width:0 !important;
    flex:1 1 auto !important;
}

.rk-dashboard .rk-order-row b,
.rk-dashboard .rk-order-row small{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.rk-dashboard .rk-order-row b{
    white-space:nowrap !important;
}

.rk-dashboard .rk-role-head > div{
    min-width:0 !important;
}

.rk-dashboard .rk-seller-metrics > div{
    min-width:0 !important;
}


/* NARROW PHONE */
@media(max-width:430px){

    .rk-dashboard .rk-dash-head h1{
        font-size:24px !important;
    }

    .rk-dashboard .rk-dash-stat > strong{
        font-size:22px !important;
    }

    .rk-dashboard .rk-stat-actions{
        grid-template-columns:1fr 1fr !important;
    }

    .rk-dashboard .rk-seller-metrics{
        gap:6px !important;
    }

    .rk-dashboard .rk-seller-metrics > div{
        padding:9px !important;
    }
}

/* ===== END RANKKEEP DASHBOARD RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP ACCOUNT HUB RESPONSIVE V1
   ========================================================= */


/* Small desktop / landscape tablet */
@media (min-width:901px) and (max-width:1180px){

    .rk-hub-overview{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .rk-hub-stat{
        min-width:0 !important;
        padding:15px !important;
    }

    .rk-hub-quick-actions{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .rk-hub-quick-actions a{
        justify-content:center !important;
        min-width:0 !important;
        text-align:center !important;
    }

    .market-detail-card{
        min-width:0 !important;
    }

    .market-detail-card .table-responsive{
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:900px){

    .rk-hub-overview{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .rk-hub-quick-actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .rk-hub-quick-actions a{
        justify-content:center !important;
        text-align:center !important;
        min-width:0 !important;
    }

    .market-detail-card .table-responsive{
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .market-detail-card table{
        min-width:700px !important;
    }

    .rk-hub-verification{
        flex-wrap:wrap !important;
    }

    .rk-hub-verification > a{
        flex:0 0 auto !important;
    }
}


/* General content safety */
.rk-hub-stat > div:last-child,
.rk-hub-verify-copy,
.market-detail-card{
    min-width:0 !important;
}

.rk-hub-stat strong,
.rk-hub-stat small{
    overflow-wrap:anywhere !important;
}

/* ===== END RANKKEEP ACCOUNT HUB RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP MY PURCHASES RESPONSIVE V1
   ========================================================= */

/* Content safety */
.rk-purchases .rk-purchase-main,
.rk-purchases .rk-purchase-info{
    min-width:0 !important;
}

.rk-purchases .rk-purchase-info h3{
    overflow-wrap:anywhere !important;
}

.rk-purchases .rk-purchase-side{
    flex:0 0 auto !important;
}

.rk-purchases .rk-actions{
    display:flex !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:6px !important;
}

.rk-purchases .rk-actions .btn{
    margin:0 !important;
    white-space:nowrap !important;
}


/* SMALL PC */
@media (min-width:901px) and (max-width:1180px){

    .rk-purchases{
        width:calc(100% - 36px) !important;
        max-width:1080px !important;
    }

    .rk-purchases .rk-purchase-card{
        gap:16px !important;
        padding:16px !important;
    }

    .rk-purchases .rk-purchase-side{
        min-width:175px !important;
    }

    .rk-purchases .rk-purchase-info h3{
        font-size:15px !important;
    }

    .rk-purchases .rk-price strong{
        font-size:18px !important;
    }
}


/* TABLET */
@media (min-width:701px) and (max-width:900px){

    .rk-purchases{
        width:calc(100% - 30px) !important;
    }

    .rk-purchases .rk-purchase-card{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:14px !important;
    }

    .rk-purchases .rk-purchase-side{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;

        min-width:0 !important;

        padding-top:13px !important;

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

        text-align:left !important;
    }

    .rk-purchases .rk-actions{
        margin-top:0 !important;
        justify-content:flex-end !important;
    }
}


/* PHONE */
@media(max-width:700px){

    .rk-purchases{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .rk-purchases .rk-purchase-head{
        margin-bottom:14px !important;
    }

    .rk-purchases .rk-purchase-head .btn{
        width:100% !important;
        margin-top:12px !important;
    }

    .rk-purchases .rk-purchase-card{
        padding:14px !important;
    }

    .rk-purchases .rk-purchase-main{
        gap:11px !important;
    }

    .rk-purchases .rk-purchase-icon{
        width:40px !important;
        height:40px !important;
        flex-basis:40px !important;

        font-size:15px !important;
    }

    .rk-purchases .rk-purchase-info h3{
        font-size:15px !important;
        line-height:1.3 !important;
    }

    .rk-purchases .rk-purchase-side{
        min-width:0 !important;
    }

    .rk-purchases .rk-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
        margin-top:11px !important;
    }

    .rk-purchases .rk-actions .btn{
        width:100% !important;
        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
}


/* VERY SMALL PHONE */
@media(max-width:430px){

    .rk-purchases .rk-meta{
        gap:6px 9px !important;
    }

    .rk-purchases .rk-actions{
        grid-template-columns:1fr !important;
    }

    .rk-purchases .rk-purchase-tags span{
        margin-bottom:4px !important;
    }
}

/* ===== END RANKKEEP MY PURCHASES RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP LISTING DETAIL RESPONSIVE V1
   ========================================================= */


/* General content safety */
.account-card-game.large > div,
.seller-box > div,
.rk-checkout-wallet > div{
    min-width:0 !important;
}

.account-card-game.large strong,
.seller-box strong,
.seller-box a,
.listing-copy,
.inventory-copy{
    overflow-wrap:anywhere !important;
}

.market-buy-card,
.market-detail-card,
.market-protection-explainer{
    min-width:0 !important;
}


/* SMALL DESKTOP
   Bootstrap still uses the 8/4 layout here, so reduce density.
*/
@media (min-width:992px) and (max-width:1180px){

    .market-detail-card{
        padding:17px !important;
    }

    .market-gallery-main{
        min-height:260px !important;
    }

    .market-gallery-main img{
        max-height:440px !important;
    }

    .account-facts{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .market-steps{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .market-buy-card{
        padding:15px !important;
    }

    .market-price{
        font-size:27px !important;
    }

    .seller-box{
        align-items:flex-start !important;
        padding:10px !important;
    }

    .seller-box img{
        width:38px !important;
        height:38px !important;
    }

    .trust-list li{
        font-size:10px !important;
    }

    .rk-checkout-wallet{
        padding:10px !important;
        gap:8px !important;
    }

    .rk-checkout-wallet strong{
        font-size:13px !important;
    }

    .rk-checkout-wallet a{
        padding:7px 8px !important;
    }
}


/* TABLET
   Sidebar already drops below the listing at <=991.
*/
@media (min-width:768px) and (max-width:991px){

    .market-detail-card,
    .market-buy-card,
    .market-protection-explainer{
        width:100% !important;
        max-width:100% !important;
    }

    .market-buy-card{
        margin-top:16px !important;
    }

    .account-facts{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .market-steps{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .market-gallery-main{
        min-height:270px !important;
    }

    .market-gallery-main img{
        max-height:430px !important;
    }
}


/* PHONE */
@media(max-width:767px){

    .market-gallery-thumbs{
        gap:6px !important;
    }

    .market-gallery-thumbs a{
        width:62px !important;
        height:48px !important;
    }

    .account-facts > div{
        padding:10px !important;
    }

    .detail-badges{
        gap:5px !important;
    }

    .detail-badges span{
        padding:5px 7px !important;
        font-size:9px !important;
    }

    .seller-box{
        min-width:0 !important;
    }

    .market-buy-card .btn{
        white-space:normal !important;
    }

    .market-rule-note{
        line-height:1.5 !important;
    }
}


/* SMALL PHONE */
@media(max-width:430px){

    .market-subheader-copy h1{
        overflow-wrap:anywhere !important;
    }

    .account-card-game.large img{
        width:42px !important;
        height:42px !important;
    }

    .account-facts{
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
    }

    .market-steps{
        grid-template-columns:1fr !important;
    }

    .rk-checkout-wallet{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .rk-checkout-wallet a{
        width:100% !important;
        justify-content:center !important;
    }

    .market-buy-card .btn-lg{
        font-size:13px !important;
    }
}

/* ===== END RANKKEEP LISTING DETAIL RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP TRANSACTION FLOW RESPONSIVE V1
   Deal Room + Protected Order
   ========================================================= */


/* ---------------------------------------------------------
   DEAL ROOM - MID WIDTH
   --------------------------------------------------------- */

@media (min-width:768px) and (max-width:1180px){

    body .offer-subheader.rk-deal-room{
        padding-top:24px !important;
    }

    body .offer-subheader.rk-deal-room > h1{
        font-size:29px !important;
    }

    .rk-deal-summary{
        margin-left:16px !important;
        margin-right:16px !important;
    }

    .rk-deal-user,
    .rk-more-actions,
    .offer-status.wait-status{
        margin-left:16px !important;
        margin-right:16px !important;
    }

    .rk-deal-parties{
        min-width:0 !important;
    }

    .rk-deal-parties > *{
        min-width:0 !important;
    }

    .offer-chat #ajaxchat{
        width:100% !important;
        max-width:100% !important;
    }

    #ajaxchat .chat-body{
        max-width:84% !important;
    }
}


/* Deal Room phone safety */
@media(max-width:600px){

    .rk-deal-summary-top{
        gap:12px !important;
    }

    .rk-deal-summary h2{
        font-size:17px !important;
    }

    .rk-deal-total strong{
        font-size:20px !important;
    }

    .rk-deal-parties{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    #form-messageadd .send-message{
        width:76px !important;
        min-width:76px !important;
    }

    #ajaxchat .chat-body{
        max-width:90% !important;
    }
}


/* ---------------------------------------------------------
   PROTECTED ORDER PAGE
   --------------------------------------------------------- */

.rk-protection-subheader{
    background:
        radial-gradient(circle at 85% 10%,rgba(53,213,255,.10),transparent 30%),
        linear-gradient(135deg,#07111f,#0c1d32 55%,#0b2449) !important;

    border-bottom:1px solid rgba(75,167,255,.16) !important;
}

.rk-protection-subheader .background-pattern,
.rk-protection-subheader .background-color{
    opacity:.12 !important;
}

.rk-protection-subheader .content{
    position:relative !important;
    z-index:2 !important;
}

.rk-protection-subheader .title{
    color:#f4f8ff !important;
    font-weight:800 !important;
}

.rk-protection-subheader .title i{
    color:#35d5ff !important;
}


/* Main wrapper */

.rk-protection-page{
    max-width:1180px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding-top:26px !important;
    padding-bottom:70px !important;
}

.rk-protection-page .rk-protection-column{
    min-width:0 !important;
}


/* RankKeep panels */

.rk-protection-page .panel{
    overflow:hidden !important;

    margin-bottom:14px !important;

    background:
        linear-gradient(155deg,#101d2f,#0b1624) !important;

    border:1px solid rgba(75,167,255,.14) !important;
    border-radius:15px !important;

    box-shadow:0 12px 30px rgba(0,0,0,.14) !important;
}

.rk-protection-page .panel-heading{
    padding:14px 16px !important;

    background:#0d1b2c !important;

    border-bottom:1px solid rgba(255,255,255,.055) !important;
}

.rk-protection-page .panel-title{
    margin:0 !important;

    color:#f4f8ff !important;

    font-size:14px !important;
    font-weight:800 !important;
}

.rk-protection-page .panel-body{
    padding:17px !important;

    background:transparent !important;

    color:#a9bbcd !important;

    font-size:11px !important;
    line-height:1.55 !important;
}


/* Order summary */

.rk-protection-page .flex-center-space{
    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;
}

.rk-protection-page .flex-center-space > div{
    min-width:0 !important;
}

.rk-protection-page .flex-center-space h3{
    color:#fff !important;

    font-size:19px !important;
    font-weight:800 !important;
}

.rk-protection-page .flex-center-space small{
    color:#7f94aa !important;
}

.rk-protection-page .flex-center-space .text-right strong{
    color:#fff !important;

    font-size:22px !important;
}


/* Status badge */

.rk-protection-page .label{
    display:inline-flex !important;

    margin-top:5px !important;

    padding:5px 8px !important;

    border-radius:999px !important;

    background:rgba(35,136,255,.13) !important;
    border:1px solid rgba(75,167,255,.20) !important;

    color:#79bdff !important;

    font-size:8px !important;
    font-weight:800 !important;
}


/* Alerts */

.rk-protection-page .alert{
    margin-bottom:14px !important;

    padding:13px 15px !important;

    border-radius:11px !important;

    font-size:10px !important;
    line-height:1.5 !important;
}

.rk-protection-page .alert-info{
    background:rgba(35,136,255,.07) !important;

    border:1px solid rgba(75,167,255,.15) !important;

    color:#a9c6e4 !important;
}

.rk-protection-page .alert-warning{
    background:rgba(232,181,72,.07) !important;

    border:1px solid rgba(232,181,72,.16) !important;

    color:#ccb983 !important;
}


/* Forms */

.rk-protection-page label{
    color:#a8bbce !important;

    font-size:10px !important;
    font-weight:700 !important;
}

.rk-protection-page .form-control{
    width:100% !important;

    border:1px solid rgba(75,167,255,.15) !important;
    border-radius:9px !important;

    background:#0a1929 !important;

    color:#fff !important;

    box-shadow:none !important;
}

.rk-protection-page input.form-control,
.rk-protection-page select.form-control{
    min-height:42px !important;
}

.rk-protection-page textarea.form-control{
    padding:11px !important;

    resize:vertical !important;
}


/* Buttons */

.rk-protection-page .btn{
    min-height:38px !important;

    padding:9px 13px !important;

    border-radius:9px !important;

    font-size:10px !important;
    font-weight:800 !important;

    white-space:normal !important;
}

.rk-protection-page .btn-success,
.rk-protection-page .btn-primary{
    border-color:#1678ff !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;

    color:#fff !important;
}

.rk-protection-page .btn-default{
    background:#102238 !important;

    border:1px solid rgba(75,167,255,.15) !important;

    color:#9fc9ee !important;
}

.rk-protection-page .btn-danger{
    background:rgba(173,42,61,.22) !important;

    border:1px solid rgba(255,91,116,.24) !important;

    color:#ff9bad !important;
}


/* Checkbox verification */

.rk-protection-page .checkbox{
    margin:9px 0 !important;
}

.rk-protection-page .checkbox label{
    display:flex !important;

    align-items:flex-start !important;

    gap:7px !important;

    color:#aec0d1 !important;
}

.rk-protection-page .checkbox input{
    margin-top:2px !important;
}


/* Evidence / audit lists */

.rk-protection-page ul{
    overflow-wrap:anywhere !important;
}

.rk-protection-page li{
    color:#9fb1c3 !important;

    line-height:1.55 !important;
}

.rk-protection-page a{
    overflow-wrap:anywhere !important;
}


/* Staff risk area */

.rk-protection-page .form-inline{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    flex-wrap:wrap !important;
}

.rk-protection-page .form-inline .form-control{
    width:auto !important;

    min-width:160px !important;
}


/* ---------------------------------------------------------
   SMALL PC
   --------------------------------------------------------- */

@media (min-width:992px) and (max-width:1180px){

    .rk-protection-page{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .rk-protection-page .rk-protection-column{
        width:78% !important;
        margin-left:11% !important;
    }
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (min-width:768px) and (max-width:991px){

    .rk-protection-page{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .rk-protection-page .rk-protection-column{
        width:100% !important;
        margin-left:0 !important;
    }
}


/* ---------------------------------------------------------
   PHONE
   --------------------------------------------------------- */

@media(max-width:767px){

    .rk-protection-page{
        margin:0 !important;

        padding:16px 12px 60px !important;
    }

    .rk-protection-page .rk-protection-column{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .rk-protection-page .panel{
        border-radius:12px !important;
    }

    .rk-protection-page .panel-heading{
        padding:12px 13px !important;
    }

    .rk-protection-page .panel-body{
        padding:14px !important;
    }

    .rk-protection-page .flex-center-space{
        align-items:flex-start !important;

        flex-direction:column !important;

        gap:11px !important;
    }

    .rk-protection-page .flex-center-space .text-right{
        width:100% !important;

        text-align:left !important;
    }

    .rk-protection-page .form-inline{
        align-items:stretch !important;

        flex-direction:column !important;
    }

    .rk-protection-page .form-inline .form-control,
    .rk-protection-page .form-inline .btn{
        width:100% !important;
    }

    .rk-protection-page .btn-lg{
        width:100% !important;
    }
}


/* Tiny phone */

@media(max-width:430px){

    .rk-protection-page .flex-center-space h3{
        font-size:17px !important;
    }

    .rk-protection-page .flex-center-space .text-right strong{
        font-size:19px !important;
    }

    .rk-protection-page .alert{
        padding:11px 12px !important;
    }
}

/* ===== END RANKKEEP TRANSACTION FLOW RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP SELL / EDIT FORM RESPONSIVE V1
   ========================================================= */

/* General safety */
.market-form-section,
.market-form-section .row,
.market-form-section [class*="col-"],
.rk-vault,
.rk-vault-head > div:last-child{
    min-width:0 !important;
}

.market-form-section .form-control,
.rk-vault .form-control{
    width:100% !important;
    max-width:100% !important;
}


/* Seller level card */
.market-seller-level{
    padding:14px 16px !important;

    background:
        linear-gradient(145deg,#0e1c2f,#11243c) !important;

    border:1px solid rgba(75,167,255,.18) !important;
    border-radius:14px !important;

    margin-bottom:15px !important;
}

.market-seller-level > div{
    min-width:0 !important;
}

.market-seller-level > div:last-child{
    text-align:right !important;
}


/* Secure vault is directly inside a Bootstrap row */
.rk-vault{
    clear:both !important;

    margin-left:15px !important;
    margin-right:15px !important;

    width:auto !important;
}


/* Existing screenshots on edit page */
.existing-shot{
    overflow:hidden !important;

    margin-bottom:14px !important;
    padding:7px !important;

    background:#071522 !important;

    border:1px solid rgba(100,170,240,.16) !important;
    border-radius:11px !important;
}

.existing-shot img{
    display:block !important;

    width:100% !important;
    height:120px !important;

    object-fit:cover !important;

    border-radius:7px !important;
}

.existing-shot label{
    display:flex !important;
    align-items:center !important;

    gap:6px !important;

    margin:7px 2px 1px !important;

    color:#8fa2b8 !important;

    font-size:9px !important;
}

.existing-shot input{
    margin:0 !important;
}


/* =========================================================
   SMALL PC
   ========================================================= */

@media (min-width:901px) and (max-width:1180px){

    .market-form{
        width:calc(100% - 36px) !important;
        max-width:960px !important;
    }

    .market-form-section{
        padding:17px !important;
    }

    .rk-sell-progress{
        max-width:800px !important;
    }

    .market-section-head{
        margin-bottom:15px !important;
    }

    .market-form .form-control{
        font-size:11px !important;
    }

    .rk-vault{
        padding:16px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:768px) and (max-width:900px){

    .market-form{
        width:calc(100% - 30px) !important;
        max-width:none !important;
    }

    .market-form-section{
        padding:16px !important;
    }

    .rk-sell-progress{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;

        width:calc(100% - 30px) !important;
        max-width:none !important;
    }

    .rk-sell-progress div{
        min-width:0 !important;

        padding:8px 5px !important;

        font-size:8px !important;
    }

    .market-seller-level{
        align-items:flex-start !important;
    }

    .rk-vault{
        padding:15px !important;
    }

    .rk-vault-head{
        align-items:flex-start !important;
    }

    .existing-shot img{
        height:105px !important;
    }
}


/* =========================================================
   PHONE
   ========================================================= */

@media(max-width:767px){

    .market-form{
        width:100% !important;

        padding-left:12px !important;
        padding-right:12px !important;
    }

    .market-seller-level{
        align-items:flex-start !important;
        flex-direction:column !important;

        gap:9px !important;

        padding:12px !important;
    }

    .market-seller-level > div:last-child{
        width:100% !important;

        padding-top:9px !important;

        border-top:1px solid rgba(255,255,255,.06) !important;

        text-align:left !important;
    }

    .rk-vault{
        margin:14px 15px !important;
        padding:14px !important;
    }

    .rk-vault-head{
        gap:10px !important;
    }

    .rk-vault-icon{
        width:36px !important;
        height:36px !important;

        flex-basis:36px !important;

        font-size:14px !important;
    }

    .rk-vault-head h3{
        font-size:15px !important;
    }

    .rk-vault-head p{
        font-size:9px !important;
    }

    .rk-vault-warning{
        line-height:1.45 !important;
    }

    .existing-shot img{
        height:110px !important;
    }

    .market-form button[type="submit"]{
        width:100% !important;
    }
}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media(max-width:430px){

    .rk-sell-progress{
        grid-template-columns:1fr 1fr !important;
    }

    .market-section-head{
        grid-template-columns:28px minmax(0,1fr) !important;
    }

    .market-section-head > span{
        width:28px !important;
        height:28px !important;
    }

    .rk-vault{
        padding:12px !important;
    }

    .rk-vault-confirm{
        line-height:1.45 !important;
    }

    .existing-shot img{
        height:95px !important;
    }
}

/* ===== END RANKKEEP SELL / EDIT FORM RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP FINANCE CENTER RESPONSIVE V1
   Wallet / Top Up / RK Rewards / Withdrawal
   ========================================================= */


/* =========================================================
   WALLET
   ========================================================= */

.rk-wallet,
.rk-wallet *{
    min-width:0;
}

.rk-row-info > div:last-child{
    min-width:0 !important;
}

.rk-row-info b,
.rk-row-info small{
    overflow-wrap:anywhere !important;
}

.rk-row > strong{
    flex:0 0 auto !important;
    white-space:nowrap !important;
}


/* Small PC */
@media (min-width:901px) and (max-width:1180px){

    .rk-wallet{
        width:calc(100% - 36px) !important;
        max-width:1040px !important;
    }

    .rk-wallet .rk-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:900px){

    .rk-wallet{
        width:calc(100% - 30px) !important;
    }

    .rk-wallet .rk-balances{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .rk-wallet .rk-balance:first-child{
        grid-column:1 / -1 !important;
    }

    .rk-wallet .rk-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* Mobile wallet rows */
@media(max-width:520px){

    .rk-wallet .rk-history-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:5px !important;
    }

    .rk-wallet .rk-row{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .rk-wallet .rk-row-info{
        width:100% !important;
        max-width:100% !important;
    }

    .rk-wallet .rk-row > strong{
        padding-left:45px !important;
    }
}


/* =========================================================
   TOP UP
   ========================================================= */

.rk-topup-option{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
}

.rk-topup-option .rk-topup-card{
    flex:1 1 auto !important;
    width:100% !important;
}

.rk-topup-option form{
    width:100% !important;
}

.rk-topup-error{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;

    margin-bottom:14px !important;
    padding:12px 14px !important;

    border:1px solid rgba(255,100,120,.18) !important;
    border-radius:10px !important;

    background:rgba(255,100,120,.08) !important;
    color:#ff9baa !important;
}


/* Small PC */
@media (min-width:901px) and (max-width:1180px){

    .rk-topup{
        width:calc(100% - 36px) !important;
        max-width:850px !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:900px){

    .rk-topup{
        width:calc(100% - 30px) !important;
        max-width:780px !important;
        padding-top:45px !important;
    }

    .rk-topup-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .rk-topup-card{
        padding:18px !important;
    }

    .rk-topup-card strong{
        font-size:24px !important;
    }
}


/* Phone */
@media(max-width:767px){

    .rk-topup{
        padding-top:34px !important;
    }

    .rk-topup-warning,
    .rk-topup-success,
    .rk-topup-error{
        line-height:1.45 !important;
    }
}


/* =========================================================
   RK REWARDS
   ========================================================= */

.rk-points-page,
.rk-points-page *{
    min-width:0;
}

.rk-history-left > div:last-child{
    min-width:0 !important;
}

.rk-history-left b,
.rk-history-left small{
    overflow-wrap:anywhere !important;
}

.rk-history-row > strong{
    flex:0 0 auto !important;
    white-space:nowrap !important;
}


/* Small PC */
@media (min-width:901px) and (max-width:1180px){

    .rk-points-page{
        width:calc(100% - 36px) !important;
        max-width:1040px !important;
    }

    .rk-point-grid{
        gap:10px !important;
    }

    .rk-reward-grid{
        gap:9px !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:900px){

    .rk-points-page{
        width:calc(100% - 30px) !important;
    }

    .rk-point-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .rk-point-card.primary{
        grid-column:1 / -1 !important;
    }

    .rk-reward-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .rk-reward{
        padding:13px !important;
    }

    .rk-reward strong{
        font-size:21px !important;
    }
}


/* Small phones */
@media(max-width:520px){

    .rk-points-page .history-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:5px !important;
    }

    .rk-history-row{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .rk-history-left{
        width:100% !important;
        max-width:100% !important;
    }

    .rk-history-row > strong{
        padding-left:45px !important;
    }
}


/* =========================================================
   WITHDRAWAL
   ========================================================= */

/* Header */

.rk-withdrawal-subheader{
    background:
        radial-gradient(circle at 88% 10%,rgba(53,213,255,.10),transparent 32%),
        linear-gradient(135deg,#07111f,#0c1d32 55%,#0b2449) !important;

    border-bottom:1px solid rgba(75,167,255,.16) !important;
}

.rk-withdrawal-subheader .background-pattern{
    opacity:.06 !important;
}

.rk-withdrawal-subheader .background-color{
    background:transparent !important;
}

.rk-withdrawal-subheader > .content{
    position:relative !important;
    z-index:2 !important;

    max-width:900px !important;

    margin:0 auto !important;
    padding:25px 18px 18px !important;
}

.rk-withdrawal-subheader .balance-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;
}

.rk-withdrawal-subheader .balance-count{
    color:#fff !important;

    font-size:25px !important;
    font-weight:800 !important;
}

.rk-withdrawal-subheader .balance-text{
    color:#8498ad !important;

    font-size:9px !important;
    font-weight:700 !important;

    text-transform:uppercase !important;
    letter-spacing:1px !important;
}


/* Main Balance / Withdrawal nav */

.rk-withdrawal-subheader > .tabs{
    position:relative !important;
    z-index:3 !important;

    display:flex !important;
    justify-content:center !important;

    gap:4px !important;

    border-top:1px solid rgba(255,255,255,.05) !important;

    background:#091624 !important;
}

.rk-withdrawal-subheader > .tabs .tab{
    min-width:130px !important;

    padding:12px 16px !important;

    border:0 !important;

    color:#8297aa !important;

    font-size:10px !important;
    font-weight:800 !important;

    text-align:center !important;
}

.rk-withdrawal-subheader > .tabs .tab.active{
    background:rgba(35,136,255,.10) !important;
    color:#65b6ff !important;

    box-shadow:inset 0 -2px #2388ff !important;
}


/* Main content */

.rk-withdrawal{
    width:calc(100% - 30px) !important;
    max-width:850px !important;

    margin:32px auto 80px !important;

    color:#f4f8ff !important;
}


/* Payment method tabs */

.rk-withdrawal .subheader-tabs{
    display:flex !important;

    gap:7px !important;

    margin:0 !important;
    padding:5px !important;

    list-style:none !important;

    background:#091522 !important;

    border:1px solid rgba(75,167,255,.12) !important;
    border-radius:12px !important;
}

.rk-withdrawal .subheader-tabs li{
    flex:1 1 0 !important;
}

.rk-withdrawal .subheader-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    min-height:42px !important;

    padding:9px 12px !important;

    border-radius:8px !important;

    color:#7f94aa !important;

    font-size:10px !important;
    font-weight:800 !important;

    text-decoration:none !important;
}

.rk-withdrawal .subheader-link.active{
    background:#102c50 !important;
    color:#70bcff !important;
}


/* Form panel */

.rk-withdrawal .panel{
    overflow:hidden !important;

    margin:0 0 14px !important;

    background:
        linear-gradient(155deg,#101d2f,#0b1624) !important;

    border:1px solid rgba(75,167,255,.14) !important;
    border-radius:15px !important;

    box-shadow:0 12px 30px rgba(0,0,0,.15) !important;
}

.rk-withdrawal .panel-heading{
    padding:15px 17px !important;

    background:#0d1b2c !important;

    border-bottom:1px solid rgba(255,255,255,.055) !important;
}

.rk-withdrawal .panel-title{
    margin:0 !important;

    color:#fff !important;

    font-size:15px !important;
    font-weight:800 !important;
}

.rk-withdrawal .panel-body{
    padding:18px !important;

    background:transparent !important;
}


/* Fields */

.rk-withdrawal label{
    margin-bottom:6px !important;

    color:#a9bbcd !important;

    font-size:10px !important;
    font-weight:700 !important;
}

.rk-withdrawal .form-group{
    margin-bottom:15px !important;
}

.rk-withdrawal .input-group{
    display:flex !important;

    width:100% !important;
}

.rk-withdrawal .input-group-addon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:48px !important;
    min-width:48px !important;

    padding:0 !important;

    background:#0d2136 !important;

    border:1px solid rgba(75,167,255,.15) !important;
    border-right:0 !important;

    color:#5eafff !important;
}

.rk-withdrawal .form-control{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;

    padding:10px 12px !important;

    background:#071522 !important;

    border:1px solid rgba(75,167,255,.16) !important;
    border-radius:0 9px 9px 0 !important;

    color:#fff !important;

    box-shadow:none !important;
}

.rk-withdrawal .form-control:focus{
    border-color:#2388ff !important;

    box-shadow:0 0 0 2px rgba(35,136,255,.09) !important;
}


/* Amount */

.rk-withdrawal .withdrawal-amount{
    padding:15px !important;

    background:#091a2a !important;

    border:1px solid rgba(53,213,255,.14) !important;
    border-radius:10px !important;

    color:#fff !important;

    font-size:23px !important;
    font-weight:800 !important;
}


/* Error messages */

.rk-withdrawal .bg-danger{
    background:rgba(255,100,120,.08) !important;

    border:1px solid rgba(255,100,120,.16) !important;

    color:#ff9baa !important;
}


/* Submit */

.rk-withdrawal .float-right{
    float:none !important;

    display:flex !important;
    justify-content:flex-end !important;
}

.rk-withdrawal .btn-success{
    min-height:44px !important;

    padding:10px 18px !important;

    border:0 !important;
    border-radius:10px !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;

    box-shadow:0 9px 22px rgba(35,136,255,.16) !important;
}


/* ---------------------------------------------------------
   WITHDRAWAL TABLET
   --------------------------------------------------------- */

@media (min-width:768px) and (max-width:900px){

    .rk-withdrawal{
        max-width:760px !important;
    }
}


/* ---------------------------------------------------------
   WITHDRAWAL PHONE
   --------------------------------------------------------- */

@media(max-width:767px){

    .rk-withdrawal-subheader > .content{
        padding:18px 14px 14px !important;
    }

    .rk-withdrawal-subheader .balance-count{
        font-size:20px !important;
    }

    .rk-withdrawal{
        width:auto !important;

        margin:20px 12px 65px !important;
    }

    .rk-withdrawal .subheader-tabs{
        width:100% !important;
    }

    .rk-withdrawal .panel-heading{
        padding:13px 14px !important;
    }

    .rk-withdrawal .panel-body{
        padding:14px !important;
    }

    .rk-withdrawal .float-right{
        width:100% !important;
    }

    .rk-withdrawal .btn-success{
        width:100% !important;
    }
}


/* Very small phone */

@media(max-width:430px){

    .rk-withdrawal-subheader .balance-wrapper{
        align-items:flex-start !important;
        flex-direction:column !important;

        gap:12px !important;
    }

    .rk-withdrawal-subheader .balance-wrapper .text-right{
        text-align:left !important;
    }

    .rk-withdrawal-subheader > .tabs .tab{
        min-width:0 !important;

        flex:1 1 0 !important;

        padding-left:8px !important;
        padding-right:8px !important;
    }

    .rk-withdrawal .subheader-tabs{
        flex-direction:column !important;
    }

    .rk-withdrawal .withdrawal-amount{
        font-size:20px !important;
    }
}

/* ===== END RANKKEEP FINANCE CENTER RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP WANTED FLOW RESPONSIVE V1
   Board / Create / Detail
   ========================================================= */


/* =========================================================
   WANTED BOARD
   Conservative responsive layer — preserve original cards
   ========================================================= */

.rk-wanted-board-layout,
.rk-wanted-board-layout > div,
.rk-wanted-board-layout .wanted-card,
.rk-wanted-board-layout .wanted-game,
.rk-wanted-board-layout .wanted-game > div{
    min-width:0 !important;
}

.rk-wanted-board-layout .wanted-game h3,
.rk-wanted-board-layout .wanted-game h3 a{
    overflow-wrap:anywhere !important;
}


/* Tablet: move filters above results without redesigning cards */
@media (min-width:768px) and (max-width:991px){

    .rk-wanted-board-layout > .col-md-3,
    .rk-wanted-board-layout > .col-md-9{
        float:none !important;
        width:100% !important;
    }

    .rk-wanted-board-layout .market-filter-card{
        margin-bottom:14px !important;
    }

    .rk-wanted-board-layout .market-filter-card form{
        display:grid !important;
        grid-template-columns:
            minmax(0,1.2fr)
            minmax(0,.8fr)
            minmax(0,.8fr)
            auto !important;

        align-items:end !important;
        gap:9px !important;
    }

    .rk-wanted-board-layout .market-filter-card .form-group{
        margin-bottom:0 !important;
    }

    .rk-wanted-board-layout .market-filter-card .btn{
        min-width:90px !important;
    }
}


/* Phone: use original stacked filter/card presentation */
@media(max-width:767px){

    .rk-wanted-board-layout .market-filter-card form{
        display:block !important;
    }
}


/* Very small phone */
@media(max-width:430px){

    .rk-wanted-board-layout .wanted-game{
        align-items:flex-start !important;
    }

    .rk-wanted-board-layout .wanted-game img{
        width:42px !important;
        height:42px !important;
    }

    .market-toolbar-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
    }

    .market-toolbar-actions .btn{
        width:100% !important;
    }
}


/* =========================================================
   WANTED CREATE
   ========================================================= */

.rk-wanted-form-layout,
.rk-wanted-form-layout > div,
.rk-wanted-form-layout .market-form-section{
    min-width:0 !important;
}


/* Small desktop */
@media (min-width:901px) and (max-width:1180px){

    .market-form{
        width:calc(100% - 32px) !important;
        max-width:1000px !important;
    }

    .rk-wanted-progress{
        width:calc(100% - 32px) !important;
        max-width:1000px !important;
    }

    .rk-wanted-form-layout .market-form-section{
        padding:18px !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:900px){

    .market-form{
        width:calc(100% - 26px) !important;
        max-width:none !important;
    }

    .rk-wanted-progress{
        width:calc(100% - 26px) !important;
        max-width:none !important;

        gap:6px !important;
    }

    .rk-wanted-progress div{
        min-width:0 !important;

        padding:8px 5px !important;

        font-size:8px !important;
    }

    .rk-wanted-progress i{
        font-size:20px !important;
    }

    .rk-wanted-form-layout .market-form-section{
        padding:17px !important;
    }

    .rk-budget-slider-head{
        gap:8px !important;
    }
}


/* Small phone */
@media(max-width:430px){

    .rk-wanted-progress{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .rk-wanted-progress div{
        min-height:58px !important;

        padding:6px 3px !important;

        font-size:7px !important;
    }

    .rk-wanted-progress i{
        font-size:18px !important;
    }

    .rk-budget-slider-head{
        align-items:flex-start !important;
        flex-direction:column !important;

        gap:3px !important;
    }

    .rk-budget-slider-value{
        font-size:13px !important;
    }
}


/* =========================================================
   WANTED DETAIL
   ========================================================= */

.rk-wanted-detail-layout,
.rk-wanted-detail-layout > div,
.rk-wanted-detail-layout .market-detail-card,
.rk-wanted-detail-layout .market-buy-card,
.rk-wanted-detail-layout .account-card-game > div,
.rk-wanted-detail-layout .seller-box > div{
    min-width:0 !important;
}

.rk-wanted-detail-layout .listing-copy,
.rk-wanted-detail-layout .seller-box strong,
.rk-wanted-detail-layout .seller-box small{
    overflow-wrap:anywhere !important;
}


/* Fix real specification grid */
.rk-wanted-detail-layout .account-spec-grid{
    display:grid !important;

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

    gap:8px !important;
}

.rk-wanted-detail-layout .account-spec-grid > div{
    min-width:0 !important;
}


/* Small desktop */
@media (min-width:992px) and (max-width:1180px){

    .rk-wanted-detail-layout .market-detail-card,
    .rk-wanted-detail-layout .market-buy-card{
        padding:16px !important;
    }

    .rk-wanted-detail-layout .account-spec-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .rk-wanted-detail-layout .market-price{
        font-size:26px !important;
    }

    .rk-wanted-detail-layout .seller-box{
        align-items:flex-start !important;
    }
}


/* Tablet */
@media (min-width:768px) and (max-width:991px){

    .rk-wanted-detail-layout > .col-md-8,
    .rk-wanted-detail-layout > .col-md-4{
        float:none !important;

        width:100% !important;
    }

    .rk-wanted-detail-layout .account-spec-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .rk-wanted-detail-layout .market-buy-card{
        margin-top:14px !important;
    }
}


/* Phone */
@media(max-width:767px){

    .rk-wanted-detail-layout .account-spec-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:7px !important;
    }

    .rk-wanted-detail-layout .account-spec-grid > div{
        padding:10px !important;
    }

    .rk-wanted-detail-layout .market-buy-card .btn{
        white-space:normal !important;
    }

    .rk-wanted-detail-layout .seller-box{
        min-width:0 !important;
    }
}


/* Very small phone */
@media(max-width:380px){

    .rk-wanted-detail-layout .account-spec-grid{
        grid-template-columns:1fr !important;
    }
}

/* ===== END RANKKEEP WANTED FLOW RESPONSIVE V1 ===== */


/* =========================================================
   RANKKEEP MESSENGER V1
   Inbox / Thread list / Chat / Composer
   ========================================================= */

.rk-messenger{
    position:relative !important;

    display:flex !important;

    width:calc(100% - 32px) !important;
    max-width:1180px !important;
    height:calc(100vh - 100px) !important;
    min-height:620px !important;

    margin:18px auto 40px !important;

    overflow:hidden !important;

    background:#081421 !important;

    border:1px solid rgba(75,167,255,.14) !important;
    border-radius:17px !important;

    box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
}


/* =========================================================
   SIDEBAR / THREAD LIST
   ========================================================= */

.rk-messenger > .page-aside{
    position:relative !important;
    left:auto !important;
    top:auto !important;

    flex:0 0 330px !important;

    width:330px !important;
    height:100% !important;

    transform:none !important;

    background:#091624 !important;

    border-right:1px solid rgba(75,167,255,.11) !important;
}

.rk-messenger .page-aside-inner,
.rk-messenger .app-message-list,
.rk-messenger .page-aside-scroll,
.rk-messenger [data-role="container"],
.rk-messenger [data-role="content"]{
    width:100% !important;
    height:100% !important;

    background:transparent !important;
}

.rk-messenger .app-message-list{
    padding:13px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;
}

.rk-messenger .list-group{
    margin:0 !important;
}

.rk-messenger .new-message{
    margin-bottom:11px !important;
}

.rk-messenger .new-message .btn{
    min-height:43px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    border:0 !important;
    border-radius:10px !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;

    box-shadow:0 8px 20px rgba(35,136,255,.16) !important;
}


/* Individual conversation */

.rk-messenger .list-group-item{
    min-width:0 !important;

    margin:0 0 6px !important;
    padding:11px !important;

    cursor:pointer !important;

    background:#0c1a2a !important;

    border:1px solid rgba(93,153,219,.09) !important;
    border-radius:11px !important;

    color:#dce7f2 !important;

    transition:
        background .15s ease,
        border-color .15s ease !important;
}

.rk-messenger .list-group-item:hover{
    background:#102238 !important;

    border-color:rgba(75,167,255,.20) !important;
}

.rk-messenger .list-group-item.active{
    background:
        linear-gradient(135deg,rgba(35,136,255,.15),rgba(35,136,255,.07)) !important;

    border-color:rgba(53,213,255,.26) !important;
}

.rk-messenger .list-group-item .flex-center{
    min-width:0 !important;
}

.rk-messenger .list-group-item .avatar{
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
}

.rk-messenger .list-group-item .avatar img{
    width:40px !important;
    height:40px !important;

    object-fit:cover !important;

    border-radius:50% !important;
}

.rk-messenger .flex-overflow-fix{
    min-width:0 !important;
}

.rk-messenger .profile-name{
    display:block !important;

    margin-bottom:3px !important;

    overflow:hidden !important;

    color:#eef6ff !important;

    font-size:11px !important;
    font-weight:800 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.rk-messenger .last-message{
    min-width:0 !important;

    overflow:hidden !important;

    color:#71879d !important;

    font-size:9px !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.rk-messenger .last-time{
    flex:0 0 auto !important;

    margin-left:8px !important;

    color:#60758a !important;

    font-size:8px !important;

    white-space:nowrap !important;
}

.rk-messenger .badge-danger{
    background:#2388ff !important;
}


/* Hide desktop drawer switch */
.rk-messenger .page-aside-switch{
    display:none !important;
}


/* =========================================================
   CHAT AREA
   ========================================================= */

.rk-messenger > .page-main{
    position:relative !important;

    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;

    min-width:0 !important;
    height:100% !important;

    margin:0 !important;

    background:
        radial-gradient(circle at 80% 5%,rgba(35,136,255,.055),transparent 28%),
        #07111d !important;
}

.rk-messenger .messages-chats{
    flex:1 1 auto !important;

    min-height:0 !important;

    padding:20px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    background:transparent !important;
}

.rk-messenger #ajaxchat{
    width:100% !important;
    max-width:820px !important;

    margin:0 auto !important;
}


/* =========================================================
   CHAT BUBBLES
   ========================================================= */

.rk-messenger #ajaxchat .chat{
    margin-bottom:13px !important;
}

.rk-messenger #ajaxchat .chat-avatar{
    width:36px !important;
}

.rk-messenger #ajaxchat .chat-avatar img{
    width:32px !important;
    height:32px !important;

    object-fit:cover !important;

    border-radius:50% !important;
}

.rk-messenger #ajaxchat .chat-body{
    min-width:0 !important;
    max-width:78% !important;
}

.rk-messenger #ajaxchat .chat-content{
    position:relative !important;

    display:inline-block !important;

    max-width:100% !important;

    padding:10px 12px !important;

    background:#102033 !important;

    border:1px solid rgba(107,157,211,.11) !important;
    border-radius:12px 12px 12px 4px !important;

    color:#dce8f5 !important;

    box-shadow:none !important;
}

.rk-messenger #ajaxchat .chat-right .chat-content{
    background:
        linear-gradient(135deg,#146bdc,#1768ff) !important;

    border-color:rgba(94,159,255,.32) !important;

    border-radius:12px 12px 4px 12px !important;

    color:#fff !important;
}

.rk-messenger #ajaxchat .chat-content .text{
    overflow-wrap:anywhere !important;

    color:inherit !important;

    font-size:11px !important;
    line-height:1.5 !important;
}

.rk-messenger #ajaxchat .chat-time{
    display:block !important;

    margin-top:5px !important;

    color:#657b90 !important;

    font-size:8px !important;
}

.rk-messenger #ajaxchat .chat-time span{
    padding:0 !important;

    background:transparent !important;

    color:inherit !important;
}

.rk-messenger #ajaxchat .chat-read-badge{
    color:rgba(255,255,255,.58) !important;
}

.rk-messenger #ajaxchat .chat-read-badge.read{
    color:#9ee7ff !important;
}


/* Load older messages */
.rk-messenger #ajaxchat > .btn-dark{
    display:block !important;

    width:max-content !important;

    margin:0 auto 18px !important;
    padding:7px 13px !important;

    background:#0c1d2e !important;

    border:1px solid rgba(75,167,255,.14) !important;
    border-radius:9px !important;

    color:#80beef !important;

    font-size:9px !important;
}


/* =========================================================
   COMPOSER
   ========================================================= */

.rk-messenger .messages-input{
    position:relative !important;

    display:flex !important;
    align-items:flex-end !important;

    gap:9px !important;

    flex:0 0 auto !important;

    width:100% !important;

    padding:13px 15px !important;

    background:#091624 !important;

    border-top:1px solid rgba(75,167,255,.11) !important;
}

.rk-messenger .message-input{
    flex:1 1 auto !important;

    min-width:0 !important;
}

.rk-messenger .message-input textarea{
    width:100% !important;
    min-height:43px !important;
    max-height:130px !important;

    padding:11px 13px !important;

    resize:none !important;

    background:#07131f !important;

    border:1px solid rgba(103,159,219,.16) !important;
    border-radius:10px !important;

    color:#edf5ff !important;

    font-size:11px !important;

    box-shadow:none !important;
}

.rk-messenger .message-input textarea:focus{
    border-color:rgba(53,213,255,.50) !important;

    box-shadow:0 0 0 3px rgba(53,213,255,.06) !important;
}

.rk-messenger .message-input textarea::placeholder{
    color:#60758a !important;
}

.rk-messenger .message-input-btn{
    flex:0 0 43px !important;

    width:43px !important;
    height:43px !important;

    padding:0 !important;

    border:0 !important;
    border-radius:10px !important;

    background:linear-gradient(135deg,#1678ff,#3156ef) !important;

    color:#fff !important;

    box-shadow:0 7px 18px rgba(35,136,255,.18) !important;
}

.rk-messenger .message-input-btn:disabled{
    opacity:.4 !important;
}


/* AJAX spinner */

.rk-messenger .message-loading{
    position:absolute !important;
    left:50% !important;
    top:50% !important;

    z-index:10 !important;

    color:#53acff !important;

    font-size:24px !important;

    transform:translate(-50%,-50%) !important;
}


/* =========================================================
   SMALL DESKTOP
   ========================================================= */

@media (min-width:901px) and (max-width:1180px){

    .rk-messenger{
        width:calc(100% - 28px) !important;

        height:calc(100vh - 92px) !important;
    }

    .rk-messenger > .page-aside{
        flex-basis:285px !important;
        width:285px !important;
    }

    .rk-messenger .app-message-list{
        padding:10px !important;
    }

    .rk-messenger .messages-chats{
        padding:17px !important;
    }

    .rk-messenger #ajaxchat .chat-body{
        max-width:82% !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:768px) and (max-width:900px){

    .rk-messenger{
        width:calc(100% - 24px) !important;

        height:calc(100vh - 88px) !important;
        min-height:580px !important;
    }

    .rk-messenger > .page-aside{
        flex-basis:240px !important;
        width:240px !important;
    }

    .rk-messenger .list-group-item{
        padding:9px !important;
    }

    .rk-messenger .list-group-item .avatar,
    .rk-messenger .list-group-item .avatar img{
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
    }

    .rk-messenger .last-time{
        display:none !important;
    }

    .rk-messenger .messages-chats{
        padding:14px !important;
    }

    .rk-messenger #ajaxchat .chat-body{
        max-width:86% !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .rk-messenger{
        display:block !important;

        width:auto !important;
        height:calc(100vh - 78px) !important;
        min-height:520px !important;

        margin:8px !important;

        overflow:visible !important;

        border-radius:14px !important;
    }

    .rk-messenger > .page-main{
        width:100% !important;
        height:100% !important;
    }

    .rk-messenger > .page-aside{
        position:absolute !important;
        left:0 !important;
        top:0 !important;

        z-index:50 !important;

        width:86% !important;
        max-width:320px !important;
        height:100% !important;

        transform:translateX(-105%) !important;

        border-radius:14px 0 0 14px !important;

        box-shadow:15px 0 35px rgba(0,0,0,.30) !important;

        transition:transform .20s ease !important;
    }

    .rk-messenger > .page-aside.open{
        transform:translateX(0) !important;
    }

    .rk-messenger .page-aside-switch{
        position:absolute !important;
        left:100% !important;
        top:15px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:36px !important;
        height:40px !important;

        background:#1678ff !important;

        border-radius:0 9px 9px 0 !important;

        color:#fff !important;

        box-shadow:5px 5px 18px rgba(0,0,0,.20) !important;
    }

    .rk-messenger .page-aside-switch.open i{
        transform:rotate(180deg) !important;
    }

    .rk-messenger .messages-chats{
        padding:14px 10px !important;
    }

    .rk-messenger #ajaxchat .chat-avatar{
        width:30px !important;
    }

    .rk-messenger #ajaxchat .chat-avatar img{
        width:28px !important;
        height:28px !important;
    }

    .rk-messenger #ajaxchat .chat-body{
        max-width:88% !important;
    }

    .rk-messenger .messages-input{
        padding:10px !important;
    }
}


/* Very narrow phone */

@media(max-width:430px){

    .rk-messenger{
        margin:5px !important;
    }

    .rk-messenger > .page-aside{
        width:88% !important;
    }

    .rk-messenger .messages-chats{
        padding:11px 7px !important;
    }

    .rk-messenger #ajaxchat .chat-avatar{
        display:none !important;
    }

    .rk-messenger #ajaxchat .chat-body{
        max-width:94% !important;
    }

    .rk-messenger #ajaxchat .chat-content{
        padding:9px 10px !important;
    }

    .rk-messenger .messages-input{
        gap:7px !important;

        padding:8px !important;
    }
}

/* ===== END RANKKEEP MESSENGER V1 ===== */


/* =========================================================
   RANKKEEP NEW MESSAGE MODAL V1
   ========================================================= */

#NewMessage .modal-dialog{
    width:calc(100% - 30px) !important;
    max-width:600px !important;

    margin:80px auto 30px !important;
}

#NewMessage .modal-content{
    overflow:hidden !important;

    background:#091624 !important;

    border:1px solid rgba(75,167,255,.18) !important;
    border-radius:16px !important;

    color:#edf5ff !important;

    box-shadow:0 25px 70px rgba(0,0,0,.48) !important;
}


/* HEADER */

#NewMessage .modal-header{
    position:relative !important;

    min-height:68px !important;

    padding:18px 20px !important;

    background:
        radial-gradient(circle at 90% 0,rgba(53,213,255,.12),transparent 42%),
        linear-gradient(135deg,#0c2440,#102f52) !important;

    background-image:
        radial-gradient(circle at 90% 0,rgba(53,213,255,.12),transparent 42%),
        linear-gradient(135deg,#0c2440,#102f52) !important;

    border:0 !important;
    border-bottom:1px solid rgba(75,167,255,.15) !important;
}

#NewMessage .modal-title{
    margin:0 !important;

    color:#fff !important;

    font-size:18px !important;
    font-weight:800 !important;
}

#NewMessage .modal-title i{
    margin-right:7px !important;
    color:#69baff !important;
}

#NewMessage .close{
    position:absolute !important;
    top:18px !important;
    right:18px !important;

    margin:0 !important;
    padding:4px !important;

    color:#8aa1b8 !important;
    opacity:1 !important;

    font-size:23px !important;
    font-weight:400 !important;

    text-shadow:none !important;
}

#NewMessage .close:hover{
    color:#fff !important;
}


/* BODY */

#NewMessage .modal-body{
    padding:20px !important;

    background:
        radial-gradient(circle at 15% 0,rgba(35,136,255,.05),transparent 35%),
        #091522 !important;
}


/* SEARCH */

#NewMessage .input-group{
    display:flex !important;
    width:100% !important;
}

#NewMessage .input-group-addon,
#NewMessage .input-group-prepend,
#NewMessage .input-group-text{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:50px !important;
    min-width:50px !important;

    padding:0 !important;

    background:#0d2136 !important;

    border:1px solid rgba(75,167,255,.16) !important;
    border-right:0 !important;

    color:#67b5ff !important;
}

#NewMessage .form-control,
#NewMessage input[type="text"],
#NewMessage textarea{
    width:100% !important;

    min-height:48px !important;

    padding:11px 13px !important;

    background:#07131f !important;

    border:1px solid rgba(75,167,255,.16) !important;
    border-radius:9px !important;

    color:#edf6ff !important;

    font-size:12px !important;

    box-shadow:none !important;
}

#NewMessage .input-group .form-control{
    border-radius:0 9px 9px 0 !important;
}

#NewMessage .form-control:focus,
#NewMessage input[type="text"]:focus,
#NewMessage textarea:focus{
    border-color:rgba(53,213,255,.55) !important;

    box-shadow:0 0 0 3px rgba(53,213,255,.06) !important;
}

#NewMessage input::placeholder,
#NewMessage textarea::placeholder{
    color:#61788e !important;
}


/* USER SEARCH RESULTS */

#NewMessage .twitter-typeahead,
#NewMessage .typeahead{
    width:100% !important;
}

#NewMessage .tt-menu,
#NewMessage .dropdown-menu{
    width:100% !important;

    margin-top:6px !important;
    padding:6px !important;

    background:#0b1928 !important;

    border:1px solid rgba(75,167,255,.18) !important;
    border-radius:10px !important;

    box-shadow:0 14px 35px rgba(0,0,0,.35) !important;
}

#NewMessage .tt-suggestion{
    padding:9px 10px !important;

    border-radius:7px !important;

    color:#c8d7e6 !important;

    cursor:pointer !important;
}

#NewMessage .tt-suggestion:hover,
#NewMessage .tt-cursor{
    background:#102b49 !important;
    color:#fff !important;
}


/* SELECTED USER */

#NewMessage .selected-user-info{
    display:flex !important;
    align-items:center !important;

    min-height:48px !important;

    margin-top:12px !important;
    padding:9px 11px !important;

    background:#0b1b2c !important;

    border:1px solid rgba(75,167,255,.13) !important;
    border-radius:10px !important;

    color:#eaf4fe !important;

    font-size:11px !important;
    font-weight:700 !important;
}

#NewMessage .selected-user-info .avatar,
#NewMessage .selected-user-info .avatar img{
    width:32px !important;
    height:32px !important;
}

#NewMessage .selected-user-info .avatar img{
    object-fit:cover !important;
    border-radius:50% !important;
}


/* FOOTER */

#NewMessage .modal-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:8px !important;

    padding:12px 18px !important;

    background:#08131f !important;

    border:0 !important;
    border-top:1px solid rgba(75,167,255,.10) !important;
}

#NewMessage .modal-footer .btn{
    min-height:42px !important;

    margin:0 !important;
    padding:9px 16px !important;

    border-radius:9px !important;

    font-size:11px !important;
    font-weight:800 !important;
}

#NewMessage .modal-footer .btn-default,
#NewMessage .modal-footer .btn-dark,
#NewMessage .modal-footer button[data-dismiss="modal"]{
    background:#101d2b !important;

    border:1px solid rgba(127,158,190,.13) !important;

    color:#c0cede !important;
}

#NewMessage .modal-footer .btn-primary{
    background:linear-gradient(135deg,#1678ff,#3156ef) !important;

    border:0 !important;

    color:#fff !important;

    box-shadow:0 7px 18px rgba(35,136,255,.18) !important;
}

#NewMessage .modal-footer .btn-primary:disabled,
#NewMessage .modal-footer .btn-primary.disabled{
    background:#172434 !important;

    color:#65788c !important;

    box-shadow:none !important;

    opacity:1 !important;
}


/* MOBILE */

@media(max-width:767px){

    #NewMessage .modal-dialog{
        width:calc(100% - 20px) !important;

        margin:68px auto 20px !important;
    }

    #NewMessage .modal-header{
        padding:15px 16px !important;
    }

    #NewMessage .modal-title{
        font-size:16px !important;
    }

    #NewMessage .modal-body{
        padding:15px !important;
    }

    #NewMessage .modal-footer{
        padding:11px 14px !important;
    }
}

@media(max-width:430px){

    #NewMessage .modal-footer{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }

    #NewMessage .modal-footer .btn{
        width:100% !important;
    }
}

/* ===== END RANKKEEP NEW MESSAGE MODAL V1 ===== */


/* =========================================================
   RANKKEEP EMPTY MESSENGER V1
   ========================================================= */

.rk-empty-messenger{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:calc(100vh - 90px) !important;

    padding:50px 18px 80px !important;

    background:
        radial-gradient(circle at 50% 15%,rgba(35,136,255,.08),transparent 32%),
        #050d17 !important;
}

.rk-empty-messenger-card{
    width:100% !important;
    max-width:520px !important;

    padding:42px 38px 32px !important;

    background:
        linear-gradient(155deg,#0d1c2d,#081522) !important;

    border:1px solid rgba(75,167,255,.16) !important;
    border-radius:20px !important;

    box-shadow:
        0 26px 65px rgba(0,0,0,.32) !important;

    text-align:center !important;

    color:#eef6ff !important;
}

.rk-empty-messenger-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:72px !important;
    height:72px !important;

    margin:0 auto 20px !important;

    border-radius:20px !important;

    background:
        linear-gradient(135deg,rgba(35,136,255,.22),rgba(53,213,255,.10)) !important;

    border:1px solid rgba(53,213,255,.18) !important;

    color:#62b5ff !important;

    font-size:27px !important;
}

.rk-empty-messenger-kicker{
    display:block !important;

    margin-bottom:7px !important;

    color:#35d5ff !important;

    font-size:9px !important;
    font-weight:900 !important;

    letter-spacing:1.7px !important;
}

.rk-empty-messenger-card h1{
    margin:0 0 9px !important;

    color:#fff !important;

    font-size:29px !important;
    line-height:1.15 !important;

    font-weight:850 !important;
}

.rk-empty-messenger-card > p{
    max-width:390px !important;

    margin:0 auto 23px !important;

    color:#8298ad !important;

    font-size:11px !important;
    line-height:1.65 !important;
}

.rk-empty-messenger-actions{
    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:9px !important;

    margin-bottom:22px !important;
}

.rk-empty-messenger-actions a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    min-height:44px !important;

    padding:9px 12px !important;

    border-radius:10px !important;

    font-size:10px !important;
    font-weight:800 !important;

    text-decoration:none !important;
}

.rk-empty-message-primary{
    background:
        linear-gradient(135deg,#1678ff,#3156ef) !important;

    border:1px solid transparent !important;

    color:#fff !important;

    box-shadow:
        0 8px 20px rgba(35,136,255,.18) !important;
}

.rk-empty-message-secondary{
    background:#0b1a2a !important;

    border:
        1px solid rgba(109,160,215,.14) !important;

    color:#a9c3dc !important;
}

.rk-empty-messenger-note{
    display:flex !important;
    align-items:flex-start !important;

    gap:9px !important;

    padding:12px 13px !important;

    background:
        rgba(35,136,255,.055) !important;

    border:
        1px solid rgba(53,161,255,.12) !important;

    border-radius:10px !important;

    color:#748da4 !important;

    font-size:9px !important;
    line-height:1.5 !important;

    text-align:left !important;
}

.rk-empty-messenger-note i{
    margin-top:2px !important;

    color:#45a5ff !important;
}


/* Tablet */

@media (min-width:768px) and (max-width:900px){

    .rk-empty-messenger{
        padding-left:25px !important;
        padding-right:25px !important;
    }
}


/* Mobile */

@media(max-width:767px){

    .rk-empty-messenger{
        min-height:calc(100vh - 70px) !important;

        padding:30px 12px 65px !important;
    }

    .rk-empty-messenger-card{
        padding:30px 20px 24px !important;

        border-radius:16px !important;
    }

    .rk-empty-messenger-card h1{
        font-size:24px !important;
    }

    .rk-empty-messenger-icon{
        width:62px !important;
        height:62px !important;

        font-size:23px !important;
    }
}


/* Small phones */

@media(max-width:430px){

    .rk-empty-messenger-actions{
        grid-template-columns:1fr !important;
    }

}

/* ===== END RANKKEEP EMPTY MESSENGER V1 ===== */


/* =========================================================
   RANKKEEP PROFILE / SETTINGS / TRUST V1
   ========================================================= */


/* =========================================================
   PUBLIC PROFILE HERO
   ========================================================= */

.rk-profile-hero{
    position:relative !important;

    overflow:hidden !important;

    border-bottom:1px solid rgba(75,167,255,.14) !important;

    background:#07111d !important;
}

.rk-profile-hero .bg-image{
    opacity:.30 !important;

    filter:
        saturate(.75)
        contrast(1.08) !important;
}

.rk-profile-hero .bg-color.user-profile{
    background:
        linear-gradient(
            180deg,
            rgba(5,13,23,.18),
            rgba(5,13,23,.88)
        ) !important;
}


/* Main seller identity card */

.rk-profile-summary{
    width:calc(100% - 28px) !important;
    max-width:1180px !important;

    min-width:0 !important;

    margin:18px auto 0 !important;
    padding:16px 18px !important;

    background:
        linear-gradient(145deg,#0e1c2d,#091522) !important;

    border:1px solid rgba(75,167,255,.15) !important;
    border-radius:15px !important;

    box-shadow:0 12px 30px rgba(0,0,0,.15) !important;
}

.rk-profile-summary > div,
.rk-profile-summary .flex-center{
    min-width:0 !important;
}

.rk-profile-summary .profile-avatar{
    width:68px !important;
    min-width:68px !important;
    height:68px !important;
}

.rk-profile-summary .profile-avatar img{
    width:68px !important;
    height:68px !important;

    object-fit:cover !important;

    border:2px solid rgba(75,167,255,.22) !important;
    border-radius:50% !important;
}

.rk-profile-summary .profile-name{
    display:block !important;

    overflow:hidden !important;

    color:#fff !important;

    font-size:20px !important;
    font-weight:850 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.rk-profile-summary .profile-location{
    display:block !important;

    margin-top:3px !important;

    color:#8da2b8 !important;

    font-size:10px !important;
}

.rk-profile-summary .profile-last-seen{
    display:block !important;

    margin-top:4px !important;

    color:#698198 !important;

    font-size:9px !important;
}


/* Seller rating box */

.rk-profile-summary .rating-wrapper{
    min-width:150px !important;

    overflow:hidden !important;

    background:#081522 !important;

    border:1px solid rgba(93,151,214,.12) !important;
    border-radius:10px !important;
}

.rk-profile-summary .rating-percent{
    color:#eef6ff !important;

    font-size:13px !important;
    font-weight:800 !important;
}

.rk-profile-summary .rating-counts{
    color:#8297ac !important;

    font-size:9px !important;
}


/* =========================================================
   PROFILE TABS
   ========================================================= */

.rk-profile-tabs{
    width:calc(100% - 28px) !important;
    max-width:1180px !important;

    margin:12px auto 16px !important;
    padding:6px !important;

    background:#0a1725 !important;

    border:1px solid rgba(75,167,255,.11) !important;
    border-radius:11px !important;
}

.rk-profile-tabs .subheader-tabs{
    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
    padding:0 !important;
}

.rk-profile-tabs .nav-item{
    margin:0 !important;
}

.rk-profile-tabs .subheader-link{
    display:flex !important;
    align-items:center !important;

    gap:6px !important;

    padding:9px 13px !important;

    border-radius:8px !important;

    color:#839bb1 !important;

    font-size:10px !important;
    font-weight:750 !important;

    text-decoration:none !important;
}

.rk-profile-tabs .nav-item.active .subheader-link,
.rk-profile-tabs .subheader-link.active,
.rk-profile-tabs .subheader-link:hover{
    background:rgba(35,136,255,.12) !important;

    color:#63b6ff !important;
}


/* =========================================================
   PROFILE CONTENT
   ========================================================= */

.rk-profile-content{
    width:calc(100% - 28px) !important;
    max-width:1180px !important;

    margin:0 auto 45px !important;
}


/* Listing cards */

.rk-profile-content .game-cover-wrapper{
    overflow:hidden !important;

    background:#0e1b2b !important;

    border:1px solid rgba(91,151,218,.12) !important;
    border-radius:12px !important;

    box-shadow:none !important;
}

.rk-profile-content .game-cover-wrapper:hover{
    border-color:rgba(75,167,255,.28) !important;

    box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}

.rk-profile-content .listing-details{
    min-width:0 !important;

    padding:7px 3px !important;

    color:#8298ae !important;

    font-size:9px !important;
}

.rk-profile-content .listing-price{
    color:#fff !important;

    font-size:12px !important;
    font-weight:850 !important;
}


/* Ratings */

.rk-profile-content .rating-panel{
    overflow:hidden !important;

    margin-bottom:10px !important;

    background:#0e1b2b !important;

    border:1px solid rgba(91,151,218,.12) !important;
    border-radius:11px !important;

    box-shadow:none !important;
}

.rk-profile-content .rating-panel.bg-success{
    border-left:3px solid #34c978 !important;
}

.rk-profile-content .rating-panel.bg-danger{
    border-left:3px solid #ef5c6c !important;
}

.rk-profile-content .rating-panel.bg-dark{
    border-left:3px solid #7e91a6 !important;
}

.rk-profile-content .rating-panel .panel-body{
    display:flex !important;
    align-items:center !important;

    gap:12px !important;

    min-width:0 !important;

    padding:13px !important;
}

.rk-profile-content .rating-panel .avatar,
.rk-profile-content .rating-panel .avatar img{
    width:38px !important;
    height:38px !important;
}

.rk-profile-content .rating-panel .avatar img{
    object-fit:cover !important;

    border-radius:50% !important;
}

.rk-profile-content .rating-panel .from-user{
    color:#a9bdd0 !important;

    font-size:9px !important;
}

.rk-profile-content .rating-panel .notice{
    display:block !important;

    margin-top:3px !important;

    color:#d9e6f2 !important;

    font-size:10px !important;
    line-height:1.5 !important;

    overflow-wrap:anywhere !important;
}


/* =========================================================
   SETTINGS HEADER
   ========================================================= */

.rk-settings-subheader{
    background:
        radial-gradient(circle at 85% 20%,rgba(53,213,255,.10),transparent 30%),
        linear-gradient(135deg,#07111f,#0d1d31 55%,#0a2348) !important;

    border-bottom:1px solid rgba(75,167,255,.16) !important;
}

.rk-settings-subheader .background-pattern{
    opacity:.08 !important;
}

.rk-settings-subheader .background-color{
    background:transparent !important;
}

.rk-settings-subheader .content{
    position:relative !important;
    z-index:2 !important;

    padding-top:18px !important;
}

.rk-settings-subheader .title{
    color:#fff !important;

    font-size:20px !important;
    font-weight:850 !important;
}

.rk-settings-subheader .title i{
    color:#35d5ff !important;
}


/* Settings tabs */

.rk-settings-subheader > .tabs{
    position:relative !important;
    z-index:3 !important;

    display:flex !important;

    gap:5px !important;

    padding:0 15px 10px !important;
}

.rk-settings-subheader > .tabs .tab{
    padding:8px 14px !important;

    background:rgba(5,15,27,.35) !important;

    border:1px solid rgba(102,158,217,.10) !important;
    border-radius:8px !important;

    color:#8ea5bb !important;

    font-size:10px !important;
    font-weight:750 !important;
}

.rk-settings-subheader > .tabs .tab.active,
.rk-settings-subheader > .tabs .tab:hover{
    background:rgba(35,136,255,.16) !important;

    border-color:rgba(53,213,255,.22) !important;

    color:#fff !important;
}


/* =========================================================
   SETTINGS PANELS
   ========================================================= */

.rk-settings-panel{
    width:calc(100% - 28px) !important;
    max-width:900px !important;

    overflow:hidden !important;

    margin:20px auto 45px !important;

    background:
        linear-gradient(145deg,#0e1c2d,#091522) !important;

    border:1px solid rgba(75,167,255,.15) !important;
    border-radius:15px !important;

    box-shadow:0 15px 35px rgba(0,0,0,.16) !important;
}

.rk-settings-panel .panel-heading{
    padding:16px 18px !important;

    background:#0b1928 !important;

    border:0 !important;
    border-bottom:1px solid rgba(75,167,255,.11) !important;
}

.rk-settings-panel .panel-title{
    color:#fff !important;

    font-size:16px !important;
    font-weight:850 !important;
}

.rk-settings-panel .panel-body{
    padding:18px !important;

    background:transparent !important;
}

.rk-settings-panel .input-wrapper{
    margin-bottom:15px !important;
}

.rk-settings-panel label{
    display:block !important;

    margin-bottom:6px !important;

    color:#a8bacb !important;

    font-size:10px !important;
    font-weight:750 !important;
}


/* Inputs */

.rk-settings-panel .input-group{
    width:100% !important;
}

.rk-settings-panel .input-group-addon{
    min-width:45px !important;

    background:#0c1d2e !important;

    border:1px solid rgba(110,158,209,.14) !important;

    color:#61adf6 !important;
}

.rk-settings-panel .form-control,
.rk-settings-panel input.form-control{
    min-height:43px !important;

    background:#07131f !important;

    border:1px solid rgba(110,158,209,.15) !important;
    border-radius:8px !important;

    color:#edf5ff !important;

    font-size:11px !important;

    box-shadow:none !important;
}

.rk-settings-panel .form-control:focus{
    border-color:rgba(53,213,255,.48) !important;

    box-shadow:0 0 0 3px rgba(53,213,255,.055) !important;
}

.rk-settings-panel input[readonly]{
    color:#71869a !important;

    cursor:not-allowed !important;
}


/* Profile URL/helper text */

.rk-settings-panel .input-wrapper > span{
    display:block !important;

    margin-top:5px !important;

    color:#667e94 !important;

    font-size:9px !important;

    overflow-wrap:anywhere !important;
}


/* Avatar/file selector */

.rk-settings-profile .avatar,
.rk-settings-profile .avatar img{
    width:50px !important;
    height:50px !important;
}

.rk-settings-profile .avatar img{
    object-fit:cover !important;

    border:2px solid rgba(75,167,255,.17) !important;
    border-radius:50% !important;
}

.rk-settings-profile .input-group-btn .btn{
    min-height:43px !important;

    display:flex !important;
    align-items:center !important;

    background:#12345c !important;

    border:0 !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;
}


/* Location */

.rk-settings-profile .current-location{
    padding:9px 11px !important;

    background:#081522 !important;

    border:1px solid rgba(102,153,209,.10) !important;
    border-radius:8px !important;

    color:#91a7bb !important;

    font-size:10px !important;
}

.rk-settings-profile a.btn-success{
    min-height:40px !important;

    display:flex !important;
    align-items:center !important;

    border:0 !important;
    border-radius:8px !important;

    background:#12345c !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:750 !important;
}


/* Errors */

.rk-settings-panel .input-error{
    margin-bottom:6px !important;
    padding:7px 9px !important;

    background:rgba(239,83,105,.10) !important;

    border:1px solid rgba(239,83,105,.18) !important;
    border-radius:7px !important;

    color:#ffc2ca !important;

    font-size:9px !important;
}


/* Footer / Save */

.rk-settings-panel .panel-footer{
    display:flex !important;
    justify-content:flex-end !important;

    padding:13px 18px !important;

    background:#081522 !important;

    border:0 !important;
    border-top:1px solid rgba(75,167,255,.10) !important;
}

.rk-settings-panel #save-submit,
.rk-settings-panel #password-submit{
    min-width:130px !important;
    min-height:43px !important;

    padding:9px 18px !important;

    border:0 !important;
    border-radius:9px !important;

    background:
        linear-gradient(135deg,#1678ff,#3156ef) !important;

    color:#fff !important;

    font-size:11px !important;
    font-weight:850 !important;

    box-shadow:0 8px 20px rgba(35,136,255,.18) !important;
}


/* =========================================================
   SELLER VERIFICATION RESPONSIVE/POLISH
   ========================================================= */

body .rk-verify-wrap{
    width:calc(100% - 28px) !important;
    max-width:900px !important;

    margin:20px auto 45px !important;

    padding:0 !important;
}

body .rk-verify-card{
    box-shadow:0 12px 28px rgba(0,0,0,.13) !important;
}

body .rk-status{
    border:1px solid rgba(75,167,255,.09) !important;
}

body .rk-verify-btn{
    background:
        linear-gradient(135deg,#1678ff,#3156ef) !important;

    box-shadow:0 8px 20px rgba(35,136,255,.18) !important;
}


/* =========================================================
   SMALL PC
   ========================================================= */

@media (min-width:901px) and (max-width:1180px){

    .rk-profile-summary,
    .rk-profile-tabs,
    .rk-profile-content{
        width:calc(100% - 36px) !important;
    }

    .rk-profile-summary{
        padding:15px !important;
    }

    .rk-settings-panel,
    body .rk-verify-wrap{
        width:calc(100% - 36px) !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:768px) and (max-width:900px){

    .rk-profile-summary{
        width:calc(100% - 24px) !important;
    }

    .rk-profile-summary .profile-avatar,
    .rk-profile-summary .profile-avatar img{
        width:58px !important;
        min-width:58px !important;
        height:58px !important;
    }

    .rk-profile-summary .profile-name{
        font-size:18px !important;
    }

    .rk-profile-tabs,
    .rk-profile-content{
        width:calc(100% - 24px) !important;
    }

    .rk-settings-panel,
    body .rk-verify-wrap{
        width:calc(100% - 24px) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .rk-profile-mobile-avatar{
        margin-top:14px !important;
    }

    .rk-profile-summary{
        width:calc(100% - 16px) !important;

        align-items:flex-start !important;
        flex-direction:column !important;

        gap:12px !important;

        padding:14px !important;
    }

    .rk-profile-summary .hidden-xs-down.profile-avatar{
        display:none !important;
    }

    .rk-profile-summary .rating-wrapper{
        width:100% !important;
        min-width:0 !important;
    }

    .rk-profile-tabs{
        width:calc(100% - 16px) !important;

        overflow-x:auto !important;
    }

    .rk-profile-tabs .subheader-tabs{
        width:max-content !important;
        min-width:100% !important;
    }

    .rk-profile-tabs .subheader-link{
        white-space:nowrap !important;
    }

    .rk-profile-content{
        width:calc(100% - 16px) !important;
    }

    .rk-settings-subheader > .tabs{
        overflow-x:auto !important;
    }

    .rk-settings-subheader > .tabs .tab{
        flex:1 !important;

        text-align:center !important;
        white-space:nowrap !important;
    }

    .rk-settings-panel{
        width:calc(100% - 16px) !important;

        margin-top:12px !important;
        margin-bottom:30px !important;

        border-radius:12px !important;
    }

    .rk-settings-panel .panel-heading,
    .rk-settings-panel .panel-body,
    .rk-settings-panel .panel-footer{
        padding:13px !important;
    }

    .rk-settings-profile .flex-center{
        min-width:0 !important;

        flex-wrap:wrap !important;

        gap:8px !important;
    }

    .rk-settings-profile .current-location{
        margin-right:0 !important;
    }

    body .rk-verify-wrap{
        width:calc(100% - 16px) !important;

        margin-top:12px !important;
    }
}


/* Small phones */

@media(max-width:430px){

    .rk-profile-content .row > [class*="col-"]{
        padding-left:5px !important;
        padding-right:5px !important;
    }

    .rk-profile-content .rating-panel .panel-body{
        align-items:flex-start !important;

        gap:8px !important;
    }

    .rk-settings-panel .panel-footer{
        display:block !important;
    }

    .rk-settings-panel #save-submit,
    .rk-settings-panel #password-submit{
        width:100% !important;
    }

    body .rk-trust-info{
        grid-template-columns:1fr !important;
    }
}

/* ===== END RANKKEEP PROFILE / SETTINGS / TRUST V1 ===== */


/* =========================================================
   RANKKEEP SETTINGS AVATAR ROW V2
   ========================================================= */

.rk-settings-profile .input-wrapper:nth-of-type(3) > .flex-center{
    display:grid !important;

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

    align-items:center !important;

    gap:14px !important;

    max-width:560px !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) > .flex-center > .m-r-10{
    margin:0 !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .avatar,
.rk-settings-profile .input-wrapper:nth-of-type(3) .avatar img{
    width:58px !important;
    height:58px !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .avatar img{
    object-fit:cover !important;

    border:2px solid rgba(75,167,255,.25) !important;
    border-radius:50% !important;

    background:#0b1928 !important;
}


/* File picker becomes one clean row */

.rk-settings-profile .input-wrapper:nth-of-type(3) .input-group{
    display:grid !important;

    grid-template-columns:auto minmax(0,1fr) !important;

    width:100% !important;

    gap:7px !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .input-group-btn{
    display:block !important;

    width:auto !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .input-group-btn label{
    margin:0 !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .input-group-btn .btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:120px !important;
    min-height:42px !important;

    padding:9px 13px !important;

    border-radius:8px !important;

    background:
        linear-gradient(135deg,#164b82,#173d6c) !important;

    color:#fff !important;

    white-space:nowrap !important;
}

.rk-settings-profile .input-wrapper:nth-of-type(3) .input-group > .form-control{
    width:100% !important;
    height:42px !important;

    margin:0 !important;

    border-radius:8px !important;

    color:#879bad !important;
}


/* Mobile */

@media(max-width:600px){

    .rk-settings-profile .input-wrapper:nth-of-type(3) > .flex-center{
        grid-template-columns:1fr !important;

        gap:10px !important;
    }

    .rk-settings-profile .input-wrapper:nth-of-type(3) .input-group{
        grid-template-columns:1fr !important;
    }

    .rk-settings-profile .input-wrapper:nth-of-type(3) .input-group-btn .btn{
        width:100% !important;
    }
}

/* ===== END RANKKEEP SETTINGS AVATAR ROW V2 ===== */


/* =========================================================
   RANKKEEP SELLER WORKFLOW V1
   Listings / Offers / Notifications
   ========================================================= */


/* =========================================================
   MY LISTINGS — RESPONSIVE FINISH
   Existing RankKeep design preserved
   ========================================================= */

body .rk-seller-listing-card,
body .rk-seller-listing-card .listing-heading,
body .rk-seller-listing-card .listing-body,
body .rk-seller-listing-card .listing,
body .rk-seller-listing-card .listing-detail-wrapper{
    min-width:0 !important;
}

body .rk-seller-listing-card .listing-heading .flex-center-space{
    min-width:0 !important;
    gap:12px !important;
}

body .rk-seller-listing-card .listing-heading .flex-center{
    min-width:0 !important;
}

body .rk-seller-listing-card .listing-game-name,
body .rk-seller-listing-card .listing-heading .title{
    overflow-wrap:anywhere !important;
}


/* Small desktop */

@media (min-width:901px) and (max-width:1180px){

    body .rk-seller-listings-head{
        width:calc(100% - 36px) !important;
        max-width:1120px !important;

        margin:0 auto 17px !important;
        padding:64px 0 0 !important;
    }

    body .rk-listing-tabs{
        width:calc(100% - 36px) !important;
        max-width:1120px !important;

        margin:0 auto 20px !important;
    }

    body .rk-seller-listing-card{
        margin:11px 18px !important;
    }

    body .rk-seller-listing-card .listing-heading{
        padding:13px !important;
    }

    body .rk-seller-listing-card .listing-body{
        padding:13px !important;
    }

    body .rk-seller-listing-card .listing-price{
        font-size:20px !important;
    }
}


/* Tablet */

@media (min-width:768px) and (max-width:900px){

    body .rk-seller-listings-head{
        width:calc(100% - 24px) !important;

        margin:0 auto 15px !important;
        padding:60px 0 0 !important;
    }

    body .rk-listing-tabs{
        width:calc(100% - 24px) !important;

        margin:0 auto 18px !important;
    }

    body .rk-seller-listing-card{
        margin:10px 12px !important;
    }

    body .rk-seller-listing-card .listing-heading > .flex-center-space{
        align-items:flex-start !important;
    }

    body .rk-seller-listing-card .sell-status{
        flex:0 0 auto !important;
    }

    body .rk-seller-listing-card .listing-footer{
        padding:10px !important;
    }
}


/* Narrow mobile */

@media(max-width:430px){

    body .rk-seller-listings-head{
        flex-direction:column !important;
        gap:10px !important;
    }

    body .rk-new-listing{
        width:100% !important;
    }

    body .rk-listing-tabs{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    body .rk-listing-tabs > a{
        min-width:0 !important;

        padding:10px 5px !important;
    }

    body .rk-seller-listing-card .listing-heading > .flex-center-space{
        align-items:flex-start !important;
    }

    body .rk-seller-listing-card .listing-heading > .flex-center-space > .no-flex-shrink{
        margin-left:6px !important;
    }

    body .rk-seller-listing-card .footer-buttons{
        gap:5px !important;
    }
}


/* =========================================================
   MY OFFERS — HEADER
   ========================================================= */

.rk-offers-subheader{
    background:
        radial-gradient(circle at 85% 10%,rgba(53,213,255,.10),transparent 31%),
        linear-gradient(135deg,#07111f,#0d1d31 55%,#0a2348) !important;

    border-bottom:1px solid rgba(75,167,255,.16) !important;
}

.rk-offers-subheader .background-pattern{
    opacity:.07 !important;
}

.rk-offers-subheader .background-color{
    background:transparent !important;
}

.rk-offers-subheader .content{
    position:relative !important;
    z-index:2 !important;
}

.rk-offers-subheader .title{
    color:#fff !important;

    font-size:21px !important;
    font-weight:850 !important;
}

.rk-offers-subheader .title i{
    color:#35d5ff !important;
}


/* Offers tabs */

.rk-offers-subheader > .tabs{
    position:relative !important;
    z-index:3 !important;

    display:flex !important;
    flex-wrap:wrap !important;

    gap:5px !important;

    padding:0 15px 10px !important;
}

.rk-offers-subheader > .tabs .tab{
    display:flex !important;
    align-items:center !important;

    gap:6px !important;

    padding:8px 13px !important;

    background:rgba(5,15,27,.35) !important;

    border:1px solid rgba(100,156,214,.10) !important;
    border-radius:8px !important;

    color:#8ea5bb !important;

    font-size:10px !important;
    font-weight:750 !important;

    text-decoration:none !important;
}

.rk-offers-subheader > .tabs .tab.active,
.rk-offers-subheader > .tabs .tab:hover{
    background:rgba(35,136,255,.15) !important;

    border-color:rgba(53,213,255,.22) !important;

    color:#fff !important;
}

.rk-offers-subheader .tag-dash{
    background:#1678ff !important;
    color:#fff !important;
}


/* =========================================================
   MY OFFERS — PAGE/CARDS
   ========================================================= */

.rk-offers-page{
    width:calc(100% - 28px) !important;
    max-width:1120px !important;

    margin:18px auto 45px !important;
}

.rk-offer-card{
    min-width:0 !important;

    overflow:hidden !important;

    margin-bottom:13px !important;

    background:#091624 !important;

    border:1px solid rgba(75,167,255,.14) !important;
    border-radius:15px !important;

    box-shadow:0 13px 32px rgba(0,0,0,.16) !important;
}

.rk-offer-card.notify{
    border-color:rgba(53,213,255,.32) !important;

    box-shadow:
        0 0 0 1px rgba(53,213,255,.05),
        0 13px 32px rgba(0,0,0,.16) !important;
}

.rk-offer-card.grayscale{
    filter:none !important;
    opacity:.58 !important;
}


/* Card header */

.rk-offer-card .listing-heading{
    padding:14px !important;

    background:#0b1929 !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
}

.rk-offer-card .listing-heading .flex-center-space,
.rk-offer-card .listing-heading .flex-center{
    min-width:0 !important;
}

.rk-offer-card .listing-heading .avatar,
.rk-offer-card .listing-heading .avatar img{
    width:42px !important;
    height:42px !important;
}

.rk-offer-card .listing-heading .avatar img{
    object-fit:cover !important;
    border-radius:9px !important;
}

.rk-offer-card .listing-heading .title{
    color:#fff !important;

    font-size:13px !important;
    font-weight:850 !important;

    overflow-wrap:anywhere !important;
}

.rk-offer-card .platform-label{
    color:#69b9ff !important;
}


/* Main body */

.rk-offer-card .listing-body{
    min-width:0 !important;

    padding:14px !important;

    background:#091624 !important;

    color:#dce8f4 !important;
}

.rk-offer-card .listing{
    min-width:0 !important;

    padding:12px !important;

    background:#0b1928 !important;

    border:1px solid rgba(75,167,255,.08) !important;
    border-radius:10px !important;
}

.rk-offer-card .sell-details{
    margin-bottom:10px !important;

    color:#fff !important;

    font-size:22px !important;
    font-weight:850 !important;
}

.rk-offer-card .trade-details{
    color:#35d5ff !important;

    font-size:18px !important;
}


/* Offer details */

.rk-offer-card .listing-detail-wrapper{
    min-width:0 !important;

    gap:10px !important;
}

.rk-offer-card .listing-detail{
    min-width:0 !important;

    color:#dce8f4 !important;
}

.rk-offer-card .trade-offer-game,
.rk-offer-card .delivery-pickup,
.rk-offer-card .offer-user{
    min-width:0 !important;

    padding:8px 10px !important;

    background:#081522 !important;

    border:1px solid rgba(102,154,208,.09) !important;
    border-radius:9px !important;
}

.rk-offer-card .offer-user{
    color:#9db2c6 !important;

    text-decoration:none !important;
}

.rk-offer-card .offer-user .avatar,
.rk-offer-card .offer-user .avatar img,
.rk-offer-card .trade-offer-game .avatar,
.rk-offer-card .trade-offer-game .avatar img{
    width:34px !important;
    height:34px !important;
}

.rk-offer-card .offer-user .avatar img,
.rk-offer-card .trade-offer-game .avatar img{
    object-fit:cover !important;
    border-radius:50% !important;
}

.rk-offer-card .offer-username,
.rk-offer-card .offer-game-title{
    color:#eef6ff !important;

    font-size:10px !important;
    font-weight:800 !important;
}


/* Status/details button */

.rk-offer-card .details-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    min-height:39px !important;

    margin-top:10px !important;
    padding:8px 11px !important;

    background:#10243a !important;

    border:1px solid rgba(75,167,255,.13) !important;
    border-radius:9px !important;

    color:#8fc9ff !important;

    font-size:9px !important;
    font-weight:800 !important;
}

.rk-offer-card .details-button.status-1{
    background:rgba(35,136,255,.10) !important;

    color:#69b9ff !important;
}

/* =========================================================
   RANKKEEP SELLER DASHBOARD MOBILE CLEANUP
   Presentation-only additions for existing seller surfaces.
   ========================================================= */

.rk-founding-card{
    background:linear-gradient(135deg,#0b1e35,#091522 72%) !important;
    border:1px solid rgba(53,213,255,.22) !important;
    border-radius:15px !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 28px rgba(35,136,255,.06) !important;
}
.rk-founding-card .rk-role-head{margin-bottom:14px !important}
.rk-founding-card .rk-role-head>strong{color:#69cfff !important}
.rk-founding-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.rk-founding-benefit{padding:10px 11px;background:rgba(4,13,25,.42);border:1px solid rgba(75,167,255,.12);border-radius:10px}
.rk-founding-benefit span,.rk-founding-benefit strong{display:block}
.rk-founding-benefit span{color:#9ab3cc;font-size:10px;font-weight:700}
.rk-founding-benefit strong{margin-top:4px;color:#fff;font-size:11px}
.rk-founding-progress-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#92aac2;font-size:10px}
.rk-founding-progress-head strong{color:#e7f5ff;font-size:10px}
.rk-founding-progress{height:7px;overflow:hidden;background:#07101d;border:1px solid rgba(75,167,255,.12);border-radius:99px}
.rk-founding-progress span{display:block;height:100%;background:linear-gradient(90deg,#2388ff,#35d5ff);border-radius:inherit}
.rk-founding-footer{display:flex;flex-direction:column;gap:5px;margin-top:9px}
.rk-founding-footer strong{color:#69cfff;font-size:11px}
.rk-founding-footer small{color:#71869d;font-size:9px;line-height:1.45}
.rk-founding-inactive{display:flex;align-items:center;gap:8px;padding:10px 11px;color:#8ba0b5;background:rgba(4,13,25,.42);border:1px solid rgba(75,167,255,.1);border-radius:10px;font-size:11px}
.rk-founding-inactive i{color:#71869d}
.rk-dashboard .rk-pro-panel{background:linear-gradient(135deg,#17152e,#0b1222 70%) !important;border:1px solid rgba(164,113,255,.23) !important;border-radius:15px !important;box-shadow:0 14px 32px rgba(0,0,0,.17) !important}
.rk-dashboard .rk-pro-panel h2{font-size:20px !important;line-height:1.2 !important}
.rk-dashboard .rk-pro-panel p{line-height:1.5 !important}
.rk-seller-listing-card .platform-label{display:inline-flex !important;align-items:center !important;padding:3px 7px !important;background:#10243a !important;border:1px solid rgba(75,167,255,.14) !important;border-radius:999px !important;color:#8fc9ff !important;font-size:9px !important}
.rk-seller-listing-card .listing-no-offers{margin:0 !important;padding:13px 10px !important;background:#081522 !important;border:1px solid rgba(75,167,255,.08) !important;border-radius:9px !important;color:#71869a !important;font-size:10px !important;text-align:center !important}
.rk-seller-listing-card .panel-footer{background:#081421 !important;border-top:1px solid rgba(53,213,255,.1) !important}
.rk-seller-listing-card .panel-footer .button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;min-height:36px !important;padding:7px 10px !important;background:#0d1d2e !important;border:1px solid rgba(75,167,255,.15) !important;border-radius:8px !important;color:#8fc9ff !important;font-size:9px !important}
.rk-seller-listing-card .panel-footer .button.additional:first-child{color:#ff9aa5 !important;background:rgba(220,70,70,.07) !important;border-color:rgba(220,70,70,.16) !important}
.rk-seller-listing-card .panel-footer .button:hover,.rk-seller-listing-card .panel-footer .button:focus{background:#12304c !important;color:#fff !important}

@media(max-width:767px){
    .rk-founding-benefits{grid-template-columns:1fr}
    .rk-founding-card .rk-role-head h2{font-size:19px !important}
    .rk-dashboard .rk-pro-panel h2{font-size:18px !important;max-width:100% !important}
    .rk-dashboard .rk-pro-panel p{font-size:10px !important}
    .rk-seller-listing-card .panel-footer>div:last-child{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;width:100% !important}
    .rk-seller-listing-card .panel-footer .button{width:100% !important}
}

@media(max-width:430px){
    .rk-seller-listing-card .panel-footer>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

.rk-offer-card .details-button.status-2.good{
    background:rgba(53,211,154,.09) !important;

    color:#60dda9 !important;
}

.rk-offer-card .details-button.bad,
.rk-offer-card .details-button.bg-danger{
    background:rgba(230,70,90,.08) !important;

    color:#ff8d9d !important;
}


/* Footer */

.rk-offer-card .panel-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    padding:11px 13px !important;

    background:#081421 !important;

    border:0 !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
}

.rk-offer-card .listing-footer-time{
    color:#71869a !important;

    font-size:8px !important;
}

.rk-offer-card .panel-footer .button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    min-height:37px !important;

    padding:7px 11px !important;

    background:#1678ff !important;

    border:1px solid #1678ff !important;
    border-radius:8px !important;

    color:#fff !important;

    font-size:9px !important;
    font-weight:800 !important;

    text-decoration:none !important;
}

.rk-offer-card .panel-footer .button.additional{
    background:#0d1d2e !important;

    border-color:rgba(75,167,255,.13) !important;

    color:#8fc9ff !important;
}


/* =========================================================
   OFFERS EMPTY STATE
   ========================================================= */

.rk-offers-empty{
    margin:18px 0 40px !important;
    padding:38px 20px !important;

    background:#091624 !important;

    border:1px solid rgba(75,167,255,.13) !important;
    border-radius:15px !important;

    text-align:center !important;

    color:#7e94a9 !important;
}

.rk-offers-empty .icon{
    margin-bottom:11px !important;

    color:#58aaff !important;

    font-size:28px !important;
}

.rk-offers-empty .text{
    color:#879eb3 !important;

    font-size:11px !important;
}


/* =========================================================
   NOTIFICATIONS HEADER
   ========================================================= */

.rk-notifications-subheader{
    background:
        radial-gradient(circle at 85% 10%,rgba(53,213,255,.10),transparent 31%),
        linear-gradient(135deg,#07111f,#0d1d31 55%,#0a2348) !important;

    border-bottom:1px solid rgba(75,167,255,.16) !important;
}

.rk-notifications-subheader .background-pattern{
    opacity:.07 !important;
}

.rk-notifications-subheader .background-color{
    background:transparent !important;
}

.rk-notifications-subheader .content{
    position:relative !important;
    z-index:2 !important;
}

.rk-notifications-subheader .title{
    color:#fff !important;

    font-size:21px !important;
    font-weight:850 !important;
}

.rk-notifications-subheader .title i{
    color:#35d5ff !important;
}


/* Mark all read */

.rk-notifications-subheader > .tabs{
    position:relative !important;
    z-index:3 !important;

    padding:0 15px 10px !important;
}

.rk-notifications-subheader > .tabs .tab{
    padding:8px 13px !important;

    background:rgba(35,136,255,.12) !important;

    border:1px solid rgba(53,213,255,.17) !important;
    border-radius:8px !important;

    color:#a8d5ff !important;

    font-size:10px !important;
    font-weight:800 !important;
}


/* =========================================================
   NOTIFICATIONS LIST
   ========================================================= */

.rk-notifications-page{
    width:calc(100% - 28px) !important;
    max-width:980px !important;

    margin:18px auto 45px !important;
}

.rk-notifications-page .notification{
    display:flex !important;
    align-items:center !important;

    gap:13px !important;

    min-width:0 !important;

    margin:0 0 8px !important;
    padding:12px 13px !important;

    background:#0b1928 !important;

    border:1px solid rgba(75,167,255,.11) !important;
    border-left:3px solid #2388ff !important;
    border-radius:11px !important;

    color:#dbe7f2 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}

.rk-notifications-page .notification:hover{
    background:#0e2034 !important;

    border-color:rgba(75,167,255,.24) !important;

    transform:translateY(-1px) !important;
}

.rk-notifications-page .notification.grayscale{
    filter:none !important;

    opacity:.52 !important;

    border-left-color:rgba(109,135,160,.32) !important;
}


/* Notification icons */

.rk-notifications-page .notification .icons{
    display:flex !important;
    align-items:center !important;

    flex:0 0 auto !important;

    min-width:0 !important;
}

.rk-notifications-page .notification .avatar,
.rk-notifications-page .notification .avatar img,
.rk-notifications-page .notification .circle-icon{
    width:38px !important;
    height:38px !important;
}

.rk-notifications-page .notification .avatar img{
    object-fit:cover !important;

    border-radius:9px !important;
}

.rk-notifications-page .notification .circle-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:9px !important;

    color:#fff !important;

    font-size:13px !important;
}


/* Notification copy */

.rk-notifications-page .notification .info{
    flex:1 1 auto !important;

    min-width:0 !important;
}

.rk-notifications-page .notification .info h1{
    margin:0 0 4px !important;

    color:#edf5ff !important;

    font-size:11px !important;
    line-height:1.45 !important;
    font-weight:750 !important;

    overflow-wrap:anywhere !important;
}

.rk-notifications-page .notification .info p{
    margin:0 !important;

    color:#6f869d !important;

    font-size:8px !important;
}


/* Seller-verification partial has inline CSS — override it */

.rk-notifications-page a.rk-verification-notification{
    display:flex !important;
    align-items:center !important;

    gap:13px !important;

    margin:0 0 8px !important;
    padding:12px 13px !important;

    background:#0b1928 !important;

    border:1px solid rgba(75,167,255,.11) !important;
    border-left:3px solid #2388ff !important;
    border-radius:11px !important;
}

.rk-notifications-page a.rk-verification-notification > div:first-child{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;

    background:rgba(35,136,255,.13) !important;

    border-radius:9px !important;

    color:#35d5ff !important;
}


/* =========================================================
   NOTIFICATIONS EMPTY
   ========================================================= */

.rk-notifications-empty{
    margin:18px 0 40px !important;
    padding:42px 20px !important;

    background:#091624 !important;

    border:1px solid rgba(75,167,255,.13) !important;
    border-radius:15px !important;

    text-align:center !important;
}

.rk-notifications-empty .icon{
    margin-bottom:11px !important;

    color:#58aaff !important;

    font-size:28px !important;
}

.rk-notifications-empty .text{
    color:#879eb3 !important;

    font-size:11px !important;
}


/* Pagination */

.rk-offers-page .pagination,
.rk-notifications-page .pagination{
    margin:10px 0 16px !important;
}

.rk-offers-page .pagination > li > a,
.rk-offers-page .pagination > li > span,
.rk-notifications-page .pagination > li > a,
.rk-notifications-page .pagination > li > span{
    background:#0b1928 !important;

    border-color:rgba(75,167,255,.12) !important;

    color:#88bcea !important;
}

.rk-offers-page .pagination > .active > span,
.rk-notifications-page .pagination > .active > span{
    background:#1678ff !important;

    border-color:#1678ff !important;

    color:#fff !important;
}


/* =========================================================
   SMALL DESKTOP
   ========================================================= */

@media (min-width:901px) and (max-width:1180px){

    .rk-offers-page,
    .rk-notifications-page{
        width:calc(100% - 36px) !important;
    }

    .rk-offer-card .listing-body{
        padding:12px !important;
    }

    .rk-notifications-page{
        max-width:900px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:768px) and (max-width:900px){

    .rk-offers-page,
    .rk-notifications-page{
        width:calc(100% - 24px) !important;
    }

    .rk-offer-card .listing-detail-wrapper{
        min-width:0 !important;
    }

    .rk-offer-card .panel-footer{
        flex-wrap:wrap !important;
    }

    .rk-notifications-page .notification{
        padding:11px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .rk-offers-subheader > .tabs{
        overflow-x:auto !important;
        flex-wrap:nowrap !important;
    }

    .rk-offers-subheader > .tabs .tab{
        flex:0 0 auto !important;

        white-space:nowrap !important;
    }

    .rk-offers-page,
    .rk-notifications-page{
        width:calc(100% - 16px) !important;

        margin-top:12px !important;
    }

    .rk-offer-card{
        border-radius:12px !important;
    }

    .rk-offer-card .listing-heading,
    .rk-offer-card .listing-body{
        padding:11px !important;
    }

    .rk-offer-card .listing-detail-wrapper{
        display:block !important;
    }

    .rk-offer-card .listing-detail{
        margin-bottom:8px !important;
    }

    .rk-offer-card .panel-footer{
        align-items:stretch !important;

        flex-direction:column !important;
    }

    .rk-offer-card .panel-footer > div:last-child{
        display:grid !important;

        grid-template-columns:1fr 1fr !important;

        gap:6px !important;
    }

    .rk-offer-card .panel-footer .button{
        width:100% !important;
    }

    .rk-notifications-page .notification{
        align-items:flex-start !important;

        gap:10px !important;

        padding:10px !important;
    }

    .rk-notifications-page .notification .avatar,
    .rk-notifications-page .notification .avatar img,
    .rk-notifications-page .notification .circle-icon{
        width:34px !important;
        height:34px !important;
    }
}


/* Very small phones */

@media(max-width:430px){

    .rk-notifications-page .notification .icons{
        max-width:88px !important;
    }

    .rk-notifications-page .notification .icons .m-l-10{
        margin-left:5px !important;
    }

    .rk-notifications-page .notification .icons .m-r-10{
        margin-right:5px !important;
    }

    .rk-offer-card .panel-footer > div:last-child{
        grid-template-columns:1fr !important;
    }

    .rk-offers-empty,
    .rk-notifications-empty{
        padding:32px 14px !important;
    }
}

/* ===== END RANKKEEP SELLER WORKFLOW V1 ===== */


/* =========================================================
   RANKKEEP OFFERS POLISH V2
   Fix spacing / deal summary / desktop proportions
   ========================================================= */


/* ---------------------------------------------------------
   COMPACT HEADER
   --------------------------------------------------------- */

body .rk-offers-subheader{
    min-height:0 !important;
    height:auto !important;

    padding:0 !important;
}

body .rk-offers-subheader .content{
    min-height:0 !important;

    padding:17px 15px 11px !important;
}

body .rk-offers-subheader .title{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    font-size:20px !important;
}

body .rk-offers-subheader > .tabs{
    margin:0 !important;
    padding:0 14px 10px !important;
}


/* ---------------------------------------------------------
   PAGE WIDTH
   --------------------------------------------------------- */

body .rk-offers-page{
    width:calc(100% - 36px) !important;
    max-width:1180px !important;

    margin:18px auto 45px !important;
}

body .rk-offers-page > .rk-offer-card{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
}


/* Keep cards from becoming absurdly wide on huge screens */

@media(min-width:1200px){

    body .rk-offers-page{
        max-width:1080px !important;
    }
}


/* ---------------------------------------------------------
   CARD HEADER
   --------------------------------------------------------- */

body .rk-offer-card .listing-heading{
    padding:13px 15px !important;
}

body .rk-offer-card .listing-heading .avatar,
body .rk-offer-card .listing-heading .avatar img{
    width:40px !important;
    height:40px !important;
}

body .rk-offer-card .listing-heading .title{
    margin-bottom:3px !important;

    font-size:13px !important;
}


/* ---------------------------------------------------------
   DEAL SUMMARY
   --------------------------------------------------------- */

body .rk-offer-card .listing-body{
    padding:13px !important;
}

body .rk-offer-card .listing{
    display:flex !important;
    align-items:center !important;

    gap:9px !important;

    width:100% !important;

    padding:12px !important;
}


/* PRICE — remove old cyan slab */

body .rk-offer-card .sell-details{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    min-width:108px !important;
    min-height:52px !important;

    margin:0 !important;
    padding:8px 13px !important;

    background:
        linear-gradient(135deg,rgba(35,136,255,.14),rgba(53,213,255,.07)) !important;

    border:1px solid rgba(75,167,255,.18) !important;
    border-radius:10px !important;

    color:#fff !important;

    font-size:20px !important;
    font-weight:850 !important;

    box-shadow:none !important;
}


/* TRADE ICON */

body .rk-offer-card .trade-details{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 46px !important;

    width:46px !important;
    height:46px !important;

    margin:0 !important;

    background:#0c1c2d !important;

    border:1px solid rgba(75,167,255,.12) !important;
    border-radius:9px !important;

    color:#62b5ff !important;
}


/* MAIN DETAILS WRAPPER */

body .rk-offer-card .listing-detail-wrapper{
    display:flex !important;
    align-items:center !important;

    flex:1 1 auto !important;

    min-width:0 !important;

    gap:8px !important;
}

body .rk-offer-card .listing-detail{
    min-width:0 !important;
}


/* DELIVERY/PICKUP ICON */

body .rk-offer-card .delivery-pickup{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 46px !important;

    width:46px !important;
    height:46px !important;

    padding:0 !important;

    background:#0c1c2d !important;

    border:1px solid rgba(75,167,255,.11) !important;
    border-radius:9px !important;

    color:#71baff !important;

    font-size:15px !important;
}


/* SELLER CHIP */

body .rk-offer-card .offer-user{
    display:flex !important;
    align-items:center !important;

    flex:0 1 auto !important;

    min-width:0 !important;
    min-height:46px !important;

    margin:0 !important;
    padding:6px 10px !important;

    background:#0c1c2d !important;

    border:1px solid rgba(75,167,255,.10) !important;
    border-radius:9px !important;
}

body .rk-offer-card .offer-user .avatar,
body .rk-offer-card .offer-user .avatar img{
    width:30px !important;
    height:30px !important;
}

body .rk-offer-card .offer-username{
    display:block !important;

    overflow:hidden !important;

    max-width:180px !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* ---------------------------------------------------------
   PAYMENT / STATUS ACTION
   --------------------------------------------------------- */

body .rk-offer-card .listing > a{
    flex:0 0 auto !important;

    margin-left:auto !important;

    text-decoration:none !important;
}

body .rk-offer-card .details-button{
    min-width:90px !important;
    min-height:46px !important;

    margin:0 !important;
    padding:8px 11px !important;

    border-radius:9px !important;
}

body .rk-offer-card .details-button.status-1{
    background:rgba(35,136,255,.08) !important;

    border-color:rgba(75,167,255,.18) !important;

    color:#70baff !important;
}


/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

body .rk-offer-card .panel-footer{
    min-height:55px !important;

    padding:10px 13px !important;
}

body .rk-offer-card .listing-footer-time{
    padding:0 !important;

    color:#647b91 !important;

    font-size:8px !important;

    text-transform:uppercase !important;
}

body .rk-offer-card .panel-footer .button{
    min-width:76px !important;

    min-height:37px !important;
}


/* ---------------------------------------------------------
   SMALL DESKTOP
   --------------------------------------------------------- */

@media(min-width:901px) and (max-width:1180px){

    body .rk-offers-page{
        width:calc(100% - 28px) !important;
    }

    body .rk-offer-card .sell-details{
        min-width:96px !important;

        font-size:18px !important;
    }

    body .rk-offer-card .offer-username{
        max-width:135px !important;
    }
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(min-width:768px) and (max-width:900px){

    body .rk-offer-card .listing{
        flex-wrap:wrap !important;
    }

    body .rk-offer-card .listing-detail-wrapper{
        flex:1 1 calc(100% - 120px) !important;
    }

    body .rk-offer-card .listing > a{
        margin-left:0 !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    body .rk-offers-subheader .content{
        padding:14px 10px 10px !important;
    }

    body .rk-offers-page{
        width:calc(100% - 16px) !important;
    }

    body .rk-offer-card .listing{
        display:grid !important;

        grid-template-columns:1fr auto !important;

        gap:8px !important;
    }

    body .rk-offer-card .sell-details{
        min-width:0 !important;
        width:100% !important;
    }

    body .rk-offer-card .listing-detail-wrapper{
        grid-column:1 / -1 !important;

        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) !important;
    }

    body .rk-offer-card .listing > a{
        grid-column:1 / -1 !important;

        width:100% !important;
    }

    body .rk-offer-card .details-button{
        width:100% !important;
    }
}


/* ===== END RANKKEEP OFFERS POLISH V2 ===== */

.rk-recommendation-reason {
    margin: 9px 0 2px;
    color: #75bfff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

/* ===== PHASE 11.5 SITE-WIDE VISUAL STABILIZATION ===== */
:root {
    --rk-focus: rgba(56, 189, 248, .9);
    --rk-control-height: 44px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--rk-focus);
    outline-offset: 2px;
}

.page-content,
.page-content > .container,
.page-content > .container-fluid,
.page-content main,
.page-content section,
.page-content article { min-width: 0; }

.site-navbar { min-height: 66px; }
.site-navbar .rk-header-logo {
    max-width: 150px;
    max-height: 44px;
    width: auto;
    height: auto;
}
.site-navbar .navbar-toggler,
.site-navbar .site-menu > .site-menu-item > a,
.site-navbar .nav-link { min-height: var(--rk-control-height); }
.site-navbar .navbar-offcanvas { max-width: calc(100vw - 16px); }
.site-navbar .dropdown-menu { max-width: calc(100vw - 16px); }

.table-responsive,
.rk-table-wrap,
.rk-history,
.rk-ref-table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive > table { min-width: 640px; }
input, select, textarea { max-width: 100%; }

.market-hero-search,
.market-toolbar,
.market-filter-card,
.account-grid,
.account-spec-grid { min-width: 0; max-width: 100%; }
.market-hero-search input,
.market-hero-search select,
.market-hero-search button,
.market-toolbar input,
.market-toolbar select,
.market-toolbar button { min-height: var(--rk-control-height); min-width: 0; }
.account-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }

.rk-login-card,
.rk-register-card,
.rk-pro-card,
.rk-dashboard-card,
.rk-card { max-width: 100%; }
.rk-login-button,
.rk-confirmation-button,
.rk-register-button { min-height: var(--rk-control-height); }

@media (max-width: 991px) {
    .market-toolbar { flex-wrap: wrap; }
    .market-toolbar > * { min-width: 0; }
    .market-buy-card { position: static !important; }
}

@media (max-width: 767px) {
    body.site-navbar-small { padding-top: 66px !important; }
    .site-navbar .navbar-brand-center { min-width: 0; max-width: calc(100vw - 148px); }
    .site-navbar .rk-header-logo { max-width: 132px; max-height: 40px; }
    .site-navbar .userbar { max-width: calc(100vw - 110px); min-width: 0; }
    .site-navbar .navbar-toolbar-right { gap: 0; }
    .site-navbar .navbar-avatar + .dropdown-menu {
        position: fixed !important;
        top: 66px !important;
        right: 8px !important;
        left: auto !important;
        width: min(290px, calc(100vw - 16px)) !important;
        min-width: 0 !important;
        max-height: calc(100vh - 78px);
        overflow-y: auto !important;
    }
    .market-toolbar,
    .market-hero-search { width: 100%; }
    .market-toolbar > *,
    .market-hero-search > input,
    .market-hero-search > select,
    .market-hero-search > button,
    .market-hero-search > form { width: 100%; max-width: 100%; }
    .market-steps,
    .account-spec-grid { grid-template-columns: 1fr !important; }
    .rk-confirmation-resend form,
    .rk-login-options { flex-wrap: wrap; gap: 12px; }
}

@media (max-width: 430px) {
    .page-content { padding-left: 10px !important; padding-right: 10px !important; }
    .site-navbar .rk-header-logo { max-width: 116px; }
    .site-navbar .navbar-brand-center { max-width: calc(100vw - 132px); }
    .rk-login-card, .rk-register-card { padding-left: 18px; padding-right: 18px; }
    .rk-login-button, .rk-confirmation-button, .rk-register-button { width: 100%; }
}

/* ===== END PHASE 11.5 SITE-WIDE VISUAL STABILIZATION ===== */

/* ===== RANKKEEP 2FA VISUAL POLISH ===== */
.rk-2fa-shell { width: min(100%, 860px); margin: 28px auto 48px; color: #c6d4e5; }
.rk-2fa-challenge { max-width: 520px; }
.rk-2fa-heading, .rk-2fa-card { background: linear-gradient(145deg, #111d31, #0d1627); border: 1px solid rgba(86, 190, 255, .18); border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.22); }
.rk-2fa-heading { padding: 28px 30px; margin-bottom: 14px; }
.rk-2fa-kicker { display: block; color: #62d9ff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rk-2fa-kicker i { margin-right: 6px; }
.rk-2fa-heading h1, .rk-2fa-card h1 { margin: 8px 0 6px; color: #fff; font-size: clamp(24px, 4vw, 32px); }
.rk-2fa-heading p, .rk-2fa-card p { margin: 0; line-height: 1.6; }
.rk-2fa-card-body { padding: 30px; }
.rk-2fa-status { display: flex; gap: 12px; align-items: flex-start; padding: 15px; background: rgba(39, 209, 143, .08); border: 1px solid rgba(39, 209, 143, .24); border-radius: 10px; }
.rk-2fa-status-dot { width: 10px; height: 10px; flex: 0 0 10px; margin-top: 5px; border-radius: 50%; background: #27d18f; box-shadow: 0 0 12px #27d18f; }
.rk-2fa-status strong, .rk-2fa-section-title strong, .rk-security-2fa-card strong { display: block; color: #fff; }
.rk-2fa-status span:not(.rk-2fa-status-dot), .rk-2fa-section-title span { display: block; margin-top: 4px; color: #91a7be; font-size: 13px; }
.rk-2fa-setup-grid, .rk-2fa-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.rk-2fa-method, .rk-2fa-form { min-width: 0; padding: 20px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 10px; }
.rk-2fa-method h2 { margin: 8px 0 6px; color: #fff; font-size: 17px; }
.rk-2fa-method p { min-height: 44px; margin-bottom: 15px; font-size: 13px; }
.rk-2fa-step { color: #62d9ff; font: 700 12px/1 monospace; letter-spacing: .08em; }
.rk-2fa-manual-key { display: flex; align-items: center; gap: 8px; max-width: 100%; padding: 11px; background: #091120; border: 1px solid rgba(98,217,255,.22); border-radius: 7px; }
.rk-2fa-manual-key code { min-width: 0; overflow-wrap: anywhere; color: #fff; font: 700 15px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.rk-2fa-copy { border: 0; background: transparent; color: #62d9ff; cursor: pointer; }
.rk-2fa-copy:focus-visible, .rk-2fa-button:focus-visible, .rk-2fa-form input:focus-visible, .rk-security-2fa-card a:focus-visible { outline: 3px solid rgba(98,217,255,.55); outline-offset: 2px; }
.rk-2fa-section-title { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; }
.rk-2fa-section-title > i { width: 20px; margin-top: 2px; color: #62d9ff; text-align: center; }
.rk-2fa-form { display: flex; flex-direction: column; gap: 7px; }
.rk-2fa-form label { margin-top: 4px; color: #b8c9da; font-size: 12px; font-weight: 700; }
.rk-2fa-form input { width: 100%; min-height: 44px; padding: 10px 12px; color: #fff; background: #0a1424; border: 1px solid rgba(149,180,211,.28); border-radius: 7px; box-shadow: none; }
.rk-2fa-code-input { font: 700 20px/1 ui-monospace, SFMono-Regular, Menlo, monospace !important; letter-spacing: .22em; text-align: center; }
.rk-2fa-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 15px; border: 1px solid transparent; border-radius: 7px; font-weight: 700; text-align: center; text-decoration: none !important; cursor: pointer; }
.rk-2fa-button-primary { color: #061421 !important; background: #62d9ff; }
.rk-2fa-button-secondary { color: #bfeeff !important; background: rgba(98,217,255,.08); border-color: rgba(98,217,255,.3); }
.rk-2fa-button-danger { color: #ffb9c0 !important; background: rgba(240,91,108,.08); border-color: rgba(240,91,108,.3); }
.rk-2fa-button:hover { filter: brightness(1.08); }
.rk-2fa-alert { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 14px; padding: 13px 15px; border-radius: 9px; }
.rk-2fa-alert-error { color: #ffc1c7; background: rgba(240,91,108,.1); border: 1px solid rgba(240,91,108,.3); }
.rk-2fa-alert-success { color: #a7f2d0; background: rgba(39,209,143,.1); border: 1px solid rgba(39,209,143,.3); }
.rk-2fa-recovery { margin: 18px 0; padding: 18px; background: rgba(245,190,66,.08); border: 1px solid rgba(245,190,66,.3); border-radius: 10px; }
.rk-2fa-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 14px 0; }
.rk-2fa-code-grid code { padding: 9px 8px; overflow-wrap: anywhere; color: #ffe6a3; background: #111b2a; border-radius: 5px; font: 700 14px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.rk-2fa-copy-status { margin-left: 8px; color: #a7f2d0; font-size: 12px; }
.rk-2fa-intro { margin-bottom: 4px !important; }
.rk-2fa-help { margin-top: 18px !important; color: #8299b0 !important; font-size: 12px; }
.rk-2fa-help i { margin-right: 5px; color: #62d9ff; }
.rk-security-2fa-card { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 25px; padding: 18px; background: linear-gradient(145deg, #111d31, #0d1627); border: 1px solid rgba(86,190,255,.18); border-radius: 10px; }
.rk-security-2fa-card p { margin: 5px 0 0; color: #91a7be; font-size: 13px; }
@media (max-width: 600px) { .rk-2fa-shell { margin: 16px auto 30px; } .rk-2fa-heading, .rk-2fa-card-body { padding: 20px 16px; } .rk-2fa-setup-grid, .rk-2fa-action-grid { grid-template-columns: 1fr; } .rk-2fa-method p { min-height: 0; } .rk-2fa-button { width: 100%; } .rk-security-2fa-card { align-items: stretch; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .rk-2fa-button { transition: none !important; } }

/* =========================================================
   PHASE 12.5 — PREMIUM SITE-WIDE VISUAL POLISH
   Shared final cascade: tokens, primitives and responsive closure.
   Keep page-specific markup compatible; this layer is intentionally CSS-only.
   ========================================================= */
:root {
    --rk-bg: #07101f;
    --rk-bg-deep: #050b16;
    --rk-surface: #0d1a2e;
    --rk-surface-raised: #12233b;
    --rk-surface-soft: rgba(18,35,59,.72);
    --rk-border: rgba(142,184,226,.17);
    --rk-border-strong: rgba(98,217,255,.34);
    --rk-text: #f4f8ff;
    --rk-text-soft: #c3d2e4;
    --rk-muted: #8498b2;
    --rk-accent: #62d9ff;
    --rk-accent-strong: #298cff;
    --rk-success: #35d39a;
    --rk-warning: #f5be42;
    --rk-danger: #f05b6c;
    --rk-radius-sm: 8px;
    --rk-radius-md: 12px;
    --rk-radius-lg: 16px;
    --rk-shadow: 0 18px 48px rgba(0,0,0,.24);
    --rk-shadow-hover: 0 22px 58px rgba(0,0,0,.34);
}

html { background: var(--rk-bg-deep); }
body, body.site-navbar-small { color: var(--rk-text); background: radial-gradient(circle at 88% 0%, rgba(24,80,139,.20), transparent 32%), var(--rk-bg-deep); }
a { color: var(--rk-accent); }
a:hover { color: #b5efff; }
:focus-visible { outline: 3px solid rgba(98,217,255,.62) !important; outline-offset: 2px; }

.page { min-height: calc(100vh - 70px); }
.page-content { width: min(100%, 1440px); margin-inline: auto; padding-top: 28px; padding-bottom: 58px; }
.container-fluid { padding-left: clamp(14px, 3vw, 42px); padding-right: clamp(14px, 3vw, 42px); }
.site-navbar { border-bottom: 1px solid rgba(126,178,226,.13); box-shadow: 0 8px 30px rgba(0,0,0,.16); }
.site-navbar .site-menu > .site-menu-item > a, .site-navbar .nav-link { transition: background-color .18s ease, color .18s ease; }
.site-navbar .site-menu > .site-menu-item.active > a { color: #fff; background: rgba(98,217,255,.10); }
.site-navbar .site-menu > .site-menu-item > a:hover { background: rgba(98,217,255,.08); color: #fff; }
.site-menu-games, .site-navbar .dropdown-menu { border: 1px solid var(--rk-border-strong); border-radius: var(--rk-radius-md); background: rgba(9,22,40,.98); box-shadow: var(--rk-shadow); }
.site-menu-games-title { color: var(--rk-accent); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.staging-ribbon { z-index: 1050; background: rgba(245,190,66,.96); color: #201805; font-weight: 800; letter-spacing: .02em; box-shadow: 0 -4px 18px rgba(0,0,0,.18); }

/* Shared surfaces, text hierarchy and controls used by legacy and RankKeep views. */
.card, .panel, .well, .box, .market-filter-card, .market-detail-card, .market-buy-card, .market-protection-explainer, .market-form, .wanted-card, .wanted-game, .seller-box, .rk-empty-state, .rk-dashboard .rk-dash-stat, .rk-dashboard .rk-role-card {
    color: var(--rk-text-soft); background: linear-gradient(145deg, rgba(16,32,54,.96), rgba(9,20,36,.96)); border: 1px solid var(--rk-border); border-radius: var(--rk-radius-lg); box-shadow: var(--rk-shadow);
}
.card-header, .panel-heading { color: var(--rk-text); background: rgba(98,217,255,.045); border-bottom: 1px solid var(--rk-border); }
h1, h2, h3, h4, h5, h6 { color: var(--rk-text); letter-spacing: -.015em; }
.page h1 { font-size: clamp(25px, 3vw, 38px); font-weight: 800; }
.text-muted, small, .help-block, .form-text { color: var(--rk-muted) !important; }
.badge, .label { border-radius: 999px; font-weight: 700; letter-spacing: .01em; }
.btn { min-height: 40px; border-radius: var(--rk-radius-sm); border-width: 1px; font-weight: 700; transition: transform .18s ease, filter .18s ease, background-color .18s ease; }
.btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.btn-primary, .btn-success { color: #04121f !important; background: linear-gradient(135deg, #62d9ff, #298cff); border-color: rgba(98,217,255,.5); }
.btn-default, .btn-secondary, .btn-dark { color: var(--rk-text-soft) !important; background: rgba(255,255,255,.045); border-color: var(--rk-border); }
.btn-danger { color: #ffd9de !important; background: rgba(240,91,108,.13); border-color: rgba(240,91,108,.4); }

/* RankKeep listing detail: the routed account detail view uses rk-listing-* markup. */
.rk-listing-page, .rk-listing-page * { box-sizing: border-box; }
.rk-listing-page { width: min(100%, 1180px); margin: 0 auto; padding: 18px; color: var(--rk-text-soft); }
.rk-listing-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 22px; align-items: start; }
.rk-listing-main, .rk-listing-purchase, .rk-listing-info, .rk-purchase-card { min-width: 0; }
.rk-listing-gallery { min-width: 0; }
.rk-listing-hero-image { display: flex; width: 100%; aspect-ratio: 16 / 10; max-height: 560px; align-items: center; justify-content: center; overflow: hidden; background: #050f1d; border: 1px solid var(--rk-border); border-radius: 18px; }
.rk-listing-hero-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.rk-listing-thumbs { display: flex; max-width: 100%; gap: 8px; margin-top: 10px; padding: 1px 1px 4px; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.rk-listing-thumb { display: block; width: 76px; height: 58px; flex: 0 0 76px; padding: 0; overflow: hidden; background: #08192d; border: 1px solid var(--rk-border); border-radius: 10px; cursor: pointer; opacity: .78; }
.rk-listing-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rk-listing-thumb:hover, .rk-listing-thumb:focus-visible, .rk-listing-thumb.is-selected { border-color: var(--rk-accent); opacity: 1; }
.rk-listing-thumb.is-selected { box-shadow: 0 0 0 1px rgba(53,199,255,.35); }
.rk-listing-game { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.rk-listing-game img { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; border-radius: 12px; background: #0b1d34; }
.rk-listing-game-copy { min-width: 0; }
.rk-listing-game-copy span, .rk-listing-game-copy strong { display: block; overflow-wrap: anywhere; }
.rk-listing-game-copy span { color: var(--rk-muted); font-size: 12px; margin-bottom: 3px; }
.rk-listing-game-copy strong { color: #fff; font-size: 17px; }
.rk-listing-flags { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; }
.rk-listing-flags span { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 7px 10px; border: 1px solid var(--rk-border); border-radius: 999px; color: var(--rk-text-soft); font-size: 11px; overflow-wrap: anywhere; }
.rk-listing-flags .is-fast { color: #baf7de; border-color: rgba(53,211,154,.3); }
.rk-listing-protection, .rk-purchase-card { background: linear-gradient(145deg, #102640, #09182b); border: 1px solid var(--rk-border); border-radius: 18px; box-shadow: var(--rk-shadow); }
.rk-listing-protection { margin-top: 18px; padding: 18px; }
.rk-listing-protection h2 { margin: 0 0 14px; color: #fff; font-size: 17px; }
.rk-listing-protection h2 i { color: var(--rk-accent); margin-right: 6px; }
.rk-protection-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.rk-protection-step { display: flex; min-width: 0; flex-direction: column; gap: 7px; padding: 12px; background: rgba(4,16,31,.55); border: 1px solid var(--rk-border); border-radius: 12px; }
.rk-protection-step b { color: var(--rk-accent); font-size: 11px; letter-spacing: .08em; }
.rk-protection-step span { color: #f7f9fc; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.rk-purchase-card { padding: 20px; }
.rk-purchase-label { display: block; color: var(--rk-muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.rk-purchase-price { display: block; margin: 5px 0 18px; color: #fff; font-size: 32px; line-height: 1.1; }
.rk-purchase-seller { display: flex; align-items: center; gap: 11px; padding: 12px; background: rgba(4,16,31,.55); border: 1px solid var(--rk-border); border-radius: 13px; }
.rk-purchase-seller img { width: 44px; height: 44px; flex: 0 0 44px; object-fit: cover; border-radius: 50%; }
.rk-purchase-seller-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.rk-purchase-seller-copy small { color: var(--rk-muted); }
.rk-purchase-seller-copy a { color: #fff; font-weight: 800; overflow-wrap: anywhere; }
.rk-purchase-seller-copy span { color: #9ff0cb; font-size: 11px; }
.rk-purchase-benefits { display: grid; gap: 0; margin: 16px 0; padding: 0; list-style: none; }
.rk-purchase-benefits li { display: flex; align-items: center; gap: 9px; padding: 10px 0; border-bottom: 1px solid rgba(126,178,226,.12); color: var(--rk-text-soft); font-size: 12px; }
.rk-purchase-benefits li:last-child { border-bottom: 0; }
.rk-purchase-benefits i { width: 18px; color: var(--rk-accent); text-align: center; }
.rk-purchase-card form { margin: 0; }
.rk-purchase-card label { display: block; margin-bottom: 6px; color: var(--rk-text-soft); font-size: 12px; }
.rk-purchase-card input { width: 100%; margin-bottom: 10px; }
.rk-purchase-cta, .rk-purchase-secondary { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; font-weight: 800; text-decoration: none; cursor: pointer; }
.rk-purchase-cta { border: 1px solid rgba(98,217,255,.55); color: #04121f; background: linear-gradient(135deg, #62d9ff, #298cff); }
.rk-purchase-secondary { border: 1px solid var(--rk-border-strong); color: var(--rk-text-soft); background: rgba(255,255,255,.045); }
.rk-purchase-watchlist { margin-top: 10px !important; }
.rk-purchase-cta:hover, .rk-purchase-secondary:hover { color: inherit; filter: brightness(1.08); text-decoration: none; }

/* Compact pending-offer state; keep the legacy status treatment off this card. */
.offer-status.wait-status {
    position: relative;
    min-height: 0;
    margin: 16px 0;
    padding: 18px 20px;
    overflow: hidden;
    border: 1px solid rgba(98,217,255,.24);
    border-radius: 16px;
    background: linear-gradient(135deg, #0d2440, #09192d);
    color: var(--rk-text-soft);
}
.offer-status.wait-status .background-pattern,
.offer-status.wait-status .background-color { display: none; }
.rk-wait-status-content { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.rk-wait-status-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.rk-wait-status-copy strong { color: #f7f9fc; font-size: 16px; line-height: 1.25; }
.rk-wait-status-copy span { color: var(--rk-muted); font-size: 12px; line-height: 1.4; }
.rk-wait-status-icon { flex: 0 0 auto; }
.offer-status.wait-status .rk-wait-status-icon .notification-circle { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(53,199,255,.34); border-radius: 50%; background: rgba(53,199,255,.12); color: var(--rk-accent); font-size: 16px; }
.offer-status.wait-status .rk-wait-status-icon .notification-circle i { margin: 0; }
.rk-wait-status-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 767px) {
    .offer-status.wait-status { margin: 12px 0; padding: 16px 18px; }
    .rk-wait-status-content { gap: 12px; }
    .rk-wait-status-copy strong { font-size: 15px; }
    .rk-wait-status-copy span { font-size: 11px; }
    .offer-status.wait-status .rk-wait-status-icon .notification-circle { width: 34px; height: 34px; font-size: 14px; }
}

/* Seller accept confirmation: replace the legacy full-height modal skin only here. */
#modal_accept .modal-dialog { width: calc(100% - 32px); max-width: 460px; margin: 10vh auto 24px; }
#modal_accept .modal-content { min-height: 0; height: auto; overflow: hidden; border: 1px solid var(--rk-border-strong); border-radius: 18px; background: #0d1c31; box-shadow: 0 22px 70px rgba(0,0,0,.48); }
#modal_accept .modal-header { min-height: 0; padding: 0; background: linear-gradient(135deg, #0d2946, #0b1a2d); border: 0; }
#modal_accept .modal-header .background-pattern { display: none; }
#modal_accept .modal-header .title { padding: 18px 20px; }
#modal_accept .modal-title { margin: 0; color: #f7f9fc; font-size: 17px; line-height: 1.3; }
#modal_accept .modal-title i { margin-right: 7px; color: var(--rk-accent); }
#modal_accept .modal-header .close { top: 12px; right: 14px; color: #b9c9da; opacity: .9; }
#modal_accept .modal-body { min-height: 0; padding: 18px 20px; background: #0d1c31; color: var(--rk-text-soft); line-height: 1.55; }
#modal_accept .modal-body > span { display: flex; align-items: flex-start; gap: 9px; }
#modal_accept .modal-body > span i { flex: 0 0 auto; margin-top: 3px; color: var(--rk-accent); }
#modal_accept .modal-footer { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding: 14px 20px !important; background: #0a1729; border-top: 1px solid var(--rk-border) !important; }
#modal_accept #form-accept { display: none; }
#modal_accept .modal-footer .btn { display: inline-flex; min-width: 110px; min-height: 44px; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 11px; font-size: 12px; line-height: 1.2; white-space: normal; }
#modal_accept .modal-footer .btn-dark { color: var(--rk-text-soft) !important; background: rgba(255,255,255,.05); border: 1px solid var(--rk-border); }
#modal_accept .modal-footer .btn-success { color: #04121f !important; background: linear-gradient(135deg, #62d9ff, #298cff); border: 1px solid rgba(98,217,255,.5); }
@media (max-width: 380px) {
    #modal_accept .modal-dialog { width: calc(100% - 24px); margin-top: 8vh; }
    #modal_accept .modal-footer { align-items: stretch; flex-direction: column-reverse; }
    #modal_accept .modal-footer .btn { width: 100%; }
}

/* Compact paid-waiting status on the accepted-offer Deal Room state. */
.offer-status.rk-payment-wait-status {
    min-height: 0;
    margin: 16px 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(98,217,255,.24);
    border-radius: 16px;
    background: linear-gradient(135deg, #0d2440, #09192d);
}
.rk-payment-wait-status .background-pattern,
.rk-payment-wait-status .background-color { display: none; }
.rk-payment-wait-status .offer-status-wrapper { min-height: 0; padding: 17px 20px; gap: 16px; }
.rk-payment-wait-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; color: #f7f9fc !important; }
.rk-payment-wait-copy strong { color: #f7f9fc; font-size: 16px; line-height: 1.25; }
.rk-payment-wait-copy span { color: var(--rk-muted); font-size: 12px; line-height: 1.4; }
.rk-payment-wait-icon { flex: 0 0 auto; }
.rk-payment-wait-icon > .hidden-xs-down { display: none !important; }
.rk-payment-wait-icon > .notification-circle { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; margin: 0; border: 1px solid rgba(53,199,255,.34); border-radius: 50%; background: rgba(53,199,255,.12); color: var(--rk-accent); font-size: 14px; line-height: 1; opacity: 1; }
@media (max-width: 767px) {
    .offer-status.rk-payment-wait-status { margin: 12px 0; }
    .rk-payment-wait-status .offer-status-wrapper { padding: 16px 18px; gap: 12px; }
    .rk-payment-wait-copy strong { font-size: 15px; }
    .rk-payment-wait-copy span { font-size: 11px; }
    .rk-payment-wait-icon > .notification-circle { width: 34px; height: 34px; font-size: 13px; }
}

/* Shared passive Deal Room status icon treatment. */
.offer-status .notification-circle {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid rgba(53,199,255,.28);
    border-radius: 50%;
    background: rgba(53,199,255,.11);
    color: #35c7ff;
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
}
.offer-status .notification-circle i { margin: 0; line-height: 1; }
.offer-status .notification-circle.complete { border-color: rgba(53,211,154,.30); background: rgba(53,211,154,.12); color: #53e0a5; }
.offer-status .notification-circle.bg-danger { border-color: rgba(255,105,128,.32); background: rgba(255,105,128,.12); color: #ff7890; }
.offer-status .notification-circle.opacity { opacity: .48; }
@media (max-width: 767px) {
.offer-status .notification-circle { width: 34px; height: 34px; font-size: 13px; }
}

/* Passive Deal Room states use inline status glyphs, never button-like circles. */
.offer-status .rk-deal-status-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--rk-accent);
    font-size: 16px;
    line-height: 1;
    pointer-events: none;
}
.offer-status .rk-deal-status-icon.is-success { color: #53e0a5; }
.offer-status .rk-deal-status-icon.is-declined { color: #ff7890; }

/* The AJAX notification partial has one artwork column and one content column. */
.rk-shell .dropdown-notifications-content > .notification .notification-status-icon {
    margin-right: 3px;
    font-size: 10px;
}
.rk-shell .dropdown-notifications-content > .notification .notification-status-icon.is-accepted { color: #53e0a5; }
.rk-shell .dropdown-notifications-content > .notification .notification-status-icon.is-declined { color: #ff7890; }

/* Notification rows: keep artwork and status affordances compact and separate. */
@media (max-width: 767px) {
    .rk-shell .dropdown-notifications-content > .notification {
        display: flex;
        align-items: center;
        gap: 11px;
        min-height: 64px;
        padding: 9px 12px;
    }
    .rk-shell .dropdown-notifications-content > .notification .icons {
        display: flex;
        width: 44px;
        height: 42px;
        flex: 0 0 44px;
        align-items: center;
        gap: 4px;
        min-width: 0;
    }
    .rk-shell .dropdown-notifications-content > .notification .icons .avatar,
    .rk-shell .dropdown-notifications-content > .notification .icons .avatar img {
        width: 42px;
        height: 42px;
        margin-left: 0 !important;
        flex: 0 0 42px;
        object-fit: cover;
        border-radius: 10px;
    }
    .rk-shell .dropdown-notifications-content > .notification .icons .circle-icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        line-height: 18px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 50%;
        font-size: 9px;
        text-align: center;
        z-index: 1;
    }
    .rk-shell .dropdown-notifications-content > .notification .icons:has(.circle-icon) {
        width: 64px;
        flex-basis: 64px;
    }
    .rk-shell .dropdown-notifications-content > .notification .info {
        min-width: 0;
        flex: 1 1 auto;
    }
    .rk-shell .dropdown-notifications-content > .notification .info h1 {
        margin: 0;
        overflow-wrap: anywhere;
        font-size: 11px;
        line-height: 1.35;
    }
    .rk-shell .dropdown-notifications-content > .notification .info p {
        display: flex;
        align-items: center;
        gap: 5px;
        margin: 4px 0 0;
        overflow-wrap: anywhere;
        font-size: 10px;
        line-height: 1.2;
    }
    .rk-shell .dropdown-notifications-content > .notification .info p i { flex: 0 0 auto; }
}
@media (max-width: 767px) {
    .rk-listing-page { padding: 12px 10px 32px; }
    .rk-listing-layout { display: flex; flex-direction: column; gap: 14px; }
    .rk-listing-main, .rk-listing-purchase { width: 100%; }
    .rk-listing-hero-image { aspect-ratio: 16 / 10; max-height: min(58vw, 360px); border-radius: 16px; }
    .rk-listing-thumb { width: 72px; height: 54px; flex-basis: 72px; }
    .rk-listing-game { align-items: flex-start; }
    .rk-listing-info h1 { margin-top: 8px; line-height: 1.15; overflow-wrap: anywhere; }
    .rk-listing-flags { gap: 7px; }
    .rk-protection-steps { grid-template-columns: 1fr; }
    .rk-protection-step { flex-direction: row; align-items: center; gap: 12px; min-height: 48px; }
    .rk-purchase-card { padding: 16px; }
    .rk-purchase-price { margin-bottom: 15px; font-size: 29px; }
}
.form-control, .custom-select, select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: 42px; color: var(--rk-text) !important; background-color: #091628 !important; border: 1px solid var(--rk-border) !important; border-radius: var(--rk-radius-sm); box-shadow: none !important; }
textarea.form-control { min-height: 104px; }
.form-control::placeholder { color: #6e849f; }
.form-control:focus, select:focus, textarea:focus { border-color: var(--rk-accent) !important; background-color: #0b1b30 !important; }
label { color: var(--rk-text-soft); font-size: 12px; font-weight: 700; }
.has-error .form-control, .form-control.is-invalid { border-color: rgba(240,91,108,.75) !important; }
.help-block, .invalid-feedback { color: #ffacb6 !important; }
.alert { border-radius: var(--rk-radius-md); border-width: 1px; box-shadow: none; }
.alert-success { color: #b7f5dc; background: rgba(53,211,154,.10); border-color: rgba(53,211,154,.28); }
.alert-warning { color: #ffe5a4; background: rgba(245,190,66,.10); border-color: rgba(245,190,66,.28); }
.alert-danger { color: #ffc4cb; background: rgba(240,91,108,.10); border-color: rgba(240,91,108,.28); }
.table { color: var(--rk-text-soft); }
.table thead th { color: var(--rk-muted); border-bottom: 1px solid var(--rk-border-strong); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.table td, .table th { border-color: rgba(142,184,226,.10); vertical-align: middle; }
.table-hover tbody tr:hover { background: rgba(98,217,255,.05); }
.pagination > li > a, .pagination > li > span { color: var(--rk-text-soft); background: var(--rk-surface); border-color: var(--rk-border); }
.pagination > .active > a, .pagination > .active > span { color: #04121f; background: var(--rk-accent); border-color: var(--rk-accent); }

/* Marketplace, wanted, listings and account DNA share one information rhythm. */
.market-subheader, .marketplace-hero, .wanted-hero { margin-bottom: 22px; }
.market-toolbar, .market-filter-card, .market-section-head { border-radius: var(--rk-radius-md); }
.market-toolbar { padding: 14px; background: rgba(13,29,49,.8); border: 1px solid var(--rk-border); }
.market-toolbar .form-control, .market-toolbar select { min-height: 40px; }
.account-card, .listing-card, .game-card, .wanted-card { overflow: hidden; }
.account-card:hover, .listing-card:hover, .game-card:hover, .wanted-card:hover { border-color: var(--rk-border-strong); box-shadow: var(--rk-shadow-hover); }
.account-card .card-body, .listing-card .card-body { padding: 16px; }
.account-card-game img, .game-card img { object-fit: contain !important; background: #081321; }
.market-price, .listing-price { color: #fff; font-weight: 800; }
.account-spec-grid > div, .account-dna-grid > div { background: rgba(255,255,255,.035); border: 1px solid rgba(142,184,226,.11); border-radius: var(--rk-radius-sm); }
.active-filters, .filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.active-filters .badge, .filter-chips .badge { padding: 7px 10px; color: #c9f4ff; background: rgba(98,217,255,.10); border: 1px solid rgba(98,217,255,.24); }
.market-form-section { background: rgba(7,18,32,.48); border: 1px solid rgba(142,184,226,.12); border-radius: var(--rk-radius-md); }
.wanted-card, .wanted-game { padding: 18px; }

/* Empty, modal, notification, messenger and footer consistency. */
.rk-empty-state { max-width: 640px; margin: 28px auto; padding: 34px 24px; text-align: center; }
.rk-empty-state i { color: var(--rk-accent); font-size: 28px; }
.modal-content { overflow: hidden; color: var(--rk-text-soft); background: #0d1c31; border: 1px solid var(--rk-border-strong); border-radius: var(--rk-radius-lg); box-shadow: 0 25px 80px rgba(0,0,0,.5); }
.modal-header, .modal-footer { border-color: var(--rk-border); }
.modal-header { background: rgba(98,217,255,.045); }
.close { color: var(--rk-text-soft); opacity: .8; text-shadow: none; }
.dropdown-menu { min-width: 190px; padding: 7px; color: var(--rk-text-soft); background: #0d1c31; border: 1px solid var(--rk-border); border-radius: var(--rk-radius-md); box-shadow: var(--rk-shadow); }
.dropdown-menu > li > a, .dropdown-item { padding: 9px 11px; color: var(--rk-text-soft); border-radius: 7px; }
.dropdown-menu > li > a:hover, .dropdown-item:hover { color: #fff; background: rgba(98,217,255,.10); }
.site-footer { margin-top: 30px; padding: 36px clamp(16px, 4vw, 54px) 26px; background: #06101e; border-top: 1px solid var(--rk-border); }
.footer-menu a { color: var(--rk-muted); }
.footer-menu a:hover { color: var(--rk-accent); }
.rk-history-mark { display: inline-flex; align-items: center; gap: 3px; margin-left: 10px; padding: 3px 6px; color: #6d86a3; border: 1px solid rgba(98,217,255,.16); border-radius: 4px; font: 700 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; cursor: pointer; opacity: .76; transition: color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.rk-history-mark span { color: var(--rk-accent); }
.rk-history-mark:hover, .rk-history-mark:focus-visible { color: #d5f7ff; border-color: rgba(98,217,255,.48); box-shadow: 0 0 14px rgba(98,217,255,.14); }
body.rk-history-signal::after { content: 'SIGNAL FOUND  //  PLAYER 01 READY'; position: fixed; right: 18px; bottom: 18px; z-index: 1040; padding: 8px 10px; color: #a9f1ff; background: rgba(7,17,31,.94); border: 1px solid rgba(98,217,255,.34); border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.28); font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; pointer-events: none; animation: rk-history-signal-in .18s ease-out; }
@keyframes rk-history-signal-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 767px) {
    .page-content { padding-top: 18px; padding-bottom: 42px; }
    .site-navbar .navbar-offcanvas { width: min(310px, 86vw) !important; padding: 14px 12px !important; }
    .site-navbar .navbar-offcanvas .site-menu > .site-menu-item > a { min-height: 44px !important; }
    .market-toolbar { padding: 10px; }
    .market-toolbar, .market-toolbar-actions, .market-hero-search { gap: 8px; }
    .table-responsive { border: 0; margin-bottom: 0; }
    .table-responsive > .table { min-width: 620px; }
    .rk-empty-state { margin: 18px auto; padding: 26px 17px; }
    .modal-dialog { width: auto; margin: 10px; }
    .modal-body { max-height: calc(100vh - 150px); overflow-y: auto; }
    .site-footer .flex-center-space, .site-footer .social { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 430px) {
    .container-fluid { padding-left: 10px; padding-right: 10px; }
    .page h1 { font-size: 25px; }
    .btn { min-height: 42px; }
    .market-toolbar .btn, .market-form button[type="submit"] { width: 100%; }
    .account-spec-grid, .account-dna-grid { grid-template-columns: 1fr !important; }
    .rk-empty-state { border-radius: var(--rk-radius-md); }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .btn:hover { transform: none; }
    body.rk-history-signal::after { animation: none; }
}
/* ===== END PHASE 12.5 PREMIUM SITE-WIDE VISUAL POLISH ===== */

/* ===== PHASE 12.5C MOBILE NAVIGATION EMERGENCY CLOSURE ===== */
@media (max-width: 767px) {
    html, body { max-width: 100%; overflow-x: hidden !important; }
    .site-navbar { height: 66px !important; min-height: 66px !important; }
    .site-navbar .navbar-header { position: relative; z-index: 3101 !important; height: 66px !important; }
    .site-navbar .navbar-header .offcanvas-toggle,
    .site-navbar .navbar-header > .navbar-toggler:not(.offcanvas-toggle) {
        position: absolute !important; top: 12px !important; width: 42px !important; height: 42px !important;
        margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center;
        border-radius: 11px; z-index: 3102 !important;
    }
    .site-navbar .navbar-header .offcanvas-toggle { left: 10px !important; }
    .site-navbar .navbar-header > .navbar-toggler:not(.offcanvas-toggle) { right: 10px !important; }
    .site-navbar .navbar-brand-center { left: 58px !important; right: 58px !important; width: auto !important; max-width: none !important; justify-content: center; }
    .site-navbar .navbar-offcanvas {
        position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important;
        width: min(310px, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px) !important; height: 100dvh !important;
        margin: 0 !important; padding: 78px 12px 20px !important; overflow-x: hidden !important; overflow-y: auto !important;
        transform: translate3d(-100%, 0, 0) !important; z-index: 3100 !important;
        transition: transform .22s ease !important;
    }
    .site-navbar .navbar-offcanvas.in { transform: translate3d(0, 0, 0) !important; }
    body.offcanvas-stop-scrolling::after {
        content: ''; position: fixed; inset: 0; z-index: 3090; background: rgba(2, 8, 18, .64); cursor: pointer;
    }
    .site-navbar .userbar { position: absolute !important; top: 0; right: 0; left: 0; width: 100% !important; max-width: none !important; height: 66px !important; z-index: 3000; }
    .site-navbar .navbar-collapse-toolbar { position: fixed !important; top: 66px !important; right: 8px !important; left: 8px !important; width: auto !important; height: auto !important; max-height: calc(100dvh - 78px); overflow-y: auto; padding: 10px !important; background: #091628; border: 1px solid var(--rk-border-strong); border-radius: 12px; box-shadow: var(--rk-shadow); }
    .site-navbar .navbar-collapse-toolbar:not(.in) { display: none !important; }
    .site-navbar .navbar-toolbar-right { display: flex !important; flex-wrap: wrap !important; width: 100%; height: auto !important; justify-content: flex-end; gap: 4px; }
    .site-navbar .navbar-toolbar-right > li { height: 48px !important; }
    .site-navbar .navbar-toolbar-right .nav-link { height: 48px !important; min-width: 44px; padding: 8px 10px !important; }
    .site-navbar .navbar-avatar + .dropdown-menu { position: fixed !important; top: 72px !important; right: 8px !important; width: min(290px, calc(100vw - 16px)) !important; max-height: calc(100dvh - 82px); overflow-y: auto !important; z-index: 3200 !important; }
    .site-navbar .dropdown-menu-nofications { position: fixed !important; top: 72px !important; right: 8px !important; width: min(360px, calc(100vw - 16px)) !important; max-height: calc(100dvh - 82px) !important; overflow-y: auto !important; z-index: 3200 !important; }
    .site-navbar .navbar-collapse-toolbar > .navbar-toggler { display: none !important; }
}
/* ===== END PHASE 12.5C MOBILE NAVIGATION EMERGENCY CLOSURE ===== */

/* ===== PHASE 12.6 RANKKEEP MAINSTREAM MARKETPLACE SYSTEM ===== */
.rk-mobile-bottom-nav { display:none; }
.rk-home, .rk-accounts-page, .rk-wanted-page, .marketplace-shell { color:var(--rk-text); }
.rk-wrap { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
.rk-home .rk-section { padding:52px 0; }
.rk-home .rk-section:nth-of-type(even) { background:rgba(13,29,49,.42); }
.rk-home .rk-head h2 { font-size:clamp(24px, 3vw, 34px); letter-spacing:-.03em; }
.rk-home .rk-head p { font-size:14px; color:var(--rk-muted); }
.rk-home .rk-discover>a, .rk-home .rk-listing, .rk-home .rk-benefits>div, .rk-home .rk-how>div { background:var(--rk-surface); border:1px solid var(--rk-border); border-radius:var(--rk-radius-lg); box-shadow:var(--rk-shadow); }
.rk-home .rk-discover>a { min-height:190px; padding:26px; transition:transform .18s ease, border-color .18s ease; }
.rk-home .rk-discover>a:hover { transform:translateY(-2px); border-color:var(--rk-border-strong); }
.rk-home .rk-games>a { min-height:92px; border:1px solid var(--rk-border); background:var(--rk-surface); border-radius:var(--rk-radius-md); }
.rk-home .rk-listing { padding:18px; }
.rk-home .rk-listing-title strong { font-size:14px; }
.rk-home .rk-listing-bottom>strong { font-size:20px; }
.account-card, .rk-account-card { border:1px solid var(--rk-border); border-radius:var(--rk-radius-lg); background:var(--rk-surface); box-shadow:var(--rk-shadow); }
.account-card-cover { aspect-ratio:16/10; background:#081321; }
.account-card-cover img { width:100%; height:100%; object-fit:cover; }
.rk-card-title { font-size:17px; line-height:1.3; }
.rk-card-tags { gap:6px; }
.rk-card-tags .rk-tag { font-size:11px; }
.rk-discovery-search, .rk-hero-search { border:1px solid var(--rk-border-strong); }
.rk-market-hero-copy { padding:42px 18px 46px; }
.market-toolbar, .market-filter-card { box-shadow:none; }
.rk-empty-state { min-height:0; }

@media (max-width:767px) {
    body { padding-bottom:70px; }
    .rk-mobile-bottom-nav { position:fixed; display:grid; grid-template-columns:repeat(5,1fr); gap:2px; left:0; right:0; bottom:0; z-index:3080; padding:7px 8px calc(7px + env(safe-area-inset-bottom)); background:rgba(6,16,31,.97); border-top:1px solid var(--rk-border-strong); box-shadow:0 -10px 30px rgba(0,0,0,.28); }
    .rk-mobile-bottom-nav a { min-height:52px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:var(--rk-muted); font-size:10px; font-weight:800; text-decoration:none; border-radius:9px; }
    .rk-mobile-bottom-nav a i { font-size:16px; }
    .rk-mobile-bottom-nav a.is-active, .rk-mobile-bottom-nav a:focus-visible { color:var(--rk-accent); background:rgba(98,217,255,.10); }
    .rk-wrap { width:calc(100% - 28px); }
    .rk-home .rk-section { padding:38px 0; }
    .rk-home .rk-hero { padding:34px 0 38px; }
    .rk-home .rk-hero h1 { font-size:clamp(32px, 10vw, 43px); line-height:1.06; }
    .rk-home .rk-lead { font-size:14px; line-height:1.55; }
    .rk-home .rk-trust { flex-wrap:wrap; gap:8px 14px; }
    .rk-home .rk-discover>a { min-height:0; padding:21px; }
    .rk-home .rk-games { grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
    .rk-home .rk-games>a { min-height:78px; padding:10px; }
    .rk-home .rk-games strong { font-size:11px; }
    .rk-home .rk-listings { grid-template-columns:1fr; }
    .rk-home .rk-head { align-items:flex-start; gap:12px; }
    .rk-market-hero-copy { padding:28px 10px 32px; }
    .rk-market-hero-copy h1 { font-size:clamp(28px, 8vw, 36px); }
    .rk-discovery-search, .rk-hero-search { align-items:stretch; flex-wrap:wrap; }
    .rk-discovery-search input, .rk-hero-search input { flex-basis:calc(100% - 30px); }
    .rk-discovery-search button, .rk-hero-search button { width:100%; }
    .account-card-cover { aspect-ratio:16/10; }
    .rk-empty-state { padding:24px 16px; }
}
@media (max-width:380px) {
    .rk-home .rk-games { grid-template-columns:1fr; }
    .rk-mobile-bottom-nav a { font-size:9px; }
}

/* Optional, cosmetic-only identity layer. Disabled on sensitive paths. */
.rk-crt-mode::before { content:''; position:fixed; inset:0; z-index:3070; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(98,217,255,.025) 0,rgba(98,217,255,.025) 1px,transparent 1px,transparent 4px); mix-blend-mode:screen; }
.rk-logo-glitch { animation:rk-logo-glitch .16s steps(2) 2; }
@keyframes rk-logo-glitch { 50% { filter:drop-shadow(2px 0 #62d9ff) drop-shadow(-2px 0 #f05b6c); transform:skewX(-3deg); } }
.rk-legendary-shimmer { animation:rk-card-shimmer .8s ease-out; }
@keyframes rk-card-shimmer { 0% { box-shadow:var(--rk-shadow); } 35% { box-shadow:0 0 0 1px rgba(98,217,255,.5), 0 0 28px rgba(98,217,255,.22); } 100% { box-shadow:var(--rk-shadow); } }
.rk-pixel-sprite { position:fixed; right:14px; bottom:84px; z-index:3075; pointer-events:none; color:var(--rk-accent); font-size:12px; opacity:.72; }
.rk-404-state .page h1 { animation:rk-404-reform .7s steps(3) 1; }
@keyframes rk-404-reform { 25% { letter-spacing:.2em; opacity:.55; } 60% { letter-spacing:-.04em; opacity:1; } }
.rk-seasonal-default { --rk-seasonal-accent:var(--rk-accent); }
@media (prefers-reduced-motion:reduce) { .rk-logo-glitch, .rk-legendary-shimmer { animation:none; } .rk-crt-mode::before { display:none; } }
/* ===== END PHASE 12.6 RANKKEEP MAINSTREAM MARKETPLACE SYSTEM ===== */

/* ===== PHASE 12.7 NATIVE RANKKEEP SHELL ===== */
.rk-shell { height:72px; min-height:72px; padding:0; background:rgba(6,14,27,.96); border-bottom:1px solid rgba(98,217,255,.16); box-shadow:0 8px 30px rgba(0,0,0,.22); }
.rk-shell-bar { width:min(1440px,calc(100% - 48px)); height:72px; margin:auto; display:flex; align-items:center; gap:22px; }
.rk-shell-brand { flex:0 0 132px; display:flex; align-items:center; justify-content:center; height:72px; }
.rk-shell-brand img { max-width:126px; max-height:42px; }
.rk-shell-search { flex:1 1 360px; max-width:430px; height:42px; display:flex; align-items:center; gap:10px; padding:0 8px 0 14px; background:#0d1c31; border:1px solid rgba(142,184,226,.2); border-radius:10px; }
.rk-shell-search i { color:var(--rk-accent); }.rk-shell-search input { min-width:0; flex:1; height:38px; color:#fff; background:transparent; border:0; outline:0; }.rk-shell-search button { height:32px; padding:0 13px; color:#061421; background:var(--rk-accent); border:0; border-radius:7px; font-size:11px; font-weight:800; }
.rk-shell-links { display:flex; align-items:center; gap:4px; }.rk-shell-links a,.rk-shell-signin { padding:10px 12px; color:#b9c9db; font-size:13px; font-weight:700; text-decoration:none; border-radius:8px; }.rk-shell-links a:hover,.rk-shell-links a.is-active { color:#fff; background:rgba(98,217,255,.1); }.rk-shell-links .rk-shell-sell,.rk-shell-join { color:#061421; background:var(--rk-accent); }
.rk-shell-utilities { display:flex; align-items:center; gap:8px; margin-left:auto; }.rk-shell-icon { position:relative; width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#bdd0e4; border-radius:9px; text-decoration:none; }.rk-shell-icon:hover { color:#fff; background:rgba(98,217,255,.1); }.rk-shell-icon b { position:absolute; top:2px; right:1px; min-width:15px; padding:2px 4px; color:#061421; background:#62d9ff; border-radius:99px; font-size:9px; text-align:center; }.rk-shell-account { display:flex; align-items:center; gap:7px; max-width:160px; padding:5px 8px; color:#d6e3f2; text-decoration:none; border-radius:9px; }.rk-shell-account:hover { background:rgba(98,217,255,.1); }.rk-shell-account img { width:30px; height:30px; object-fit:cover; border-radius:50%; }.rk-shell-account span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:700; }.rk-shell-account i { color:var(--rk-muted); font-size:10px; }.rk-shell-dropdown .dropdown-menu { top:calc(100% + 8px); right:0; left:auto; min-width:220px; padding:8px; }.rk-account-menu-intro { padding:10px 11px; border-bottom:1px solid var(--rk-border); }.rk-account-menu-intro small { display:block; color:var(--rk-accent); font-size:9px; letter-spacing:.1em; }.rk-account-menu-intro strong { display:block; margin-top:3px; color:#fff; }.rk-account-menu-intro + .dropdown-item { margin-top:5px; }.rk-shell-dropdown form { margin:0; }.rk-shell-overflow,.rk-shell-menu,.rk-shell-mobile-panel { display:none; }
.rk-shell-search-mobile { display:none; }
@media (max-width:1100px) { .rk-shell-bar { width:calc(100% - 28px); gap:12px; }.rk-shell-links a { padding-inline:8px; }.rk-shell-account span { display:none; }.rk-shell-search { max-width:340px; } }
@media (max-width:767px) { .rk-shell { height:64px; min-height:64px; }.rk-shell-bar { width:calc(100% - 16px); height:64px; gap:8px; }.rk-shell-menu,.rk-shell-overflow { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; color:#d7e7f5; background:#10213c; border:1px solid rgba(91,136,210,.35); border-radius:10px; }.rk-shell-menu { order:0; }.rk-shell-brand { flex:1 1 auto; height:64px; }.rk-shell-brand img { max-width:106px; max-height:34px; }.rk-shell-search,.rk-shell-links { display:none; }.rk-shell-utilities { margin-left:0; gap:2px; }.rk-shell-utilities .rk-shell-account { display:none; }.rk-shell-utilities .rk-shell-icon { width:38px; height:42px; }.rk-shell-overflow { order:5; }.rk-shell-mobile-panel { position:fixed; top:72px; right:8px; left:8px; z-index:3200; padding:9px; background:#0b192c; border:1px solid var(--rk-border-strong); border-radius:12px; box-shadow:var(--rk-shadow); }.rk-shell-mobile-panel.in { display:grid; gap:3px; }.rk-shell-mobile-panel a { display:flex; align-items:center; gap:11px; min-height:44px; padding:10px 12px; color:#c5d5e6; border-radius:8px; text-decoration:none; font-size:13px; font-weight:700; }.rk-shell-mobile-panel a:hover,.rk-shell-mobile-panel a:focus-visible { color:#fff; background:rgba(98,217,255,.1); }.rk-shell-mobile-panel i { width:20px; color:var(--rk-accent); text-align:center; }.rk-shell-search-mobile { position:fixed; top:72px; left:8px; right:8px; z-index:3200; padding:9px; background:#0b192c; border:1px solid var(--rk-border-strong); border-radius:12px; }.rk-shell-search-mobile.in { display:block; }.rk-shell-search-mobile form { display:flex; align-items:center; gap:8px; }.rk-shell-search-mobile input { min-width:0; flex:1; height:42px; color:#fff; background:#091628; border:1px solid var(--rk-border); border-radius:8px; padding:0 10px; }.rk-shell-search-mobile button[type=submit] { height:42px; padding:0 12px; color:#061421; background:var(--rk-accent); border:0; border-radius:8px; font-weight:800; }.rk-shell-search-mobile .input-search-close { width:38px; height:42px; color:#c5d5e6; background:transparent; border:0; }.rk-drawer-menu { padding-top:0!important; }.rk-drawer-heading { padding:18px 12px 7px; color:var(--rk-accent); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.rk-drawer-menu .site-menu-item a { display:grid!important; grid-template-columns:26px 1fr auto; gap:4px 9px; align-items:center; min-height:54px!important; }.rk-drawer-menu .site-menu-item a small { grid-column:2; color:var(--rk-muted); font-size:10px; }.rk-drawer-close a { display:flex!important; }.rk-drawer-close a i { margin-right:8px; }.rk-drawer-close a small { display:none; }
}
@media (min-width:768px) { .rk-shell .navigation,.rk-shell-menu,.rk-shell-overflow { display:none!important; } }
@media (prefers-reduced-motion:reduce) { .rk-shell * { transition:none!important; } }
/* ===== END PHASE 12.7 NATIVE RANKKEEP SHELL ===== */

/* ===== F3 DASHBOARD + HEADER POLISH ===== */
.rk-founding-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 0,rgba(246,190,72,.12),transparent 28%),linear-gradient(135deg,#102b4a,#0b1729 66%,#11162b)!important;border-color:rgba(98,217,255,.35)!important;box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 30px rgba(53,213,255,.08)!important}
.rk-founding-card:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(98,217,255,.44),rgba(246,190,72,.26),transparent 66%);background-size:220% 100%;content:"";opacity:.62;animation:rk-founding-border 7s linear infinite}
.rk-founding-card:after{position:absolute;top:-70%;left:-35%;z-index:-1;width:45%;height:240%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.07),transparent);content:"";transform:rotate(20deg);animation:rk-founding-sweep 8.5s ease-in-out infinite}
.rk-founding-card .rk-founding-eyebrow{color:#74e4ff!important;text-shadow:0 0 12px rgba(98,217,255,.55);animation:rk-founding-breathe 3.8s ease-in-out infinite}
.rk-founding-card .rk-founding-head h2{display:flex;align-items:center;gap:7px}
.rk-founding-card .rk-founding-head h2 i{color:#f6c85f;font-size:.78em;text-shadow:0 0 12px rgba(246,190,72,.48)}
.rk-founding-card .rk-founding-number{padding:5px 9px;background:linear-gradient(135deg,rgba(246,190,72,.2),rgba(53,213,255,.14));border:1px solid rgba(246,200,95,.55);border-radius:999px;color:#ffe4a0!important;box-shadow:0 0 17px rgba(246,190,72,.16)}
.rk-founding-benefit{position:relative;display:grid!important;grid-template-columns:22px 1fr;column-gap:7px;align-items:center}
.rk-founding-benefit i{grid-row:span 2;color:#75ddff;text-align:center;text-shadow:0 0 10px rgba(98,217,255,.42)}
.rk-founding-benefit:nth-child(2) i{color:#f6c85f;text-shadow:0 0 10px rgba(246,190,72,.36)}
.rk-founding-benefit strong{grid-column:2}
.rk-founding-progress-head span{display:inline-flex;align-items:center;gap:5px}.rk-founding-progress-head span i{color:#f6c85f}
.rk-founding-progress{box-shadow:inset 0 0 8px rgba(0,0,0,.4),0 0 12px rgba(53,213,255,.1)}
.rk-founding-progress span{background:linear-gradient(90deg,#2388ff,#35d5ff 65%,#f6c85f);box-shadow:0 0 12px rgba(98,217,255,.45)}
.rk-dashboard .rk-pro-panel h2{font-size:18px!important;line-height:1.2!important}
.rk-dashboard .rk-pro-panel .rk-pro-badge{display:inline-flex;align-items:center;gap:6px}
.rk-dashboard .rk-founding-card .rk-founding-benefits{display:grid!important;gap:9px!important}
.rk-dashboard .rk-founding-card .rk-founding-benefit{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 8px!important;min-width:0!important}
.rk-dashboard .rk-founding-card .rk-founding-benefit i{grid-column:1!important;grid-row:1 / span 2!important}
.rk-dashboard .rk-founding-card .rk-founding-benefit span,.rk-dashboard .rk-founding-card .rk-founding-benefit strong{display:block!important;grid-column:2!important;margin:0!important;min-width:0!important}
.rk-dashboard .rk-founding-card .rk-founding-benefit span{line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.rk-dashboard .rk-founding-card .rk-founding-benefit strong{line-height:1.25!important}
.rk-dashboard .rk-founding-card .rk-founding-footer{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:11px!important}
.rk-dashboard .rk-founding-card .rk-founding-footer strong,.rk-dashboard .rk-founding-card .rk-founding-footer small{display:block!important;margin:0!important}
.rk-dashboard .rk-founding-card .rk-founding-progress-head{display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important}
.rk-dashboard .rk-founding-card .rk-founding-progress-head span{display:inline-flex!important;align-items:center!important;gap:5px!important}
.rk-dashboard .rk-founding-card .rk-founding-progress-head strong{display:block!important;white-space:nowrap!important}
.rk-dashboard .rk-pro-panel .rk-pro-price{display:block!important;margin:7px 0 5px!important;color:#fff!important;font-size:18px!important;line-height:1.2!important}
.rk-dashboard .rk-pro-panel .rk-pro-standard-rate{display:block!important;margin-top:3px!important;color:#8f9db4!important;font-size:10px!important}
.rk-shell .rk-shell-dropdown .dropdown-menu{min-width:238px;padding:8px;background:linear-gradient(145deg,#10223b,#0a1729)!important;border:1px solid rgba(98,217,255,.25)!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 22px rgba(53,213,255,.07)!important}
.rk-shell .rk-account-menu-intro{padding:9px 10px 10px;border-bottom:1px solid rgba(98,217,255,.13)}
.rk-shell .rk-account-menu-intro strong{font-size:13px}
.rk-shell .dropdown-menu .dropdown-item,.rk-shell .dropdown-menu form .dropdown-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;color:#d8e7f5!important;background:transparent!important;border:0;border-radius:9px;font-size:11px;font-weight:700;text-decoration:none!important}
.rk-shell .dropdown-menu .dropdown-item i,.rk-shell .dropdown-menu form .dropdown-item i{width:18px;color:#62d9ff;text-align:center}
.rk-shell .dropdown-menu .dropdown-item:hover,.rk-shell .dropdown-menu .dropdown-item:focus,.rk-shell .dropdown-menu form .dropdown-item:hover,.rk-shell .dropdown-menu form .dropdown-item:focus{color:#fff!important;background:rgba(98,217,255,.1)!important;outline:0}
.rk-shell .dropdown-menu form{margin:5px 0 0;padding-top:5px;border-top:1px solid rgba(98,217,255,.12)}
.rk-shell .dropdown-menu form .dropdown-item{width:100%;color:#d99aa3!important;text-align:left;cursor:pointer}
.rk-shell .dropdown-menu form .dropdown-item i{color:#ff7f8d}
.rk-shell .dropdown-menu form .dropdown-item:hover,.rk-shell .dropdown-menu form .dropdown-item:focus{background:rgba(220,70,90,.1)!important;color:#ffb2ba!important}
.rk-shell-mobile-panel form{margin:5px 0 0;padding-top:5px;border-top:1px solid rgba(98,217,255,.12)}
.rk-shell-mobile-panel form button{display:flex!important;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 12px;color:#d99aa3!important;background:transparent!important;border:0!important;border-radius:8px;font-size:13px;font-weight:700;text-align:left;appearance:none;-webkit-appearance:none}
.rk-shell-mobile-panel form button i{width:20px;color:#ff7f8d!important;text-align:center}
.rk-shell-mobile-panel form button:hover,.rk-shell-mobile-panel form button:focus-visible{color:#ffb2ba!important;background:rgba(220,70,90,.1)!important;outline:0}
@keyframes rk-founding-border{0%{background-position:0 0}100%{background-position:220% 0}}
@keyframes rk-founding-sweep{0%,58%{left:-35%;opacity:0}68%{opacity:.5}84%,100%{left:110%;opacity:0}}
@keyframes rk-founding-breathe{0%,100%{opacity:.82}50%{opacity:1}}
@media(max-width:767px){.rk-shell .rk-shell-dropdown .dropdown-menu{display:none}.rk-dashboard .rk-pro-panel h2{font-size:17px!important}.rk-dashboard .rk-pro-panel .rk-pro-price{font-size:17px!important}.rk-founding-card .rk-role-head{align-items:flex-start}.rk-founding-card .rk-founding-number{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.rk-founding-card:before,.rk-founding-card:after,.rk-founding-card .rk-founding-eyebrow{animation:none!important}.rk-founding-card:before{background:linear-gradient(115deg,rgba(98,217,255,.24),rgba(246,190,72,.14),rgba(98,217,255,.24))}}
/* ===== END F3 DASHBOARD + HEADER POLISH ===== */

/* ===== PHASE 12.7 NATIVE HOMEPAGE ===== */
.rk-home-v12 { background:#07101f; color:var(--rk-text); }.rk-home-frame { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }.rk-home-hero { position:relative; overflow:hidden; padding:74px 0 76px; background:radial-gradient(circle at 76% 25%,rgba(41,140,255,.18),transparent 32%),#07101f; }.rk-home-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:64px; align-items:center; }.rk-eyebrow { display:block; margin-bottom:12px; color:var(--rk-accent); font-size:10px; font-weight:900; letter-spacing:.14em; }.rk-home-hero h1 { max-width:650px; margin:0; color:#fff; font-size:clamp(42px,5.3vw,72px); line-height:.99; letter-spacing:-.055em; }.rk-home-hero-copy>p { max-width:570px; margin:22px 0; color:#a8bad0; font-size:17px; line-height:1.65; }.rk-home-search { max-width:650px; display:flex; align-items:center; gap:10px; padding:7px 8px 7px 15px; background:#102139; border:1px solid rgba(98,217,255,.3); border-radius:11px; box-shadow:0 18px 50px rgba(0,0,0,.2); }.rk-home-search i { color:var(--rk-accent); }.rk-home-search input { min-width:0; flex:1; height:43px; color:#fff; background:transparent; border:0; outline:0; }.rk-home-search button { height:39px; padding:0 15px; color:#061421; background:var(--rk-accent); border:0; border-radius:8px; font-weight:900; }.rk-home-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }.rk-action-primary,.rk-action-secondary { min-height:44px; display:inline-flex; align-items:center; gap:9px; padding:0 17px; border-radius:8px; font-size:12px; font-weight:900; text-decoration:none!important; }.rk-action-primary { color:#061421!important; background:var(--rk-accent); }.rk-action-secondary { color:#d7e8f6!important; background:#102139; border:1px solid var(--rk-border-strong); }.rk-home-proof { display:flex; flex-wrap:wrap; gap:16px; margin-top:19px; color:#8298b0; font-size:10px; }.rk-home-proof i { margin-right:5px; color:var(--rk-success); }.rk-home-hero-art { position:relative; min-height:390px; overflow:hidden; background:linear-gradient(145deg,#0c2543,#091321 64%); border:1px solid rgba(98,217,255,.25); border-radius:24px; box-shadow:0 30px 80px rgba(0,0,0,.32); }.rk-art-grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(98,217,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(98,217,255,.1) 1px,transparent 1px); background-size:28px 28px; transform:perspective(400px) rotateX(55deg) scale(1.4); transform-origin:center bottom; }.rk-art-orbit { position:absolute; border:1px solid rgba(98,217,255,.35); border-radius:50%; transform:rotate(-28deg); }.rk-art-orbit-one { width:410px; height:180px; left:calc(50% - 205px); top:105px; }.rk-art-orbit-two { width:350px; height:130px; left:calc(50% - 175px); top:130px; transform:rotate(32deg); border-color:rgba(41,140,255,.45); }.rk-art-core { position:absolute; left:50%; top:50%; width:132px; height:132px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:translate(-50%,-50%); background:radial-gradient(circle,#1d75c5,#0b1c34 68%); border:1px solid #62d9ff; border-radius:50%; box-shadow:0 0 55px rgba(98,217,255,.25); }.rk-art-core span { color:#fff; font-size:45px; font-weight:950; letter-spacing:-.1em; }.rk-art-core small { color:#9feaff; font-size:8px; letter-spacing:.16em; }.rk-art-stat { position:absolute; padding:9px 11px; background:rgba(7,16,31,.86); border:1px solid rgba(98,217,255,.22); border-radius:8px; }.rk-art-stat strong,.rk-art-stat span { display:block; }.rk-art-stat strong { color:#fff; font-size:14px; }.rk-art-stat span { margin-top:2px; color:#85a0ba; font-size:8px; }.rk-art-stat-one { top:32px; left:28px; }.rk-art-stat-two { right:26px; bottom:32px; }.rk-home-section { padding:60px 0; }.rk-home-dark { background:#091727; border-block:1px solid rgba(142,184,226,.08); }.rk-section-heading { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:24px; }.rk-section-heading h2 { margin:0; color:#fff; font-size:clamp(25px,3vw,36px); letter-spacing:-.04em; }.rk-section-heading p { margin:8px 0 0; color:var(--rk-muted); }.rk-section-heading>a { color:var(--rk-accent); font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; }.rk-discovery-grid,.rk-trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.rk-discovery-grid>a { min-height:155px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:20px; color:#fff; background:#102139; border:1px solid var(--rk-border); border-radius:14px; text-decoration:none; }.rk-discovery-grid>a:hover { border-color:var(--rk-accent); transform:translateY(-2px); }.rk-tile-icon { width:38px; height:38px; display:grid; place-items:center; margin-bottom:auto; color:var(--rk-accent); background:rgba(98,217,255,.1); border-radius:9px; }.rk-discovery-grid strong { font-size:16px; }.rk-discovery-grid small { margin-top:6px; color:#8da4bd; font-size:11px; }.rk-game-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.rk-game-tile { min-width:0; display:grid; grid-template-columns:58px minmax(0,1fr) 14px; align-items:center; gap:11px; padding:11px; color:#fff; background:#102139; border:1px solid var(--rk-border); border-radius:12px; text-decoration:none; }.rk-game-tile:hover { border-color:var(--rk-accent); }.rk-game-art { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; background:#07101f; border-radius:9px; }.rk-game-art img { width:100%; height:100%; object-fit:contain; }.rk-game-art span { color:var(--rk-accent); font-weight:900; }.rk-game-tile strong,.rk-game-tile small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.rk-game-tile strong { font-size:12px; }.rk-game-tile small { margin-top:4px; color:#8298b0; font-size:10px; }.rk-game-tile>i { color:#6f8ba7; font-size:11px; }.rk-home-listing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.rk-home-listing { overflow:hidden; color:#fff; background:#102139; border:1px solid var(--rk-border); border-radius:14px; text-decoration:none; }.rk-home-listing:hover { border-color:var(--rk-accent); }.rk-home-listing-media { position:relative; aspect-ratio:16/10; display:grid; place-items:center; overflow:hidden; background:#07101f; }.rk-home-listing-media img { width:100%; height:100%; object-fit:cover; }.rk-home-listing-media>span { color:#477092; font-size:34px; }.rk-home-listing-media>b { position:absolute; left:10px; bottom:10px; padding:5px 7px; color:#071b18; background:var(--rk-success); border-radius:5px; font-size:9px; }.rk-home-listing-body { padding:15px; }.rk-home-listing-body>span { color:var(--rk-accent); font-size:10px; font-weight:800; }.rk-home-listing-body h3 { min-height:38px; margin:5px 0 10px; color:#fff; font-size:15px; line-height:1.3; }.rk-home-listing-meta { display:flex; flex-wrap:wrap; gap:5px; }.rk-home-listing-meta small { padding:4px 6px; color:#9cb0c4; background:#0b192b; border-radius:5px; }.rk-home-listing-body>strong { display:block; margin-top:12px; color:#fff; font-size:20px; }.rk-heading-centered { justify-content:center; text-align:center; }.rk-trust-grid article { padding:24px; background:#102139; border:1px solid var(--rk-border); border-radius:14px; }.rk-trust-grid article>i { color:var(--rk-accent); font-size:22px; }.rk-trust-grid h3 { margin:14px 0 7px; color:#fff; font-size:16px; }.rk-trust-grid p { margin:0; color:#8ea4ba; font-size:12px; line-height:1.6; }.rk-home-seller { background:linear-gradient(100deg,#0d2745,#102139); }.rk-seller-callout { display:flex; justify-content:space-between; align-items:center; gap:28px; padding:38px; border:1px solid rgba(98,217,255,.28); border-radius:18px; }.rk-seller-callout h2 { margin:0; color:#fff; font-size:clamp(24px,3vw,36px); }.rk-seller-callout p { max-width:600px; margin:9px 0 0; color:#a7bed2; }
@media(max-width:900px){.rk-home-hero-grid{grid-template-columns:1fr}.rk-home-hero-art{min-height:300px}.rk-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-home-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rk-home-frame{width:calc(100% - 28px)}.rk-home-hero{padding:42px 0}.rk-home-hero h1{font-size:clamp(37px,11vw,54px)}.rk-home-hero-copy>p{font-size:14px}.rk-home-search{flex-wrap:wrap;padding:8px 10px}.rk-home-search input{flex-basis:calc(100% - 28px)}.rk-home-search button{width:100%}.rk-home-actions,.rk-home-actions>a{width:100%}.rk-action-primary,.rk-action-secondary{justify-content:center}.rk-home-hero-art{min-height:245px}.rk-art-core{width:100px;height:100px}.rk-art-core span{font-size:34px}.rk-art-orbit-one{width:300px;height:130px;left:calc(50% - 150px);top:65px}.rk-art-orbit-two{width:260px;height:100px;left:calc(50% - 130px);top:80px}.rk-section-heading{align-items:flex-start;flex-direction:column}.rk-section-heading>a{margin-top:-10px}.rk-discovery-grid,.rk-trust-grid,.rk-home-listing-grid{grid-template-columns:1fr}.rk-game-grid{grid-template-columns:1fr 1fr}.rk-seller-callout{align-items:flex-start;flex-direction:column;padding:24px}.rk-home-proof{gap:8px;font-size:9px}}
@media(max-width:380px){.rk-game-grid{grid-template-columns:1fr}}
/* ===== END PHASE 12.7 NATIVE HOMEPAGE ===== */

/* ===== PHASE 12.7 NATIVE PRODUCT + DEMAND COMPONENTS ===== */
.rk-product-card { overflow:hidden; background:#102139; border:1px solid var(--rk-border); border-radius:14px; box-shadow:var(--rk-shadow); }.rk-product-media { position:relative; display:grid; place-items:center; aspect-ratio:16/10; overflow:hidden; background:#07101f; }.rk-product-media img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }.rk-product-card:hover .rk-product-media img { transform:scale(1.035); }.rk-product-media>span { color:#497491; font-size:34px; }.rk-product-media>b { position:absolute; left:11px; bottom:11px; padding:5px 8px; color:#062018; background:var(--rk-success); border-radius:5px; font-size:9px; }.rk-product-body { padding:16px; }.rk-product-kicker { overflow:hidden; color:var(--rk-accent); font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }.rk-product-kicker span { color:#849bb4; font-weight:600; }.rk-product-body h3 { min-height:40px; margin:6px 0 11px; font-size:16px; line-height:1.25; }.rk-product-body h3 a { color:#fff; text-decoration:none; }.rk-product-facts { display:flex; flex-wrap:wrap; gap:5px; min-height:27px; }.rk-product-facts span { padding:5px 7px; color:#a8bdd0; background:#0b192b; border-radius:5px; font-size:10px; }.rk-product-facts i { margin-right:4px; color:#70c8e9; }.rk-product-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:15px; padding-top:13px; border-top:1px solid rgba(142,184,226,.11); }.rk-product-footer strong { color:#fff; font-size:20px; }.rk-product-footer span { color:#7bdcae; font-size:10px; font-weight:800; }.rk-demand-page { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:38px 0 65px; }.rk-demand-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:28px 32px; background:linear-gradient(120deg,#102a49,#0e1c31); border:1px solid var(--rk-border-strong); border-radius:18px; }.rk-demand-intro h1 { max-width:650px; margin:0; color:#fff; font-size:clamp(28px,4vw,48px); letter-spacing:-.05em; }.rk-demand-intro p { margin:10px 0 0; color:#9db3c9; }.rk-demand-search { display:flex; gap:8px; margin:18px 0; padding:10px; background:#0e1d31; border:1px solid var(--rk-border); border-radius:12px; }.rk-demand-search i { align-self:center; padding:0 5px; color:var(--rk-accent); }.rk-demand-search input { min-width:0; flex:1; height:42px; padding:0 10px; color:#fff; background:#091628; border:1px solid var(--rk-border); border-radius:7px; }.rk-demand-search button { padding:0 15px; color:#061421; background:var(--rk-accent); border:0; border-radius:7px; font-weight:800; }.rk-demand-meta { display:flex; gap:6px; align-items:center; margin:22px 0 13px; color:var(--rk-muted); font-size:13px; }.rk-demand-meta strong { color:#fff; font-size:20px; }.rk-demand-meta a { margin-left:auto; color:var(--rk-accent); text-decoration:none; }.rk-demand-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.rk-demand-card { padding:20px; background:#102139; border:1px solid var(--rk-border); border-radius:14px; }.rk-demand-game { display:flex; align-items:center; gap:10px; }.rk-demand-game img,.rk-demand-game>span { width:44px; height:44px; display:grid; place-items:center; object-fit:contain; color:var(--rk-accent); background:#07101f; border-radius:8px; }.rk-demand-game small,.rk-demand-game strong { display:block; }.rk-demand-game small { color:#fff; font-size:13px; font-weight:800; }.rk-demand-game strong { margin-top:3px; color:#849bb4; font-size:10px; }.rk-demand-card h2 { margin:16px 0 7px; font-size:19px; }.rk-demand-card h2 a { color:#fff; text-decoration:none; }.rk-demand-card>p { min-height:38px; margin:0; color:#91a7bd; font-size:12px; line-height:1.55; }.rk-demand-facts { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }.rk-demand-facts span { padding:6px 8px; color:#b2c6d8; background:#0b192b; border-radius:5px; font-size:10px; }.rk-demand-facts i { margin-right:4px; color:var(--rk-accent); }.rk-demand-footer { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-top:13px; border-top:1px solid rgba(142,184,226,.11); }.rk-demand-footer small,.rk-demand-footer strong { display:block; }.rk-demand-footer small { color:#8299b0; font-size:9px; }.rk-demand-footer strong { margin-top:3px; color:#fff; font-size:18px; }.rk-demand-footer a { color:var(--rk-accent); font-size:11px; font-weight:800; text-decoration:none; }.rk-demand-pagination { margin-top:22px; text-align:center; }
@media(max-width:650px){.rk-demand-page{width:calc(100% - 28px);padding-top:20px}.rk-demand-intro{align-items:flex-start;flex-direction:column;padding:22px}.rk-demand-intro .rk-action-primary{width:100%;justify-content:center}.rk-demand-search{flex-wrap:wrap}.rk-demand-search input{flex-basis:calc(50% - 15px)}.rk-demand-search button{width:100%;height:42px}.rk-demand-grid{grid-template-columns:1fr}.rk-demand-card{padding:16px}}
/* ===== END PHASE 12.7 NATIVE PRODUCT + DEMAND COMPONENTS ===== */

/* ===== SHARED RANKKEEP SHELL COMPONENTS ===== */
.rk-drawer-brand { display:flex; align-items:center; gap:10px; padding:4px 10px 14px; border-bottom:1px solid rgba(142,184,226,.14); }
.rk-drawer-brand img { width:132px; height:auto; max-height:40px; object-fit:contain; }
.rk-drawer-brand span { color:var(--rk-muted); font-size:9px; line-height:1.25; letter-spacing:.08em; text-transform:uppercase; }
.rk-notifications-head { display:flex; align-items:center; min-height:44px; padding:0 13px; color:#fff; background:#10233b; border-bottom:1px solid var(--rk-border); }
.rk-notifications-head strong { font-size:12px; letter-spacing:.03em; }
.rk-notifications-head i { margin-right:6px; color:var(--rk-accent); }
.rk-shell .dropdown-menu-nofications { display:flex; flex-direction:column; width:360px; min-width:0; max-height:min(570px, calc(100vh - 90px)); padding:0; overflow:hidden; background:#0b192c !important; border:1px solid var(--rk-border-strong) !important; border-radius:12px; }
.rk-shell .dropdown-notifications-content { min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
.rk-shell .dropdown-notifications-loading { flex:0 0 auto; margin:0; padding:16px; color:var(--rk-muted); background:#0b192c; border-radius:0; text-align:center; }
.rk-shell .dropdown-notifications-content > .notification { display:flex; align-items:center; gap:9px; min-height:64px; height:auto !important; margin:0; padding:8px 11px; color:var(--rk-text-soft); background:#0b192c; border-bottom:1px solid rgba(142,184,226,.10); }
.rk-shell .dropdown-notifications-content > .notification .icons { display:flex; align-items:center; flex:0 0 auto; width:42px; height:42px; }
.rk-shell .dropdown-notifications-content > .notification .icons .circle-icon { width:25px; height:25px; line-height:25px; font-size:11px; }
.rk-shell .dropdown-notifications-content > .notification .icons .avatar { width:30px; height:30px; margin-left:-3px; }
.rk-shell .dropdown-notifications-content > .notification .icons .avatar img { width:30px; height:30px; object-fit:contain; }
.rk-shell .dropdown-notifications-content > .notification .info { min-width:0; flex:1; padding:0; background:transparent; }
.rk-shell .dropdown-notifications-content > .notification .info h1 { display:-webkit-box; overflow:hidden; margin:0; color:#edf5ff; font-size:11px; font-weight:700; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rk-shell .dropdown-notifications-content > .notification .info p { margin:4px 0 0; color:var(--rk-muted); font-size:10px; line-height:1.2; }
.rk-shell .dropdown-notifications-content > .notification:hover { background:#10233b; }
.rk-shell .dropdown-notifications-content > .dropdown-notifications-loading { min-height:74px; }
.rk-shell .dropdown-notifications-showall { display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; min-height:43px; padding:0 13px; color:var(--rk-accent); background:#10233b; border-radius:0; font-size:11px; font-weight:800; text-decoration:none; }
.rk-shell .dropdown-notifications-showall:hover { color:#fff; background:#15304e; }
.rk-shell .dropdown-notifications-showall i { font-size:10px; }
.rk-shell #rk-notification-menu { display:none; }
.rk-shell #dropdown-notifications.is-open > #rk-notification-menu { display:flex; }

/* The mobile presentation is consolidated in the RankKeep mockup layer below. */

/* ===== RANKKEEP MOBILE VISUAL REBUILD ===== */
.rk-shell-join, .rk-shell-signin { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 13px; border-radius:10px; font-size:12px; font-weight:800; text-decoration:none; }
.rk-shell-signin { color:#bfd1e5; }
.rk-shell-signin:hover { color:#fff; background:#0d1e35; }
.rk-shell-join { color:#061421; background:linear-gradient(135deg,#31c8ff,#238cff); box-shadow:0 7px 18px rgba(33,184,255,.18); }
.rk-shell-join:hover { color:#061421; filter:brightness(1.08); }
.rk-shell .rk-drawer-brand button { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-left:auto; color:#cce4f4; background:#10233e; border:1px solid rgba(98,217,255,.18); border-radius:11px; cursor:pointer; }
.rk-notifications-head form { margin-left:auto; }
.rk-notifications-head form button { padding:4px 0; color:#75dfff; background:transparent; border:0; font-size:10px; font-weight:800; cursor:pointer; }
.rk-notifications-head form button:hover { color:#fff; }
.rk-drawer-divider { height:1px; margin:12px 10px 5px; background:rgba(142,184,226,.13); list-style:none; }
.rk-drawer-menu .site-menu-item > a > i:first-child { display:grid; place-items:center; width:38px; height:38px; margin:0; color:#68d9ff; background:#0b2038; border:1px solid rgba(98,217,255,.12); border-radius:11px; }
.rk-drawer-menu .site-menu-item > a > span { display:block; min-width:0; color:#f2f7ff; font-size:13px; font-weight:800; line-height:1.2; }
.rk-drawer-menu .site-menu-item > a > span small { display:block; margin-top:4px; color:#8199b5; font-size:10px; font-weight:500; line-height:1.2; }
.rk-drawer-menu .site-menu-item > a > b { display:flex; align-items:center; justify-content:center; width:26px; color:#6985a3; font-size:10px; }
.rk-drawer-menu .site-menu-item > a > b.rk-drawer-badge { width:auto; min-width:22px; height:20px; padding:0 6px; color:#061421; background:#62d9ff; border-radius:99px; font-size:10px; }
.rk-drawer-menu .site-menu-item.active > a { background:rgba(33,184,255,.09); }
.rk-mobile-bottom-nav a { min-height:50px; }
.rk-mobile-bottom-nav a i { font-size:20px; }
.rk-menu-lines { display:flex; flex-direction:column; justify-content:center; gap:4px; width:18px; height:18px; }
.rk-menu-lines i { display:block; width:18px; height:2px; border-radius:2px; background:currentColor; }

@media (max-width:767px) {
    .legacy-notification-dropdown { display:none !important; }
    .rk-shell { z-index:3095; }
    .rk-shell { height:72px; min-height:72px; background:rgba(6,17,31,.98); }
    .rk-shell-bar { width:calc(100% - 28px); height:72px; gap:5px; }
    .rk-shell-brand { order:0; justify-content:flex-start; flex:1 1 auto; height:72px; }
    /* logo@2x.png has transparent vertical padding; the frame crops padding, not the asset. */
    .rk-shell-brand .rk-brand-frame { position:relative; display:block; width:150px; height:48px; max-width:100%; overflow:hidden; }
    .rk-shell-brand .rk-brand-frame img { position:absolute; top:50%; left:0; width:150px; height:100px; max-width:none; max-height:none; object-fit:contain; transform:translateY(-50%); }
    .rk-shell-utilities { order:1; gap:2px; margin-left:auto; }
    .rk-shell-utilities .rk-shell-icon { width:40px; height:42px; background:#0c1e35; border:1px solid rgba(98,217,255,.10); }
    .rk-shell-utilities .rk-shell-icon:hover { background:#122c4b; }
    .rk-shell-overflow { order:2; width:42px; height:42px; flex:0 0 42px; }
    .rk-shell-menu { order:3; width:42px; height:42px; flex:0 0 42px; }
    .rk-shell-signin, .rk-shell-join { min-height:38px; padding-inline:8px; font-size:11px; }
    .rk-shell.is-guest .rk-shell-overflow, .rk-shell.is-guest .rk-shell-menu { display:none; }
    .rk-shell .navbar-offcanvas { z-index:3100; width:min(360px,88vw); max-width:min(360px,88vw); padding:0 18px calc(84px + env(safe-area-inset-bottom)) !important; background:#0c1b31 !important; border-right:1px solid rgba(98,217,255,.20); border-radius:0 20px 20px 0; box-shadow:18px 0 55px rgba(0,0,0,.42); isolation:isolate; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
    .rk-shell .navbar-offcanvas .rk-drawer-brand { top:0; margin:0 -18px 9px; padding:14px 18px 13px; background:#0c1b31; border-bottom:1px solid rgba(98,217,255,.14); }
    .rk-shell .navbar-offcanvas .rk-drawer-brand .rk-brand-frame { position:relative; display:block; width:170px; height:50px; overflow:hidden; }
    .rk-shell .navbar-offcanvas .rk-drawer-brand .rk-brand-frame img { position:absolute; top:50%; left:0; width:170px; height:113px; max-width:none; max-height:none; object-fit:contain; transform:translateY(-50%); }
    .rk-drawer-menu .rk-drawer-heading { padding:13px 5px 6px; }
    .rk-drawer-menu .site-menu-item { margin:3px 0 !important; }
    .rk-drawer-menu .site-menu-item > a { grid-template-columns:50px minmax(0,1fr) 26px !important; gap:11px !important; min-height:82px !important; padding:14px 7px !important; border-radius:13px !important; }
    .rk-drawer-menu .site-menu-item > a > i:first-child { width:50px; height:50px; font-size:18px; }
    .rk-drawer-divider { margin:11px 7px 5px; }
    .rk-shell .dropdown-menu-nofications { top:78px !important; right:12px !important; width:calc(100vw - 24px) !important; max-width:390px; max-height:calc(100dvh - 94px) !important; border-radius:18px; box-shadow:0 18px 55px rgba(0,0,0,.45); }
    .rk-shell .dropdown-notifications-content { max-height:calc(100dvh - 190px); }
    .rk-notifications-head { min-height:52px; padding:0 15px; }
    .rk-notifications-head strong { font-size:13px; }
    .rk-notifications-head form button { font-size:10px; }
    .rk-shell .dropdown-notifications-content > .notification { min-height:74px; padding:10px 13px; }
    .rk-shell .dropdown-notifications-content > .notification .icons { width:50px; height:50px; }
    .rk-shell .dropdown-notifications-content > .notification .icons .circle-icon { width:30px; height:30px; line-height:30px; }
    .rk-shell .dropdown-notifications-content > .notification .icons .avatar,
    .rk-shell .dropdown-notifications-content > .notification .icons .avatar img { width:42px; height:42px; }
    .rk-shell .dropdown-notifications-content > .dropdown-notifications-loading { min-height:0; padding:18px 12px; }
    .rk-shell .dropdown-notifications-content > .notification .info h1 { font-size:12px; }
    .rk-shell .dropdown-notifications-content > .notification .info p { font-size:10px; }
    .rk-shell #dropdown-notifications.is-open > #rk-notification-menu { display:flex; }
    .rk-shell-mobile-panel { position:fixed; top:78px; right:12px; left:auto; z-index:3200; width:min(310px,calc(100vw - 24px)); max-height:calc(100dvh - 94px); overflow-y:auto; padding:9px; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-6px); background:#0b192c; border:1px solid var(--rk-border-strong); border-radius:15px; box-shadow:0 14px 34px rgba(0,0,0,.34); transition:opacity 140ms ease, transform 140ms ease, visibility 140ms ease; }
    .rk-shell-mobile-panel.is-open { display:block; opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
    .rk-shell-mobile-panel.in { display:block; }
    .rk-mobile-bottom-nav { padding:7px 10px calc(7px + env(safe-area-inset-bottom)); background:rgba(6,17,31,.97); }
    .rk-mobile-bottom-nav a { min-height:50px; gap:3px; border-radius:12px; }
    .rk-mobile-bottom-nav a span { font-size:10px; }
    .page-content { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
}
@media (max-width:380px) {
    .rk-shell-brand .rk-brand-frame { width:128px; height:42px; }
    .rk-shell-brand .rk-brand-frame img { width:128px; height:85px; }
    .rk-shell-overflow, .rk-shell-menu { width:38px; flex-basis:38px; }
    .rk-shell-utilities .rk-shell-icon { width:36px; }
    .rk-shell-signin, .rk-shell-join { padding-inline:6px; font-size:10px; }
    .rk-home .rk-hero h1 { font-size:38px; }
}
/* ===== END RANKKEEP MOBILE VISUAL REBUILD ===== */
.rk-games-page { width:min(1180px,calc(100% - 40px)); margin:auto; padding:42px 0 70px; }.rk-directory-head { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:32px; background:linear-gradient(120deg,#102a49,#0e1c31); border:1px solid var(--rk-border-strong); border-radius:18px; }.rk-directory-head h1 { margin:0; color:#fff; font-size:clamp(30px,4vw,50px); letter-spacing:-.05em; }.rk-directory-head p { max-width:620px; margin:10px 0 0; color:#a1b5ca; }.rk-directory-toolbar { display:flex; justify-content:space-between; align-items:center; margin:24px 0 14px; color:var(--rk-muted); }.rk-directory-toolbar strong { color:#fff; font-size:18px; }.rk-directory-toolbar a { margin-left:14px; color:var(--rk-accent); font-size:11px; font-weight:800; text-decoration:none; }.rk-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }.rk-directory-card { overflow:hidden; color:#fff; background:#102139; border:1px solid var(--rk-border); border-radius:14px; text-decoration:none; box-shadow:var(--rk-shadow); }.rk-directory-card:hover { border-color:var(--rk-accent); transform:translateY(-2px); }.rk-directory-art { aspect-ratio:4/3; display:grid; place-items:center; overflow:hidden; background:#07101f; }.rk-directory-art img { width:100%; height:100%; object-fit:cover; }.rk-directory-art span { color:var(--rk-accent); font-size:30px; font-weight:900; }.rk-directory-copy { padding:14px; }.rk-directory-copy h2 { overflow:hidden; margin:0; color:#fff; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }.rk-directory-copy small { display:block; margin-top:5px; color:#8da5bc; font-size:10px; }.rk-directory-copy>span { display:block; margin-top:14px; color:var(--rk-accent); font-size:10px; font-weight:800; }.rk-directory-pagination { margin-top:25px; text-align:center; }
@media(max-width:900px){.rk-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.rk-games-page{width:calc(100% - 28px);padding-top:20px}.rk-directory-head{align-items:flex-start;flex-direction:column;padding:22px}.rk-directory-head .rk-action-secondary{width:100%;justify-content:center}.rk-directory-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.rk-directory-toolbar a{margin-left:0;margin-right:12px}.rk-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rk-directory-copy{padding:11px}.rk-directory-copy h2{font-size:13px}.rk-directory-copy>span{margin-top:10px}}
@media(max-width:380px){.rk-directory-grid{grid-template-columns:1fr}}
/* ===== RANKKEEP SHARED MOBILE SHELL + DASHBOARD REFRESH ===== */
.rk-shell {
    background:linear-gradient(180deg,rgba(7,18,35,.99),rgba(6,14,27,.97)) !important;
    border-bottom-color:rgba(98,217,255,.24) !important;
    box-shadow:0 10px 34px rgba(0,0,0,.34),0 1px 0 rgba(98,217,255,.05) !important;
}
.rk-shell .rk-shell-menu,
.rk-shell .rk-shell-overflow,
.rk-shell .rk-shell-icon {
    transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,color 160ms ease,transform 160ms ease;
}
.rk-shell .rk-shell-menu:focus-visible,
.rk-shell .rk-shell-overflow:focus-visible,
.rk-shell .rk-shell-icon:focus-visible,
.rk-shell .rk-shell-account:focus-visible {
    outline:2px solid #62d9ff;
    outline-offset:2px;
}
.rk-shell .rk-shell-menu:hover,
.rk-shell .rk-shell-overflow:hover,
.rk-shell .rk-shell-icon:hover {
    border-color:rgba(98,217,255,.48);
    box-shadow:0 0 18px rgba(98,217,255,.12);
    transform:translateY(-1px);
}
.rk-shell .rk-menu-lines { display:grid; gap:4px; }
.rk-shell .rk-menu-lines i { display:block; width:17px; height:2px; background:#bfeaff; border-radius:99px; }
.rk-shell .rk-menu-lines i:nth-child(2) { width:13px; justify-self:end; background:#62d9ff; }
.rk-shell-mobile-panel {
    background:linear-gradient(145deg,rgba(15,37,64,.98),rgba(7,19,35,.99)) !important;
    border-color:rgba(98,217,255,.34) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.46),0 0 26px rgba(53,213,255,.08) !important;
    transform-origin:top right;
}
.rk-shell-mobile-panel.is-open { animation:rk-shell-pop 180ms ease-out both; }
.rk-shell-mobile-panel a,
.rk-shell-mobile-panel form button { min-height:46px; }
.rk-shell-mobile-panel a i,
.rk-shell-mobile-panel form button i { display:grid; place-items:center; width:28px; height:28px; background:rgba(98,217,255,.09); border:1px solid rgba(98,217,255,.14); border-radius:8px; }
.rk-shell-mobile-panel form button { border-top-color:rgba(98,217,255,.15); }
.rk-shell .navbar-offcanvas {
    background:linear-gradient(160deg,#0e2745 0%,#0b1a30 45%,#071321 100%) !important;
    box-shadow:20px 0 60px rgba(0,0,0,.5),8px 0 24px rgba(53,213,255,.06) !important;
}
.rk-shell .navbar-offcanvas .rk-drawer-brand { background:rgba(10,28,49,.92) !important; }
.rk-dashboard .rk-founding-card { box-shadow:0 20px 52px rgba(0,0,0,.34),0 0 34px rgba(53,213,255,.13) !important; }
.rk-dashboard .rk-founding-card .rk-founding-benefit { background:linear-gradient(135deg,rgba(10,34,58,.76),rgba(5,17,32,.64)); border-color:rgba(98,217,255,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.rk-dashboard .rk-founding-card .rk-founding-benefit i { display:grid; place-items:center; width:24px; height:24px; background:rgba(98,217,255,.1); border:1px solid rgba(98,217,255,.18); border-radius:8px; }
.rk-dashboard .rk-founding-card .rk-founding-benefit:nth-child(2) i { background:rgba(246,200,95,.1); border-color:rgba(246,200,95,.22); }
.rk-dashboard .rk-founding-card .rk-founding-progress { height:9px; }
.rk-dashboard .rk-pro-panel { box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 25px rgba(171,111,255,.08) !important; }
@keyframes rk-shell-pop { from { opacity:0; transform:translateY(-6px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(max-width:767px) {
    .rk-shell .rk-shell-bar { width:calc(100% - 12px); }
    .rk-shell .rk-shell-menu,
    .rk-shell .rk-shell-overflow { background:linear-gradient(145deg,#122b4a,#0b1a30); border-radius:12px; }
    .rk-shell-mobile-panel { right:8px; width:min(304px,calc(100vw - 16px)); padding:10px; border-radius:16px; }
    .rk-dashboard { padding-top:70px !important; }
    .rk-dashboard .rk-dash-head { margin-bottom:18px !important; }
    .rk-dashboard .rk-dash-head h1 { letter-spacing:-.035em; }
    .rk-dashboard .rk-founding-card { padding:16px !important; }
    .rk-dashboard .rk-founding-card .rk-role-head { gap:10px; }
    .rk-dashboard .rk-founding-card .rk-founding-benefits { gap:8px !important; }
    .rk-dashboard .rk-founding-card .rk-founding-benefit { padding:11px !important; }
    .rk-dashboard .rk-pro-panel { gap:14px !important; padding:17px !important; }
    .rk-dashboard .rk-pro-panel h2 { font-size:18px !important; }
}
@media(prefers-reduced-motion:reduce) {
    .rk-shell .rk-shell-menu,
    .rk-shell .rk-shell-overflow,
    .rk-shell .rk-shell-icon { transition:none; }
    .rk-shell-mobile-panel.is-open { animation:none; }
}
/* ===== END RANKKEEP SHARED MOBILE SHELL + DASHBOARD REFRESH ===== */
.rk-linked-accounts { width:min(760px,calc(100% - 32px)); margin:24px auto 96px; overflow:visible; background:linear-gradient(145deg,#0a1b30,#071426); border:1px solid rgba(90,180,255,.24); border-radius:20px; box-shadow:0 18px 45px rgba(0,0,0,.2); }
.rk-linked-accounts .panel-heading { padding:20px 20px 16px; background:linear-gradient(135deg,rgba(20,51,83,.7),rgba(8,22,41,.7)); border:0; border-bottom:1px solid rgba(90,180,255,.14); border-radius:20px 20px 0 0; }
.rk-linked-accounts__eyebrow { display:block; margin-bottom:7px; color:#35c7ff; font-size:10px; font-weight:850; letter-spacing:.12em; }
.rk-linked-accounts__eyebrow i { margin-right:6px; }
.rk-linked-accounts .panel-title { color:#f7f9fc; font-size:22px; letter-spacing:-.02em; }
.rk-linked-accounts .panel-heading p { margin:6px 0 0; color:#9eabc0; font-size:13px; }
.rk-linked-accounts .panel-body { padding:16px; }
.rk-linked-feedback { display:flex; align-items:center; gap:8px; margin:0 0 12px; padding:10px 12px; border-radius:10px; font-size:12px; }
.rk-linked-feedback--success { color:#b8f5d1; background:rgba(58,205,125,.1); border:1px solid rgba(58,205,125,.2); }
.rk-linked-feedback--error { color:#ffc3cf; background:rgba(246,91,121,.1); border:1px solid rgba(246,91,121,.2); }
.rk-security-callout { display:flex; align-items:center; gap:12px; margin:0 0 15px; padding:13px; color:#dff4ff; background:linear-gradient(135deg,rgba(21,89,127,.35),rgba(11,32,57,.7)); border:1px solid rgba(53,199,255,.24); border-radius:14px; }
.rk-security-callout__icon { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; color:#35c7ff; background:#081629; border-radius:10px; }
.rk-security-callout strong { display:block; font-size:13px; }
.rk-security-callout p { margin:3px 0 0; color:#9eabc0; font-size:11px; }
.rk-security-callout .rk-settings-button { margin-left:auto; }
.rk-linked-provider-list { display:grid; gap:9px; }
.rk-linked-provider { display:flex; align-items:center; gap:12px; min-width:0; padding:12px; color:#f7f9fc; background:#0d2139; border:1px solid rgba(90,180,255,.18); border-radius:14px; }
.rk-linked-provider__icon { display:grid; flex:0 0 42px; place-items:center; width:42px; height:42px; color:#35c7ff; background:#081629; border:1px solid rgba(90,180,255,.18); border-radius:12px; font-size:25px; }
.rk-linked-provider__icon img { display:block; width:27px; height:27px; object-fit:contain; }
.rk-linked-provider__meta { display:flex; min-width:0; flex:1; flex-wrap:wrap; align-items:center; gap:4px 8px; }
.rk-linked-provider__name { flex-basis:100%; color:#f7f9fc; font-size:14px; }
.rk-linked-provider__status { color:#9eabc0; font-size:11px; font-weight:750; }
.rk-linked-provider__status--connected { color:#7ee7ad; }
.rk-linked-provider__status--connected i { margin-right:3px; font-size:9px; }
.rk-linked-provider__detail { flex-basis:100%; overflow:hidden; color:#91a9c0; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.rk-linked-provider__actions { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:7px; text-align:right; }
.rk-linked-provider__guard { max-width:150px; color:#9eabc0; font-size:10px; line-height:1.35; }
.rk-social-provider-disabled { cursor:not-allowed; opacity:.55; pointer-events:none; }
.rk-provider-logo { display:block; width:19px; height:19px; object-fit:contain; }
.rk-linked-provider__reauth { padding:0; color:#65d8ff; background:none; border:0; font-size:10px; font-weight:750; cursor:pointer; }
.rk-settings-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border:1px solid transparent; border-radius:10px; font-size:11px; font-weight:850; line-height:1; text-decoration:none; cursor:pointer; }
.rk-settings-button-primary { color:#061421; background:linear-gradient(135deg,#35c7ff,#168dff); box-shadow:0 7px 15px rgba(21,141,255,.16); }
.rk-settings-button-secondary { color:#dbeeff; background:#10233e; border-color:rgba(90,180,255,.25); }
.rk-settings-button:focus-visible, .rk-linked-provider__reauth:focus-visible { outline:2px solid #35c7ff; outline-offset:3px; }
.rk-linked-reauth { display:flex; align-items:center; gap:12px; margin-top:14px; padding:13px; color:#e5f5ff; background:#081629; border:1px solid rgba(90,180,255,.22); border-radius:13px; }
.rk-linked-reauth strong { display:block; font-size:13px; }
.rk-linked-reauth p { margin:3px 0 0; color:#9eabc0; font-size:10px; }
.rk-linked-reauth form { display:flex; align-items:center; gap:7px; margin-left:auto; }
.rk-linked-reauth input { width:150px; min-height:36px; padding:8px 9px; color:#f7f9fc; background:#071426; border:1px solid rgba(90,180,255,.24); border-radius:9px; }
@media(max-width:600px) {
    .rk-linked-accounts { width:calc(100% - 32px); margin:12px 16px 96px; }
    .rk-linked-accounts .panel-heading { padding:17px 16px 14px; }
    .rk-linked-accounts .panel-title { font-size:20px; }
    .rk-linked-accounts .panel-body { padding:12px; }
    .rk-security-callout { align-items:flex-start; flex-wrap:wrap; }
    .rk-security-callout .rk-settings-button { margin-left:46px; }
    .rk-linked-provider { align-items:flex-start; padding:11px; }
    .rk-linked-provider__actions { align-items:flex-end; flex-direction:column; }
    .rk-linked-provider__guard { max-width:105px; text-align:right; }
    .rk-linked-reauth { align-items:flex-start; flex-direction:column; }
    .rk-linked-reauth form { width:100%; margin-left:0; }
    .rk-linked-reauth input { flex:1; width:auto; min-width:0; }
}

/* Shared frontend footer closure: use one bottom-nav clearance instead of
   combining the page minimum height with oversized mobile content padding. */
.site-footer{margin-top:24px;background:#06101e!important;border-top:1px solid rgba(98,217,255,.18)!important;color:var(--rk-text-soft)}
@media(max-width:767px){
    .page{min-height:0}
    .page-content{padding-bottom:24px!important}
    body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
    .site-footer{margin-top:16px;padding:16px 14px 14px!important;background:linear-gradient(180deg,#091a2d,#06101e)!important;border-radius:0;box-shadow:0 -8px 24px rgba(3,13,28,.16)}
    .site-footer .footer-menu-wrapper,.site-footer .no-flex-shrink{display:none}
    .site-footer .flex-center-space,.site-footer .social{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
    .site-footer .social{margin-top:10px}
    .site-footer .copyright{color:#b8d0e3;font-size:11px;text-align:center}
    .site-footer .social>div:last-child{display:none}
    .site-footer .rk-history-mark{margin-left:6px}
}

/* Generic public member profile: separate from canonical seller storefront. */
.rk-public-profile-page{max-width:980px;margin:0 auto;padding:18px 18px calc(96px + env(safe-area-inset-bottom));color:var(--rk-text)}
.rk-public-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:980px;margin:18px auto 0;padding:22px;background:linear-gradient(145deg,#091827,#121f35);border:1px solid rgba(75,167,255,.22);border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.rk-public-profile-identity{display:flex;align-items:center;gap:15px;min-width:0}.rk-public-profile-avatar{position:relative;display:block;flex:0 0 76px;width:76px;height:76px;overflow:hidden;border:1px solid rgba(75,213,255,.35);border-radius:18px;background:#0b1d34}.rk-public-profile-avatar img{width:100%;height:100%;object-fit:cover}.rk-public-profile-avatar i{position:absolute;right:5px;bottom:5px;width:11px;height:11px;border:2px solid #091827;border-radius:50%;background:#64788e}.rk-public-profile-avatar.is-online i{background:#53e0a5}.rk-public-profile-eyebrow,.rk-public-section-heading>span,.rk-public-admin-tools>span{color:#8aa5bf;font-size:10px;font-weight:850;letter-spacing:.14em}.rk-public-profile-copy h1{margin:6px 0 7px;color:#fff;font-size:28px;line-height:1}.rk-public-profile-copy>small{display:block;margin-top:8px;color:#8fa4ba;font-size:11px}.rk-public-profile-statuses{display:flex;flex-wrap:wrap;gap:6px}.rk-public-profile-statuses span{padding:5px 7px;color:#b9cde0;background:#102640;border:1px solid rgba(75,167,255,.15);border-radius:6px;font-size:11px}.rk-public-profile-statuses .is-verified{color:#75e5b0;background:rgba(53,211,154,.1);border-color:rgba(53,211,154,.25)}.rk-public-profile-statuses .is-banned{color:#ff9ca8;background:rgba(255,90,110,.1);border-color:rgba(255,90,110,.25)}.rk-public-profile-storefront{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;padding:11px 14px;color:#061421!important;background:linear-gradient(135deg,#35d5ff,#168dff);border-radius:10px;font-size:12px;font-weight:850;text-decoration:none}.rk-public-profile-storefront i:last-child{font-size:10px}.rk-public-profile-tabs-wrap{margin:14px 0 20px;overflow-x:auto;scrollbar-width:none}.rk-public-profile-tabs-wrap::-webkit-scrollbar{display:none}.rk-public-profile-tabs{display:flex;gap:7px;min-width:max-content;margin:0;padding:0;list-style:none}.rk-public-profile-tabs li a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 14px;color:#9fb1c3;background:#0b1b2e;border:1px solid rgba(75,167,255,.14);border-radius:10px;font-size:12px;font-weight:750;text-decoration:none}.rk-public-profile-tabs li.active a,.rk-public-profile-tabs li a:hover{color:#061421;background:linear-gradient(135deg,#35d5ff,#168dff);border-color:#35d5ff}.rk-public-section-heading{margin:0 0 13px}.rk-public-section-heading h2{margin:5px 0;color:#fff;font-size:24px}.rk-public-section-heading p{margin:0;color:#95a9bc;font-size:13px}.rk-public-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rk-public-listing-card{overflow:hidden;background:#102139;border:1px solid var(--rk-border);border-radius:14px;box-shadow:var(--rk-shadow)}.rk-public-listing-media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#07101f}.rk-public-listing-media img{width:100%;height:100%;object-fit:cover}.rk-public-listing-media>i{color:#4b7899;font-size:30px}.rk-public-listing-media>b{position:absolute;top:9px;left:9px;padding:5px 7px;color:#061421;background:#53e0a5;border-radius:5px;font-size:9px}.rk-public-listing-body{padding:13px}.rk-public-listing-game{display:block;overflow:hidden;color:var(--rk-accent);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.rk-public-listing-body h3{margin:6px 0 9px;font-size:15px;line-height:1.25}.rk-public-listing-body h3 a{color:#fff;text-decoration:none;overflow-wrap:anywhere}.rk-public-listing-facts{display:flex;flex-wrap:wrap;gap:5px}.rk-public-listing-facts span{padding:4px 6px;color:#a8bdd0;background:#0b192b;border-radius:5px;font-size:10px}.rk-public-listing-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(142,184,226,.11)}.rk-public-listing-footer strong{color:#fff;font-size:19px}.rk-public-listing-footer>a{color:var(--rk-accent);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.rk-public-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;padding:30px 16px;color:#95a9bc;background:#0b192b;border:1px solid var(--rk-border);border-radius:14px;text-align:center}.rk-public-empty i{color:var(--rk-accent);font-size:23px}.rk-public-empty strong{color:#fff}.rk-public-empty span{font-size:12px}.rk-public-reviews{display:grid;gap:10px}.rk-public-review{display:flex;gap:12px;padding:14px;color:#fff;background:#102139;border:1px solid var(--rk-border);border-radius:12px}.rk-public-review-icon{display:grid;flex:0 0 32px;place-items:center;width:32px;height:32px;color:#53e0a5;background:rgba(53,211,154,.1);border-radius:9px}.rk-public-review strong{font-size:13px}.rk-public-review p{margin:5px 0 0;color:#a8bdd0;font-size:12px;line-height:1.5}.rk-public-admin-tools{margin-top:22px;padding:14px;background:#151d2b;border:1px solid rgba(255,100,110,.2);border-radius:12px}.rk-public-admin-tools>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rk-public-admin-tools form{margin:0}.rk-public-admin-tools button,.rk-public-admin-tools a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:800;text-decoration:none}.rk-public-admin-tools button.is-danger{color:#ffb2bb;background:rgba(190,48,68,.14);border-color:rgba(255,100,110,.3)}.rk-public-admin-tools button.is-positive{color:#82e8b5;background:rgba(53,211,154,.12);border-color:rgba(53,211,154,.3)}.rk-public-admin-tools a{color:#cbe8fa;background:#102640;border-color:rgba(75,167,255,.2)}
@media(max-width:700px){.rk-public-profile-page{padding:12px 14px calc(96px + env(safe-area-inset-bottom))}.rk-public-profile-hero{align-items:flex-start;flex-direction:column;margin-top:12px;padding:16px;border-radius:14px}.rk-public-profile-identity{align-items:flex-start;gap:12px}.rk-public-profile-avatar{flex-basis:64px;width:64px;height:64px;border-radius:14px}.rk-public-profile-copy h1{font-size:25px}.rk-public-profile-storefront{width:100%;justify-content:center}.rk-public-profile-tabs-wrap{margin:11px -14px 18px;padding:0 14px}.rk-public-profile-tabs li a{min-height:44px}.rk-public-listing-grid{grid-template-columns:1fr 1fr;gap:10px}.rk-public-listing-media{aspect-ratio:16/10}.rk-public-listing-body{padding:11px}.rk-public-listing-body h3{font-size:14px}.rk-public-listing-footer{align-items:flex-start;flex-direction:column;gap:5px}.rk-public-listing-footer>a{font-size:11px}.rk-public-empty{grid-column:1/-1}}
@media(max-width:390px){.rk-public-listing-grid{grid-template-columns:1fr}.rk-public-listing-media{aspect-ratio:16/8}.rk-public-listing-footer{align-items:center;flex-direction:row}.rk-public-listing-footer>a{font-size:10px}}

/* Keep legacy profile artwork from determining mobile card height. */
@media(max-width:700px){
    .rk-public-profile-page .rk-public-listing-media{height:112px!important;min-height:112px!important;max-height:112px!important;aspect-ratio:auto!important;overflow:hidden!important}
    .rk-public-profile-page .rk-public-listing-media img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
}
@media(max-width:390px){
    .rk-public-profile-page .rk-public-listing-media{height:104px!important;min-height:104px!important;max-height:104px!important}
}

/* Compact public-profile listings on narrow screens: keep artwork beside
   the listing details instead of allowing it to become a poster row. */
@media(max-width:700px){
    .rk-public-profile-page .rk-public-listing-card{display:grid;grid-template-columns:82px minmax(0,1fr);min-width:0}
    .rk-public-profile-page .rk-public-listing-media{width:82px!important;height:100%!important;min-height:118px!important;max-height:none!important;aspect-ratio:auto!important}
    .rk-public-profile-page .rk-public-listing-media img{width:100%!important;height:100%!important;object-fit:cover!important}
    .rk-public-profile-page .rk-public-listing-body{min-width:0;padding:12px}
    .rk-public-profile-page .rk-public-listing-body h3{margin:5px 0 7px;font-size:14px}
    .rk-public-profile-page .rk-public-listing-footer{align-items:center;flex-direction:row;margin-top:8px;padding-top:8px}
    .rk-public-profile-page .rk-public-listing-footer strong{font-size:18px}
    .rk-public-profile-page .rk-public-listing-footer>a{font-size:10px}
    .rk-public-profile-page .rk-public-profile-storefront--after-listings{margin-top:14px}
    .rk-public-profile-page .rk-public-admin-tools>strong{display:block;margin-top:5px;color:#fff;font-size:13px}
}
@media(max-width:390px){
    .rk-public-profile-page .rk-public-listing-card{grid-template-columns:74px minmax(0,1fr)}
    .rk-public-profile-page .rk-public-listing-media{width:74px!important;min-height:112px!important}
    .rk-public-profile-page .rk-public-listing-body{padding:10px}
}

.rk-public-profile-page #listings{scroll-margin-top:84px}

.rk-public-profile-statuses .is-founding{color:#ded2ff;background:rgba(116,88,210,.14);border-color:rgba(169,137,255,.32)}
.rk-public-profile-storefront--secondary{min-height:0;margin-top:14px;padding:5px 0;color:var(--rk-accent)!important;background:transparent;font-size:11px}

/* Notification popover mobile closure: keep header, artwork and dynamic copy
   in independent flex columns so prices and long messages wrap safely. */
.rk-shell .dropdown-menu-nofications .rk-notifications-head { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; min-width:0; }
.rk-shell .dropdown-menu-nofications .rk-notifications-head strong { min-width:0; flex:1 1 auto; line-height:1.35; }
.rk-shell .dropdown-menu-nofications .rk-notifications-head form { flex:0 0 auto; margin-left:auto; }
.rk-shell .dropdown-menu-nofications .rk-notifications-head form button { min-height:30px; padding:5px 0; white-space:nowrap; }
.rk-shell .dropdown-notifications-content > .notification { align-items:flex-start; min-width:0; }
.rk-shell .dropdown-notifications-content > .notification .icons { min-width:0; overflow:hidden; }
.rk-shell .dropdown-notifications-content > .notification .icons > * { flex-shrink:0; }
.rk-shell .dropdown-notifications-content > .notification .icons .text-success { max-width:68px; overflow-wrap:anywhere; white-space:normal; line-height:1.15; }
.rk-shell .dropdown-notifications-content > .notification .info { min-width:0; overflow:hidden; }
.rk-shell .dropdown-notifications-content > .notification .info h1 { display:block; max-height:3.9em; overflow-wrap:anywhere; word-break:normal; line-height:1.3; }
.rk-shell .dropdown-notifications-content > .notification .info p { display:flex; align-items:flex-start; flex-wrap:wrap; gap:4px 6px; min-width:0; overflow-wrap:anywhere; line-height:1.35; }
.rk-shell .dropdown-notifications-content > .notification .info p i { flex:0 0 auto; }
@media(max-width:390px) {
    .rk-shell .dropdown-menu-nofications { right:8px !important; width:calc(100vw - 16px) !important; }
    .rk-shell .dropdown-menu-nofications .rk-notifications-head { padding:8px 12px; }
    .rk-shell .dropdown-menu-nofications .rk-notifications-head strong { flex-basis:100%; }
    .rk-shell .dropdown-menu-nofications .rk-notifications-head form { margin-left:0; }
    .rk-shell .dropdown-notifications-content > .notification { gap:9px; padding:10px 11px; }
    .rk-shell .dropdown-notifications-content > .notification .icons { width:45px; flex-basis:45px; }
    .rk-shell .dropdown-notifications-content > .notification .icons:has(.circle-icon) { width:52px; flex-basis:52px; }
    .rk-shell .dropdown-notifications-content > .notification .info h1 { font-size:12px; }
    .rk-shell .dropdown-notifications-content > .notification .info p { font-size:10px; }
}

/* Public marketplace mobile polish: keep the approved shell and scope the
   compact treatment to the four public discovery surfaces. */
@media (max-width: 430px) {
    .rk-accounts-page {
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
    }

    .rk-accounts-page .rk-filter-card {
        padding: 0;
        overflow: hidden;
    }

    .rk-accounts-page .rk-mobile-filter-disclosure {
        display: block;
    }

    .rk-accounts-page .rk-mobile-filter-disclosure > summary {
        min-height: 48px;
        margin: 0;
        padding: 0 13px;
        cursor: pointer;
        list-style: none;
    }

    .rk-accounts-page .rk-mobile-filter-disclosure > summary::-webkit-details-marker {
        display: none;
    }

    .rk-accounts-page .rk-mobile-filter-disclosure > summary:after {
        content: '▾';
        color: var(--rk-accent);
        font-size: 12px;
    }

    .rk-accounts-page .rk-mobile-filter-disclosure[open] > summary:after {
        content: '▴';
    }

    .rk-accounts-page .rk-mobile-filter-disclosure > form,
    .rk-accounts-page .rk-mobile-filter-disclosure > .rk-save-search {
        padding-inline: 13px;
    }

    .rk-accounts-page .rk-product-card {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        min-width: 0;
        min-height: 112px;
    }

    .rk-accounts-page .rk-product-media {
        width: 88px;
        height: 100%;
        min-height: 112px;
        aspect-ratio: auto;
    }

    .rk-accounts-page .rk-product-media > span {
        font-size: 27px;
    }

    .rk-accounts-page .rk-product-media > b {
        right: 5px;
        bottom: 5px;
        left: 5px;
        padding: 4px 3px;
        text-align: center;
        font-size: 8px;
    }

    .rk-accounts-page .rk-product-body {
        min-width: 0;
        padding: 11px 12px 10px;
    }

    .rk-accounts-page .rk-product-kicker,
    .rk-accounts-page .rk-product-body h3,
    .rk-accounts-page .rk-product-facts {
        min-width: 0;
    }

    .rk-accounts-page .rk-product-kicker {
        font-size: 9px;
    }

    .rk-accounts-page .rk-product-body h3 {
        min-height: 0;
        margin: 4px 0 7px;
        font-size: 14px;
        line-height: 1.25;
    }

    .rk-accounts-page .rk-product-facts {
        min-height: 0;
        max-height: 25px;
        overflow: hidden;
        gap: 4px;
    }

    .rk-accounts-page .rk-product-facts span {
        padding: 3px 5px;
        font-size: 9px;
    }

    .rk-accounts-page .rk-product-footer {
        margin-top: 7px;
        padding-top: 7px;
    }

    .rk-accounts-page .rk-product-footer strong {
        font-size: 17px;
    }

    .rk-accounts-page .rk-product-footer span {
        font-size: 9px;
    }

    .rk-demand-page,
    .rk-games-page {
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
    }

    .rk-demand-intro {
        padding: 18px 16px;
        border-radius: 14px;
    }

    .rk-demand-intro h1 {
        font-size: 27px;
        line-height: 1.08;
    }

    .rk-demand-intro p {
        font-size: 12px;
        line-height: 1.45;
    }

    .rk-demand-search {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        padding: 9px;
    }

    .rk-demand-search i,
    .rk-demand-search input[name="q"],
    .rk-demand-search button {
        grid-column: 1 / -1;
    }

    .rk-demand-search i {
        display: none;
    }

    .rk-demand-search input {
        width: 100%;
        min-width: 0;
    }

    .rk-demand-search button {
        min-height: 42px;
    }

    .rk-demand-meta {
        flex-wrap: wrap;
        margin: 16px 0 11px;
        font-size: 11px;
    }

    .rk-demand-meta a {
        flex-basis: 100%;
        margin: 3px 0 0;
    }

    .rk-demand-card {
        padding: 13px;
        border-radius: 12px;
    }

    .rk-demand-card h2 {
        margin: 12px 0 6px;
        font-size: 16px;
        line-height: 1.25;
    }

    .rk-demand-card > p {
        min-height: 0;
        font-size: 11px;
        line-height: 1.45;
    }

    .rk-demand-facts {
        margin: 11px 0;
    }

    .rk-demand-facts span {
        padding: 5px 6px;
        font-size: 9px;
    }

    .rk-demand-footer {
        padding-top: 10px;
    }

    .rk-demand-footer strong {
        font-size: 17px;
    }

    .rk-games-page {
        padding-top: 16px;
    }

    .rk-directory-head {
        padding: 18px 16px;
        border-radius: 14px;
    }

    .rk-directory-head h1 {
        font-size: 28px;
        line-height: 1.08;
    }

    .rk-directory-head p {
        font-size: 12px;
        line-height: 1.45;
    }

    .rk-directory-toolbar {
        margin: 17px 0 11px;
    }

    .rk-directory-grid {
        gap: 8px;
    }

    .rk-directory-art {
        aspect-ratio: 1 / .82;
    }

    .rk-directory-copy {
        padding: 10px;
    }

    .rk-directory-copy h2 {
        font-size: 12px;
    }

    .rk-directory-copy small {
        font-size: 9px;
    }

    .rk-directory-copy > span {
        margin-top: 8px;
        font-size: 9px;
    }
}

@media (max-width: 380px) {
    .rk-home-frame {
        width: calc(100% - 22px);
    }

    .rk-home-section {
        padding: 30px 0;
    }

    .rk-home-hero {
        padding: 32px 0 34px;
    }

    .rk-home-hero h1 {
        font-size: 35px;
    }

    .rk-home-hero-art {
        min-height: 210px;
    }

    .rk-game-grid,
    .rk-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rk-home-listing-grid {
        grid-template-columns: 1fr;
    }
}
.rk-message-workspace { min-height:calc(100vh - 150px); display:grid; grid-template-columns:280px minmax(0,1fr); gap:14px; padding:24px; background:#0b1729; border:1px solid var(--rk-border); border-radius:16px; }.rk-message-workspace .page-aside,.rk-message-workspace .page-main { min-width:0; background:#102139; border:1px solid var(--rk-border); border-radius:12px; }.rk-message-workspace .page-aside { position:static; width:auto; }.rk-message-workspace .page-main { display:flex; flex-direction:column; overflow:hidden; }.rk-message-workspace .messages-chats { flex:1; min-height:380px; }.rk-message-workspace .messages-input { display:flex; align-items:end; gap:8px; padding:12px; border-top:1px solid var(--rk-border); }.rk-message-workspace .message-input { flex:1; }.rk-message-workspace .message-input-btn { width:44px; height:44px; }.rk-settings-subheader .tabs { display:flex; flex-wrap:wrap; gap:6px; }.rk-profile-content { max-width:1180px; margin-inline:auto; }.rk-profile-content .card { overflow:hidden; border-radius:14px; }.rk-wallet,.rk-dashboard { max-width:1180px; margin-inline:auto; }.rk-wallet-head,.rk-dash-head { border-radius:16px; }.rk-dashboard .table-responsive { border-radius:12px; }
@media(max-width:700px){.rk-message-workspace{display:block;padding:10px;min-height:calc(100vh - 150px)}.rk-message-workspace .page-aside{display:block;max-height:260px;margin-bottom:10px}.rk-message-workspace .messages-chats{min-height:280px}.rk-message-workspace .messages-input{position:sticky;bottom:70px;background:#102139}.rk-settings-subheader .tabs{overflow-x:auto;flex-wrap:nowrap}.rk-settings-subheader .tab{flex:0 0 auto}.rk-profile-content{margin-inline:10px}}
.rk-seo-landing { max-width:1280px; padding-bottom:48px; }
.rk-seo-landing__header { max-width:900px; }
.rk-seo-landing__header h1 { margin-bottom:10px; }
.rk-seo-landing__intro { max-width:760px; color:var(--rk-muted); line-height:1.6; }
.rk-seo-landing__stats { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.rk-seo-landing__stat { display:inline-flex; align-items:baseline; gap:5px; min-height:34px; padding:8px 11px; color:var(--rk-muted); background:var(--rk-surface); border:1px solid var(--rk-border); border-radius:10px; font-size:11px; }
.rk-seo-landing__stat strong { color:var(--rk-text); font-size:12px; }
.rk-seo-landing__stat small { color:var(--rk-muted); font-size:10px; }
.rk-seo-landing__listings > h2 { margin:0 0 14px; color:var(--rk-text); font-size:clamp(26px,3vw,34px); }
.rk-seo-landing__listings .account-grid { row-gap:14px; }
.rk-seo-landing__card-wrap { margin-bottom:0 !important; }
.rk-seo-landing__card-wrap .account-card-cover { aspect-ratio:16/8.5; }
.rk-seo-landing__card-wrap .account-card-body { padding:12px; }
.rk-seo-landing__card-wrap .rk-card-title { margin-top:8px; margin-bottom:7px; }
.rk-seo-landing__card-wrap .rk-card-tags { min-height:22px; }
.rk-seo-landing__card-wrap .rk-seller-row { margin-top:9px; }
.rk-seo-landing__card-wrap .rk-card-footer { margin-top:10px; padding-top:10px; }
.rk-seo-landing__guide, .rk-seo-landing__related { margin-top:28px; padding:18px; color:var(--rk-muted); background:var(--rk-surface); border:1px solid var(--rk-border); border-radius:14px; }
.rk-seo-landing__guide h2, .rk-seo-landing__related h2 { display:flex; align-items:center; gap:8px; margin:0 0 10px; color:var(--rk-text); font-size:18px; }
.rk-seo-landing__guide h2 i { color:var(--rk-accent); font-size:15px; }
.rk-seo-landing__guide p { max-width:900px; margin:0 0 8px; line-height:1.6; }
.rk-seo-landing__guide p:last-child { margin-bottom:0; }
.rk-seo-landing__related { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.rk-seo-landing__related h2 { flex-basis:100%; }
.rk-seo-landing__related a { display:inline-flex; padding:8px 11px; color:var(--rk-accent); background:rgba(53,199,255,.07); border:1px solid rgba(53,199,255,.24); border-radius:9px; font-size:11px; font-weight:750; text-decoration:none; }
.rk-referrals-page { max-width:920px; margin:0 auto; padding:28px 16px 96px; color:var(--rk-text,#edf8ff); }
.rk-ref-card { background:linear-gradient(145deg,#0a192d,#071120); border:1px solid var(--rk-border,#263b58); border-radius:18px; box-shadow:0 12px 34px rgba(0,0,0,.14); }
.rk-ref-hero { padding:26px; }
.rk-ref-eyebrow { color:#35d5ff; font-size:10px; font-weight:900; letter-spacing:2px; }
.rk-ref-hero h1,.rk-ref-empty h1 { margin:7px 0 8px; color:#fff; font-size:clamp(28px,4vw,40px); line-height:1.08; }
.rk-ref-hero p,.rk-ref-empty p { max-width:560px; margin:0; color:#9bb0c4; line-height:1.55; }
.rk-ref-reward-badge { display:inline-flex; margin-top:18px; padding:7px 10px; color:#dff9ff; background:rgba(53,213,255,.1); border:1px solid rgba(53,213,255,.3); border-radius:999px; font-size:11px; font-weight:750; }
.rk-ref-link-box { margin-top:24px; padding:14px; background:#06101f; border:1px solid #263f5d; border-radius:13px; }
.rk-ref-link-box label { display:block; margin-bottom:8px; color:#91a8bd; font-size:11px; font-weight:700; }
.rk-ref-link-row { display:flex; gap:9px; }
.rk-ref-link-row input { min-width:0; flex:1; height:42px; padding:0 11px; color:#dff7ff; background:#0c2037; border:1px solid #2c4d6e; border-radius:9px; font-size:12px; }
.rk-ref-primary,.rk-ref-share { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border-radius:9px; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.rk-ref-primary,.rk-ref-share-main { color:#03111c; background:#35d5ff; border:1px solid #35d5ff; }
.rk-ref-copy-status { display:block; min-height:16px; margin-top:5px; color:#71e7b0; font-size:11px; }
.rk-ref-share-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.rk-ref-share { color:#b9d8e9; background:#10243b; border:1px solid #2a4563; }
.rk-ref-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }
.rk-ref-stat { padding:16px; }
.rk-ref-stat span,.rk-ref-reward-grid small { display:block; color:#8fa7bc; font-size:10px; font-weight:750; letter-spacing:.8px; text-transform:uppercase; }
.rk-ref-stat strong { display:block; margin-top:8px; color:#fff; font-size:26px; }
.rk-ref-rewards,.rk-ref-activity,.rk-ref-how { margin-top:14px; padding:20px; }
.rk-ref-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.rk-ref-section-head h2,.rk-ref-how h2 { margin:5px 0 0; color:#fff; font-size:19px; }
.rk-ref-net { color:#6fe1ff; font-size:18px; font-weight:850; white-space:nowrap; }
.rk-ref-reward-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
.rk-ref-reward-grid div { padding:12px; background:rgba(255,255,255,.035); border-radius:10px; }
.rk-ref-reward-grid strong { display:block; margin-top:5px; color:#fff; font-size:20px; }
.rk-ref-activity-row { display:flex; align-items:center; gap:10px; padding:14px 0 0; }
.rk-ref-activity-dot { width:8px; height:8px; flex:0 0 8px; background:#35d5ff; border-radius:50%; box-shadow:0 0 10px rgba(53,213,255,.5); }
.rk-ref-activity-row div { min-width:0; flex:1; }
.rk-ref-activity-row strong,.rk-ref-activity-row small { display:block; }
.rk-ref-activity-row strong { color:#eaf8ff; font-size:12px; }
.rk-ref-activity-row small { margin-top:3px; color:#7ddff7; font-size:10px; }
.rk-ref-activity-row time { color:#7f96ac; font-size:10px; white-space:nowrap; }
.rk-ref-muted,.rk-ref-terms { color:#8fa7bc; font-size:12px; line-height:1.55; }
.rk-ref-how ol { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0 0; padding:0; list-style:none; }
.rk-ref-how li { display:flex; gap:9px; padding:12px; background:rgba(255,255,255,.035); border-radius:10px; }
.rk-ref-how li>b { color:#35d5ff; font-size:16px; }
.rk-ref-how li strong,.rk-ref-how li small { display:block; }
.rk-ref-how li strong { color:#eaf8ff; font-size:11px; }
.rk-ref-how li small { margin-top:4px; color:#8fa7bc; font-size:10px; line-height:1.4; }
.rk-ref-terms { margin:14px 3px 0; }
.rk-ref-empty { padding:28px; }
.rk-referrals-page.is-inactive { padding-bottom:0; }
body:has(.rk-referrals-page.is-inactive) .page-content { padding-bottom:24px !important; }
@media(max-width:600px) { .rk-referrals-page { padding:18px 10px 94px; } .rk-ref-hero { padding:20px 16px; } .rk-ref-summary { grid-template-columns:repeat(2,1fr); gap:8px; } .rk-ref-stat { padding:14px; } .rk-ref-stat strong { font-size:23px; } .rk-ref-rewards,.rk-ref-activity,.rk-ref-how,.rk-ref-empty { padding:17px 15px; } .rk-ref-link-row { display:block; } .rk-ref-link-row input { width:100%; } .rk-ref-primary { width:100%; margin-top:8px; } .rk-ref-share-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .rk-ref-share { width:100%; padding:0 7px; } .rk-ref-how ol { grid-template-columns:1fr; } }
@media(max-width:600px) { .rk-referrals-page.is-inactive { padding-bottom:8px; } .rk-ref-empty h1 { font-size:28px; line-height:1.14; } .rk-ref-empty { padding:20px 15px; } }
@media(max-width:600px) { .rk-ref-how li small { font-size:11px; line-height:1.45; } }
@media(max-width:767px) {
    /* The referral dashboard is an app-like mobile surface; its fixed nav is
       the visual endpoint. Keep this scoped to the page, not the shared shell. */
    body:has(.rk-referrals-page) { padding-bottom:0; }
    body:has(.rk-referrals-page) .page-content { padding-bottom:0 !important; }
    body:has(.rk-referrals-page) .site-footer { display:none; }
    .rk-referrals-page:not(.is-inactive) { padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
    .rk-referrals-page.is-inactive { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
}
@media(max-width:600px) {
    .rk-seo-landing { padding-bottom:104px; }
    .rk-seo-landing__header { margin-bottom:24px !important; }
    .rk-seo-landing__intro { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4; }
    .rk-seo-landing__stats { gap:6px; margin-top:12px; }
    .rk-seo-landing__stat { max-width:100%; }
    .rk-seo-landing__listings > h2 { margin-bottom:11px; font-size:28px; }
    .rk-seo-landing__card-wrap .account-card-cover { aspect-ratio:16/8; }
    .rk-seo-landing__guide, .rk-seo-landing__related { margin-top:22px; padding:14px; }
    .rk-seo-landing__guide h2, .rk-seo-landing__related h2 { font-size:16px; }
}