/* =========================================================
   AVGUST ROLE PLAY — GLOBAL SCROLLBAR
   Loaded on every page that uses the common site header:
   public pages, UCP, admin panel and the state map.
   Only scrollbars are affected; page layouts are untouched.
   ========================================================= */

:root{
    --avg-scroll-track:#08060b;
    --avg-scroll-track-2:#100914;
    --avg-scroll-thumb-1:#65218b;
    --avg-scroll-thumb-2:#a635d0;
    --avg-scroll-thumb-3:#dc67d0;
    --avg-scroll-glow:rgba(190,74,231,.42);
}

html{
    scrollbar-width:thin;
    scrollbar-color:#a635d0 var(--avg-scroll-track);
}

/* Also theme internal scroll areas (UCP tables, menus, map panels, etc.). */
*{
    scrollbar-width:thin;
    scrollbar-color:#9230bd var(--avg-scroll-track);
}

::-webkit-scrollbar{
    width:10px;
    height:10px;
}

::-webkit-scrollbar-track{
    background:
        linear-gradient(180deg,var(--avg-scroll-track),var(--avg-scroll-track-2) 48%,var(--avg-scroll-track));
    box-shadow:inset 1px 0 0 rgba(255,255,255,.025);
}

::-webkit-scrollbar-thumb{
    min-height:52px;
    border:2px solid var(--avg-scroll-track);
    border-radius:999px;
    background:
        linear-gradient(180deg,
            var(--avg-scroll-thumb-1) 0%,
            var(--avg-scroll-thumb-2) 46%,
            var(--avg-scroll-thumb-3) 74%,
            #8627ad 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        0 0 10px rgba(176,55,218,.20);
}

::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#7f27aa 0%,#c148e7 48%,#ef7fc9 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.16),
        0 0 15px var(--avg-scroll-glow);
}

::-webkit-scrollbar-thumb:active{
    background:linear-gradient(180deg,#9632c4,#d95af0 58%,#f18ab8);
}

::-webkit-scrollbar-corner{
    background:var(--avg-scroll-track);
}

@media (max-width:720px){
    ::-webkit-scrollbar{
        width:7px;
        height:7px;
    }
}

/* V3: explicit coverage for every site section and internal scroll container. */
html,body,
.ucp-layout,.ucp-sidebar,.ucp-content,
.admin-layout,.admin-sidebar,.admin-content,
.map-shell,.map-panel,#game-map,
.table-wrap,.modal,.dropdown,.nav{
    scrollbar-width:thin;
    scrollbar-color:#a936d2 #08060b;
}

body::-webkit-scrollbar,
.ucp-layout::-webkit-scrollbar,.ucp-sidebar::-webkit-scrollbar,.ucp-content::-webkit-scrollbar,
.admin-layout::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar,.admin-content::-webkit-scrollbar,
.map-shell::-webkit-scrollbar,.map-panel::-webkit-scrollbar,#game-map::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,.modal::-webkit-scrollbar,.dropdown::-webkit-scrollbar,.nav::-webkit-scrollbar{
    width:10px;
    height:10px;
}