/* Mobile Achievement + Global Map Fix v1 */

/* Global world-map layer for pages that do not show the map */
.tc-global-map-bg{
    position:fixed;
    inset:0;
    z-index:-1000;
    pointer-events:none;
    background:url('assets/world/world_map_main.png') center/cover no-repeat;
    filter:brightness(.34) blur(1px);
    transform:scale(1.03);
}

.tc-global-map-overlay{
    position:fixed;
    inset:0;
    z-index:-999;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 30%,rgba(255,215,0,.16),rgba(0,0,0,.86) 62%),
        linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.96));
}

/* Achievement desktop: keep visible but not blocking too much */
.tc-achievement-panel{
    transition:.25s ease !important;
}

/* Mobile: collapse achievement panel into a small side badge */
.tc-achievement-toggle{
    position:fixed;
    right:12px;
    top:156px;
    z-index:2147483640;
    width:52px;
    height:52px;
    border-radius:18px;
    border:1px solid rgba(255,215,0,.45);
    background:linear-gradient(45deg,#ffcc00,#ff8a00);
    color:#000;
    font-size:23px;
    font-weight:1000;
    box-shadow:0 0 28px rgba(255,215,0,.28);
    display:none;
}

@media(max-width:768px){
    .tc-achievement-panel{
        position:fixed !important;
        right:10px !important;
        left:auto !important;
        top:220px !important;
        bottom:auto !important;
        width:min(330px,88vw) !important;
        max-height:58vh !important;
        transform:translateX(calc(100% + 18px)) !important;
        opacity:0 !important;
        pointer-events:none !important;
        z-index:2147483641 !important;
    }

    body.tc-ach-open .tc-achievement-panel{
        transform:translateX(0) !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }

    .tc-achievement-toggle{
        display:block !important;
    }

    .tc-title-chip{
        max-width:150px !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;
        top:116px !important;
        left:10px !important;
    }

    .tc-achievement-float{
        top:88px !important;
        width:90vw !important;
        min-width:0 !important;
    }
}