:root{
    --FONT_FAMILY:'Geist Mono', monospace;
    --BG:#FFF7ED;
    --CARD:#FFFFFF;
    --CARD2:#FFF3E6;
    --TEXT:#1F2937;
    --MUTED:#6B7280;
    --SOFT:#4B5563;
    --GOLD:#F97316;
    --GOLD2:#EA580C;
    --PURPLE:#FB923C;
    --BORDER:rgba(249,115,22,.16);
    --GOLD_BORDER:rgba(249,115,22,.32);
    --BODY_BG:#F3F4F6;
    --BODY_BG_IMAGE:none;
    --RADIUS:16px;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    background-color:var(--BODY_BG);
    background-image:var(--BODY_BG_IMAGE);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:var(--TEXT);
    font-family:var(--FONT_FAMILY);
}

button,
[role="button"]{
    font-family:var(--FONT_FAMILY);
    cursor:pointer;
}

[role="button"]{
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}

[role="button"]:focus{
    outline:none;
}

[role="button"]:focus-visible{
    box-shadow:0 0 0 3px rgba(249,115,22,.16);
}

.APP{
    width:100%;
    max-width:430px;
    min-height:100vh;
    margin:0 auto;
    padding-bottom:66px;
    background: var(--BG);
    box-shadow:0 0 70px rgba(234,88,12,.16);
}

.BOTTOM-NAV{
    position:fixed;
    left:50%;
    bottom:0;
    z-index:82;
    width:100%;
    max-width:430px;
    min-height:56px;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:0;
    padding:6px 10px calc(7px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,237,.96));
    border:1px solid #FED7AA;
    border-bottom:0;
    border-radius:18px 18px 0 0;
    box-shadow:
        0 -18px 34px rgba(17,24,39,.12),
        0 -8px 20px rgba(249,115,22,.18);
    transform:translateX(-50%);
    backdrop-filter:blur(12px);
}

.BOTTOM-NAV-ITEM{
    position:relative;
    min-width:0;
    height:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:0 3px;
    border:1px solid transparent;
    border-radius:12px;
    color:#6B7280;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:700;
    line-height:1;
}

.BOTTOM-NAV-ITEM::before{
    content:'';
    position:absolute;
    inset:0 7px;
    z-index:0;
    border-radius:12px;
    opacity:0;
    background:linear-gradient(180deg, #FB923C 0%, #F97316 52%, #EA580C 100%);
    border:2px solid #FDBA74;
    box-shadow:0 6px 14px rgba(249,115,22,.22);
    transition:opacity .16s ease;
}

.BOTTOM-NAV-ITEM:not(:last-child)::after{
    content:'';
    position:absolute;
    top:9px;
    right:0;
    z-index:3;
    width:1px;
    height:24px;
    background:linear-gradient(180deg, transparent, rgba(249,115,22,.24), transparent);
}

.BOTTOM-NAV-ITEM > span{
    position:relative;
    z-index:2;
}

.BOTTOM-NAV-ITEM > span:last-child{
    min-height:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.BOTTOM-NAV-ITEM .material-symbols-rounded{
    color:#F97316;
    font-size:21px;
    line-height:1;
}

.BOTTOM-NAV-SLOT-ICON{
    min-width:23px;
    height:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:999px;
    color:#FFF7ED;
    background:#F97316;
    border:1px solid #F97316;
    box-shadow:0 2px 6px rgba(249,115,22,.12);
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    margin-top:4px;
    margin-bottom:3px;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE{
    color:#FFFFFF;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    padding-top:2px;
    padding-bottom:5px;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE::before{
    opacity:1;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE .material-symbols-rounded{
    color:#FFFFFF;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE .BOTTOM-NAV-SLOT-ICON{
    color:#F97316;
    background:#FFFFFF;
    border-color:#FFFFFF;
}

.CONTAINER{
    width:100%;
    padding:0 12px;
}

.SECTION{
    margin-top:10px;
}

.SECTION-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}

.SECTION-TITLE{
    margin:0;
    font-family:var(--FONT_FAMILY);
    font-size:14px;
    color:var(--TEXT);
    letter-spacing:.4px;
}

.VIEW-ALL,
.PLAY-LINK{
    color:var(--GOLD);
    font-size:10px;
    font-weight:700;
}

.VIEW-ALL{
    display:inline-flex;
    align-items:center;
    gap:3px;
}

.VIEW-ALL-ICON{
    width:14px;
    height:14px;
    flex:0 0 14px;
    font-size:14px !important;
    line-height:1;
}

.BTN{
    height:38px;
    border-radius:10px;
    padding:0 13px;
    font-size:11px;
    font-weight:700;
    border:0;
    white-space:nowrap;
}

.BTN-GOLD{
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, var(--GOLD2));
    box-shadow:0 8px 22px rgba(234,88,12,.22);
}

.BTN-DARK{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
}

.CARD{
    border-radius:var(--RADIUS);
    background:linear-gradient(180deg, #FFFFFF, #FFF7ED);
    border:1px solid var(--BORDER);
    box-shadow:0 10px 28px rgba(249,115,22,.08);
}

.SCROLL-X{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 6px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
    cursor:grab;
}

.SCROLL-X:active{
    cursor:grabbing;
}

.SCROLL-X.IS-DRAGGING{
    user-select:none;
    scroll-snap-type:none;
}

.SCROLL-X > *{
    flex:0 0 auto;
}

.SCROLL-X::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
}

.MAIN-LOBBY-VIEW[hidden],
.MENU-PAGE-VIEW[hidden],
.MENU-PAGE[hidden],
.BOTTOM-PAGE-VIEW[hidden],
.BOTTOM-PAGE[hidden]{
    display:none;
}

.MENU-PAGE-VIEW{
    min-height:calc(100vh - 82px);
    padding-top:10px;
}

.MENU-PAGE{
    min-height:calc(100vh - 104px);
    display:none;
    align-items:flex-start;
    justify-content:flex-start;
    padding:16px 0;
    --animate-duration:.32s;
}

.MENU-PAGE.IS-ACTIVE{
    display:flex;
}

.BOTTOM-PAGE-VIEW{
    min-height:calc(100vh - 124px);
}

.BOTTOM-PAGE{
    min-height:calc(100vh - 146px);
    display:none;
    padding:10px 0;
    --animate-duration:.32s;
}

.BOTTOM-PAGE.IS-ACTIVE{
    display:block;
}

.BOTTOM-PAGE-CARD{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:24px 16px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    text-align:center;
    box-shadow:0 12px 28px rgba(249,115,22,.08);
}

.BOTTOM-PAGE-ICON{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#F97316;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.BOTTOM-PAGE-ICON .material-symbols-rounded{
    font-size:24px;
}

.BOTTOM-PAGE-ICON .BOTTOM-NAV-SLOT-ICON{
    margin:0;
}

.BOTTOM-PAGE-CARD h2{
    margin:0;
    font-size:16px;
    font-weight:700;
}

.BOTTOM-PAGE-CARD p{
    margin:0;
    color:#6B7280;
    font-size:11px;
    font-weight:700;
}

.BOTTOM-PAGE-BLANK{
    min-height:180px;
}

.SLOT-PAGE-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.SLOT-HERO{
    position:relative;
    min-height:124px;
    overflow:hidden;
    padding:16px 126px 15px 15px;
    border-radius:20px;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.78) 0 16%, transparent 17%),
        radial-gradient(circle at 18% 10%, rgba(253,186,116,.58) 0 18%, transparent 19%),
        linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 48%, #FFEDD5 100%);
    border:1px solid #FDBA74;
    box-shadow:
        0 16px 34px rgba(249,115,22,.12),
        inset 0 1px 0 rgba(255,255,255,.76);
}

.SLOT-HERO::after{
    content:'';
    position:absolute;
    right:-30px;
    bottom:-42px;
    width:156px;
    height:156px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(249,115,22,.16), rgba(234,88,12,.04));
    border:1px solid rgba(249,115,22,.18);
}

.SLOT-HERO-COPY{
    position:relative;
    z-index:2;
}

.SLOT-KICKER{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    min-height:18px;
    padding:0 8px;
    border-radius:999px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.SLOT-HERO h2{
    margin:9px 0 6px;
    color:#1F2937;
    font-size:20px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:-.3px;
}

.SLOT-HERO p{
    margin:0;
    max-width:220px;
    color:#64748B;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.SLOT-HERO-STATS{
    width:auto;
    max-width:none;
    position:absolute;
    top:50%;
    right:7px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    transform:translateY(-50%);
}

.SLOT-TYPE-BTN{
    height:20px;
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:0 5px 0 4px;
    border-radius:8px;
    color:#64748B;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    font-family:var(--FONT_FAMILY);
    font-size:7px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 5px 12px rgba(15,23,42,.04);
    transition:background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease, transform .16s ease;
}

.SLOT-TYPE-BTN strong{
    display:inline-flex;
    align-items:center;
    height:10px;
    color:#EA580C;
    font-size:7px;
    line-height:1;
    transform:translateY(-1px);
}

.SLOT-TYPE-BTN > span:not(.SLOT-TYPE-CHECK){
    display:inline-flex;
    align-items:center;
    height:10px;
    line-height:1;
    transform:translateY(-1px);
}

.SLOT-TYPE-CHECK{
    width:10px;
    height:10px;
    display:none !important;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    color:transparent;
    background:#FFF7ED;
    border:1px solid #FDBA74;
    font-size:7px;
    line-height:1;
    transform:translateY(-.8px);
}

.SLOT-TYPE-BTN:not(.IS-ACTIVE) .SLOT-TYPE-CHECK{
    display:none !important;
}

.SLOT-TYPE-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, #F97316 58%, #EA580C);
    border-color:#FB923C;
    box-shadow:
        0 8px 16px rgba(249,115,22,.22),
        inset 0 1px 0 rgba(255,255,255,.28);
    transform:none;
}

.SLOT-TYPE-BTN.IS-ACTIVE strong{
    color:#FFFFFF;
}

.SLOT-TYPE-BTN.IS-ACTIVE .SLOT-TYPE-CHECK{
    display:inline-flex !important;
    color:#EA580C;
    background:#FFFFFF;
    border-color:#FFFFFF;
}

.SLOT-HERO-EMBLEM{
    position:absolute;
    top:19px;
    right:17px;
    z-index:2;
    width:88px;
    height:88px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:24px;
    color:#FFFFFF;
    background:
        linear-gradient(160deg, rgba(255,255,255,.24), rgba(255,255,255,0) 38%),
        linear-gradient(180deg, #FB923C, #F97316 54%, #EA580C);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 14px 26px rgba(234,88,12,.24);
    transform:rotate(4deg);
}

.SLOT-HERO-EMBLEM .BOTTOM-NAV-SLOT-ICON{
    min-width:41px;
    height:20px;
    margin:0;
    color:#EA580C;
    background:#FFFFFF;
    border-color:#FFFFFF;
    font-size:11px;
    box-shadow:0 5px 12px rgba(17,24,39,.16);
}

.SLOT-HERO-EMBLEM > .material-symbols-rounded{
    color:#FFFFFF;
    font-size:31px;
    line-height:1;
    filter:drop-shadow(0 4px 8px rgba(15,23,42,.18));
}

.SLOT-HERO-EMBLEM small{
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.SLOT-SECTION-HEAD{
    margin-bottom:8px;
}

.SLOT-SECTION-PILL{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 8px;
    border-radius:999px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SLOT-TOP-LAYOUT{
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
    gap:8px;
}

.SLOT-FEATURED-GAME,
.SLOT-MINI-GRID,
.SLOT-GAMES-GRID{
    min-width:0;
}

.SLOT-MINI-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.SLOT-GAME-TILE{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-radius:15px;
    background:#FFF7ED;
    border:1px solid rgba(254,215,170,.92);
    box-shadow:0 10px 22px rgba(15,23,42,.08);
    isolation:isolate;
}

.SLOT-GAME-TILE::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, #FFF7ED 0%, #FFEDD5 45%, #FFF7ED 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.SLOT-GAME-TILE::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(180deg, rgba(15,23,42,0) 42%, rgba(15,23,42,.20) 68%, rgba(15,23,42,.76) 100%),
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 38%);
}

.SLOT-GAME-TILE.IS-IMAGE-LOADED::before{
    display:none;
}

.SLOT-GAME-TILE img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease, transform .24s ease;
}

.SLOT-GAME-TILE.IS-IMAGE-LOADED img{
    opacity:1;
}

.SLOT-GAME-TILE:hover img{
    transform:scale(1.04);
}

.SLOT-GAME-TILE.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, #FFF7ED, #FED7AA);
}

.SLOT-GAME-TILE-FEATURED{
    height:176px;
}

.SLOT-GAME-TILE-MINI{
    height:54px;
    border-radius:12px;
}

.SLOT-GAME-TILE-GRID{
    aspect-ratio:1 / 1;
}

.SLOT-BADGE{
    position:absolute;
    z-index:4;
    min-height:15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.SLOT-BADGE{
    top:6px;
    left:6px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.56);
    box-shadow:0 2px 5px rgba(15,23,42,.16);
}

.SLOT-BADGE-HOT{
    background:linear-gradient(180deg, #FB7185, #E11D48);
}

.SLOT-BADGE-NEW{
    background:linear-gradient(180deg, #4ADE80, #16A34A);
}

.SLOT-GAME-TITLE{
    position:absolute;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:4;
    color:#FFFFFF;
    font-size:10px;
    font-weight:900;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 7px rgba(0,0,0,.74);
}

.SLOT-GAME-TILE-FEATURED .SLOT-GAME-TITLE{
    font-size:15px;
    line-height:1;
}

.SLOT-GAME-TILE-MINI .SLOT-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:7px;
    line-height:1;
}

.SLOT-GAME-TILE-MINI .SLOT-BADGE{
    top:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.SLOT-GAME-TILE-MINI .SLOT-BADGE{
    left:4px;
}

.SLOT-FILTERS{
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.SLOT-FILTERS::-webkit-scrollbar{
    display:none;
}

.SLOT-FILTER-BTN{
    min-width:74px;
    height:32px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    font-size:9px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    text-transform:uppercase;
    box-shadow:0 7px 15px rgba(249,115,22,.08);
}

.SLOT-FILTER-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, #F97316 58%, #EA580C);
    border-color:#FB923C;
    box-shadow:0 9px 18px rgba(249,115,22,.22);
}

.SLOT-SEARCH{
    position:relative;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 7px 0 10px;
    border-radius:13px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 10px 22px rgba(15,23,42,.06);
}

.SLOT-SEARCH .material-symbols-rounded{
    flex:0 0 auto;
    color:#F97316;
    font-size:18px;
}

.SLOT-SEARCH input{
    width:auto;
    min-width:0;
    flex:1 1 auto;
    height:40px;
    padding:0 178px 0 6px;
    border:0;
    outline:0;
    color:#1F2937;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
}

.SLOT-SEARCH input::placeholder{
    color:#94A3B8;
}

.SLOT-GAMES-GRID{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
}

.SLOT-GAMES-GRID .SLOT-GAME-TILE{
    border-radius:13px;
}

.SLOT-GAMES-GRID .SLOT-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.02;
}

.SLOT-GAMES-GRID .SLOT-BADGE{
    top:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.SLOT-GAMES-GRID .SLOT-BADGE{
    left:4px;
}

.SLOT-EMPTY{
    grid-column:1 / -1;
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed #FDBA74;
    font-size:11px;
    font-weight:800;
}

.SLOT-BACK-TOP{
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-top:11px;
    margin-bottom:4px;
    border:1px solid #FDBA74;
    border-radius:14px;
    color:#EA580C;
    background:linear-gradient(180deg, #FFFFFF, #FFF7ED);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 10px 22px rgba(249,115,22,.10);
}

.SLOT-BACK-TOP .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

@media(max-width:360px){
    .SLOT-HERO{
        padding-right:108px;
    }

    .SLOT-HERO-EMBLEM{
        right:12px;
        width:78px;
        height:78px;
    }

    .SLOT-TOP-LAYOUT{
        gap:7px;
    }

    .SLOT-GAME-TILE-FEATURED{
        height:160px;
    }

    .SLOT-GAME-TILE-MINI{
        height:48px;
    }

    .SLOT-GAMES-GRID{
        gap:7px;
    }

    .SLOT-GAMES-GRID .SLOT-GAME-TITLE{
        font-size:7px;
    }
}

.SUPPORT-PAGE-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.SUPPORT-PAGE-HEADER{
    padding:4px 2px 2px;
}

.SUPPORT-PAGE-HEADER h2{
    margin:0 0 6px;
    color:var(--GOLD2);
    font-size:20px;
    font-weight:800;
    line-height:1.1;
}

.SUPPORT-PAGE-HEADER p{
    margin:0;
    color:#4B5563;
    font-size:11px;
    font-weight:700;
    line-height:1.45;
}

.HELP-FAQ-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.HELP-CATEGORY-FILTERS{
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 1px 3px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.HELP-CATEGORY-FILTERS::-webkit-scrollbar{
    display:none;
}

.HELP-CATEGORY-BTN{
    flex:0 0 auto;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border-radius:999px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:0 7px 16px rgba(249,115,22,.08);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.HELP-CATEGORY-BTN strong{
    min-width:17px;
    height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    color:#FFFFFF;
    background:#F97316;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.HELP-CATEGORY-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:#F97316;
    border-color:#EA580C;
}

.HELP-CATEGORY-BTN.IS-ACTIVE strong{
    color:#EA580C;
    background:#FFFFFF;
}

.HELP-FAQ-ITEM{
    padding:12px 13px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.HELP-FAQ-ITEM-HEAD{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-bottom:6px;
}

.HELP-FAQ-ITEM h3{
    min-width:0;
    margin:0;
    color:#1F2937;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}

.HELP-FAQ-BADGE{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    color:#92400E;
    background:#FEF3C7;
    border:1px solid #FCD34D;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.HELP-FAQ-BADGE.IS-transaction{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.HELP-FAQ-BADGE.IS-games{
    color:#1D4ED8;
    background:#DBEAFE;
    border-color:#93C5FD;
}

.HELP-FAQ-BADGE.IS-account{
    color:#C2410C;
    background:#FFEDD5;
    border-color:#FDBA74;
}

.HELP-FAQ-ITEM p{
    margin:0;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.SUPPORT-CONCERN-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.SUPPORT-CONCERN-FORM label{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-FIELD{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.SUPPORT-FIELD-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.SUPPORT-FIELD-HEAD label,
.SUPPORT-FIELD-HEAD > span{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-CONCERN-TITLE,
.SUPPORT-CONCERN-INPUT,
.SUPPORT-REPLY-INPUT{
    width:100%;
    resize:none;
    border-radius:12px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:11px;
    font-weight:700;
    line-height:1.45;
    outline:none;
}

.SUPPORT-CONCERN-TITLE{
    height:38px;
    padding:0 10px;
}

.SUPPORT-CONCERN-INPUT{
    min-height:82px;
    padding:10px;
}

.SUPPORT-REPLY-INPUT{
    min-height:62px;
    padding:9px;
}

.SUPPORT-CHAR-COUNT{
    flex:0 0 auto;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-align:right;
}

.SUPPORT-CONCERN-INPUT:focus,
.SUPPORT-CONCERN-TITLE:focus,
.SUPPORT-REPLY-INPUT:focus{
    border-color:#FDBA74;
    box-shadow:0 0 0 3px rgba(249,115,22,.10);
}

.SUPPORT-ATTACH-FIELD{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    align-items:center;
    gap:8px;
}

.SUPPORT-ATTACH-INPUT{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    clip-path:inset(50%);
}

.SUPPORT-ATTACH-BTN{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:#EA580C !important;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    box-shadow:0 7px 16px rgba(249,115,22,.08);
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
}

.SUPPORT-ATTACH-BTN .material-symbols-rounded{
    font-size:16px;
    line-height:1;
}

.SUPPORT-ATTACH-PREVIEW{
    min-width:0;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-ATTACHMENT{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:8px;
    padding:5px 8px;
    border-radius:999px;
    color:#9A3412;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
}

.SUPPORT-ATTACHMENT:hover{
    color:#EA580C;
}

.SUPPORT-ATTACHMENT .material-symbols-rounded{
    flex:0 0 auto;
    color:#F97316;
    font-size:14px;
    line-height:1;
}

.SUPPORT-ATTACHMENT-NAME{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-ATTACHMENT-SIZE{
    flex:0 0 auto;
    color:#9CA3AF;
}

.SUPPORT-CONCERN-SUBMIT,
.SUPPORT-REPLY-SUBMIT{
    width:100%;
    height:36px;
    border-radius:11px;
    font-size:10px;
}

.SUPPORT-CONCERN-SUBMIT:disabled,
.SUPPORT-REPLY-SUBMIT:disabled{
    cursor:not-allowed;
    opacity:.72;
}

.SUPPORT-CONCERN-STATUS,
.SUPPORT-REPLY-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.SUPPORT-CONCERN-STATUS.IS-ACTIVE,
.SUPPORT-REPLY-STATUS.IS-ACTIVE{
    display:block;
}

.SUPPORT-CONCERN-STATUS.IS-ERROR,
.SUPPORT-REPLY-STATUS.IS-ERROR{
    color:#B91C1C;
}

.SUPPORT-CONCERN-STATUS.IS-NEUTRAL,
.SUPPORT-REPLY-STATUS.IS-NEUTRAL{
    color:#64748B;
}

.SUPPORT-RECENT{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.SUPPORT-RECENT-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.SUPPORT-RECENT-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.SUPPORT-RECENT-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.SUPPORT-CONCERNS-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.SUPPORT-CONCERNS-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.SUPPORT-LOAD-MORE{
    width:100%;
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:0 8px 18px rgba(249,115,22,.08);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-LOAD-MORE[hidden]{
    display:none !important;
}

.SUPPORT-LOAD-MORE:disabled{
    cursor:not-allowed;
    opacity:.68;
}

.SUPPORT-LOAD-MORE[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.68;
}

.SUPPORT-TICKET{
    overflow:hidden;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.SUPPORT-TICKET-HEAD{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:11px 12px;
    color:#1F2937;
    background:#FFFFFF;
    border:0;
    text-align:left;
}

.SUPPORT-TICKET-ID{
    display:block;
    margin-bottom:4px;
    color:#EA580C;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-TICKET-NOTIFY-BADGE{
    min-width:54px;
    min-height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:6px;
    padding:0 6px;
    border-radius:999px;
    color:#FFFFFF;
    background:#22C55E;
    box-shadow:0 5px 12px rgba(34,197,94,.22);
    font-size:7px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    vertical-align:middle;
}

.SUPPORT-TICKET-TITLE{
    display:block;
    overflow:hidden;
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1.25;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-TICKET-DATE{
    display:block;
    margin-top:4px;
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
}

.SUPPORT-TICKET-STATUS{
    padding:4px 7px;
    border-radius:999px;
    color:#15803D;
    background:#DCFCE7;
    border:1px solid #BBF7D0;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.SUPPORT-TICKET-STATUS.IS-PENDING{
    color:#92400E;
    background:#FEF3C7;
    border-color:#FCD34D;
}

.SUPPORT-TICKET-STATUS.IS-RESOLVED{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.SUPPORT-TICKET-STATUS.IS-CLOSED{
    color:#64748B;
    background:#F1F5F9;
    border-color:#CBD5E1;
}

.SUPPORT-TICKET-HEAD .material-symbols-rounded{
    color:#EA580C;
    font-size:19px;
    transition:transform .18s ease;
}

.SUPPORT-TICKET.IS-OPEN .SUPPORT-TICKET-HEAD .material-symbols-rounded{
    transform:rotate(180deg);
}

.SUPPORT-TICKET-BODY{
    display:none;
    padding:0 12px 12px;
    border-top:1px solid #F3F4F6;
}

.SUPPORT-TICKET.IS-OPEN .SUPPORT-TICKET-BODY{
    display:block;
}

.SUPPORT-TICKET-MESSAGE,
.SUPPORT-REPLY{
    margin-top:10px;
    padding:10px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.SUPPORT-TICKET-MESSAGE{
    background:
        linear-gradient(180deg, #FFF7ED, #FFFFFF);
    border-color:#FDBA74;
    box-shadow:0 9px 20px rgba(249,115,22,.08);
}

.SUPPORT-TICKET-MESSAGE strong,
.SUPPORT-REPLY strong{
    display:block;
    margin-bottom:4px;
    color:#1F2937;
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-MESSAGE-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:4px;
}

.SUPPORT-MESSAGE-META strong{
    margin:0;
}

.SUPPORT-MESSAGE-META span{
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
    text-align:right;
}

.SUPPORT-TICKET-MESSAGE h4{
    margin:0 0 5px;
    color:#C2410C;
    font-size:11px;
    font-weight:900;
    line-height:1.25;
    text-transform:none;
}

.SUPPORT-TICKET-MESSAGE p,
.SUPPORT-REPLY p{
    margin:0;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.SUPPORT-VOUCHER{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:9px;
    padding:8px;
    border-radius:12px;
    background:linear-gradient(135deg, #F7FDF9, #ECFDF3);
    border:1px solid #BBF7D0;
    box-shadow:0 10px 22px rgba(22,163,74,.08);
}

.SUPPORT-VOUCHER > div{
    min-width:0;
}

.SUPPORT-VOUCHER strong{
    margin:0 0 3px;
    color:#1F2937;
    font-size:8px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-VOUCHER p{
    margin:0;
    color:#4B5563;
    font-size:8px;
    font-weight:800;
    line-height:1.35;
}

.SUPPORT-VOUCHER-CODE{
    flex:0 0 auto;
    max-width:128px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:28px;
    padding:0 8px;
    border:0;
    border-radius:999px;
    color:#FFFFFF;
    background:linear-gradient(135deg, #34D399, #16A34A);
    box-shadow:0 8px 16px rgba(22,163,74,.18);
    cursor:pointer;
}

.SUPPORT-VOUCHER-CODE span:first-child{
    min-width:0;
    display:inline-flex;
    align-items:center;
    height:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:9px;
    font-weight:900;
    letter-spacing:.03em;
    line-height:1;
}

.SUPPORT-VOUCHER-CODE .material-symbols-rounded{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-size:14px;
    line-height:1;
}

.SUPPORT-VOUCHER-CODE.IS-COPIED{
    background:linear-gradient(135deg, #16A34A, #15803D);
    box-shadow:0 8px 16px rgba(22,163,74,.22);
}

.SUPPORT-REPLY.IS-SUPPORT{
    background:linear-gradient(180deg, #F7FDF9, #FFFFFF);
    border-color:#BBF7D0;
    box-shadow:0 9px 20px rgba(22,163,74,.06);
}

.SUPPORT-REPLY.IS-SUPPORT .SUPPORT-REPLY-META strong{
    color:#1F2937;
}

.SUPPORT-REPLY.IS-SUPPORT p{
    color:#4B5563;
}

.SUPPORT-REPLY-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:4px;
}

.SUPPORT-REPLY-META strong{
    margin:0;
}

.SUPPORT-REPLY-META span{
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
    text-align:right;
}

.SUPPORT-NO-REPLY{
    margin:10px 0 0;
    color:#9CA3AF;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}

.SUPPORT-CLOSED-NOTE{
    margin:10px 0 0;
    padding:9px 10px;
    border-radius:12px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
}

.SUPPORT-REPLY-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:10px;
}

.CASHIER-CONTENT{
    gap:12px;
}

.CASHIER-TABS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:4px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-TAB{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-TAB.IS-ACTIVE{
    color:#FFFFFF;
    background:#F97316;
    box-shadow:0 8px 18px rgba(249,115,22,.14);
}

.CASHIER-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:6px 9px 9px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-FORM label{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-METHODS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.CASHIER-METHOD-BTN{
    min-width:0;
    height:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0 3px 3px;
    border-radius:13px;
    color:#4B5563;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:9px;
    font-weight:800;
    line-height:1;
}

.CASHIER-METHOD-BTN[hidden]{
    display:none;
}

.CASHIER-METHOD-BTN img{
    width:64px;
    height:36px;
    display:block;
    margin-top:-3px;
    object-fit:contain;
}

.CASHIER-METHOD-FALLBACK{
    min-width:48px;
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:3px;
    color:#F97316;
    font-size:13px;
    font-weight:900;
}

.CASHIER-METHOD-BTN span{
    margin-top:-2px;
}

.CASHIER-METHOD-BTN.IS-ACTIVE{
    color:#EA580C;
    background:#FFF7ED;
    border-color:#FDBA74;
    box-shadow:0 8px 18px rgba(249,115,22,.10);
}

.CASHIER-ACCOUNT-FIELDS{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
}

.CASHIER-ACCOUNT-FIELDS[hidden]{
    display:none !important;
}

.CASHIER-ACCOUNT-FIELD{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.CASHIER-ACCOUNT-FIELD span{
    overflow:hidden;
    color:#1F2937;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.CASHIER-ACCOUNT-FIELD input{
    width:100%;
    height:37px;
    min-width:0;
    padding:0 10px;
    border-radius:12px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
    outline:0;
}

.CASHIER-ACCOUNT-FIELD input:focus{
    border-color:#FDBA74;
    box-shadow:0 0 0 3px rgba(249,115,22,.10);
}

.CASHIER-ACCOUNT-FIELD input::placeholder{
    color:#9CA3AF;
}

.CASHIER-AMOUNT-WRAP{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.CASHIER-AMOUNT-WRAP span{
    color:#EA580C;
    font-size:10px;
    font-weight:800;
    line-height:1;
}

.CASHIER-AMOUNT-INPUT{
    width:100%;
    height:34px;
    min-width:0;
    border:0;
    color:#1F2937;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:13px;
    font-weight:800;
    line-height:1;
    outline:none;
}

.CASHIER-AMOUNT-WRAP:focus-within{
    border-color:#FDBA74;
    box-shadow:0 0 0 3px rgba(249,115,22,.10);
}

.CASHIER-LIMIT-TEXT{
    color:#6B7280;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
}

.CASHIER-TURNOVER{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:10px;
    border-radius:13px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:0 8px 18px rgba(249,115,22,.07);
}

.CASHIER-TURNOVER[hidden]{
    display:none !important;
}

.CASHIER-TURNOVER-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.CASHIER-TURNOVER-HEAD span{
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-TURNOVER-HEAD strong{
    min-width:72px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:999px;
    color:#C2410C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.CASHIER-TURNOVER-BAR{
    position:relative;
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.CASHIER-TURNOVER-BAR span{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, #FDBA74, #F97316);
    transition:width .24s ease;
}

.CASHIER-TURNOVER-GRID{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.CASHIER-TURNOVER-GRID div{
    min-width:0;
    padding:7px 6px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.CASHIER-TURNOVER-GRID span,
.CASHIER-TURNOVER-GRID strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.CASHIER-TURNOVER-GRID span{
    margin-bottom:4px;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.CASHIER-TURNOVER-GRID strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.CASHIER-TURNOVER.IS-COMPLETE{
    border-color:#BBF7D0;
    box-shadow:0 8px 18px rgba(22,163,74,.08);
}

.CASHIER-TURNOVER.IS-COMPLETE .CASHIER-TURNOVER-HEAD strong{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.CASHIER-TURNOVER.IS-COMPLETE .CASHIER-TURNOVER-BAR span{
    background:linear-gradient(90deg, #86EFAC, #16A34A);
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-HEAD strong{
    color:#B45309;
    background:#FFFBEB;
    border-color:#FDE68A;
}

.CASHIER-TURNOVER.IS-LOADING .CASHIER-TURNOVER-BAR span{
    width:18% !important;
    background:linear-gradient(90deg, #CBD5E1, #94A3B8);
}

.CASHIER-DENOMINATIONS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
}

.CASHIER-DENOM-BTN{
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-DENOM-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:#F97316;
    border-color:#EA580C;
    box-shadow:0 8px 18px rgba(249,115,22,.14);
}

.CASHIER-DENOM-BTN:active{
    transform:translateY(1px);
}

.CASHIER-SUBMIT{
    width:100%;
    height:36px;
    border-radius:12px;
    font-size:10px;
}

.CASHIER-SUBMIT:disabled,
.CASHIER-SUBMIT[aria-disabled="true"]{
    cursor:not-allowed;
    color:rgba(255,255,255,.86);
    background:#F97316;
    border:1px solid #EA580C;
    box-shadow:0 8px 18px rgba(249,115,22,.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.CASHIER-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.CASHIER-STATUS.IS-ACTIVE{
    display:block;
}

.CASHIER-STATUS.IS-ERROR{
    color:#B91C1C;
}

.CASHIER-STATUS.IS-NEUTRAL{
    color:#6B7280;
}

.CASHIER-HISTORY{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.CASHIER-HISTORY-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.CASHIER-HISTORY-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.CASHIER-HISTORY-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.CASHIER-HISTORY-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.CASHIER-HISTORY-LOAD-MORE{
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:0 8px 18px rgba(249,115,22,.08);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-HISTORY-LOAD-MORE[hidden]{
    display:none !important;
}

.CASHIER-HISTORY-LOAD-MORE[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.68;
}

.CASHIER-HISTORY-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.CASHIER-HISTORY-ITEM{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-HISTORY-ROW{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
}

.CASHIER-HISTORY-TXN-COPY{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:0;
    border:0;
    color:#64748B;
    background:transparent;
    cursor:pointer;
    line-height:1;
}

.CASHIER-HISTORY-TXN-LABEL{
    flex:0 0 auto;
    color:#374151;
    font-family:'Geist Mono', monospace;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.CASHIER-HISTORY-HASH{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.CASHIER-HISTORY-TXN-COPY .material-symbols-rounded{
    flex:0 0 auto;
    color:#F97316;
    font-size:12px;
    line-height:1;
}

.CASHIER-HISTORY-TXN-COPY.IS-TXN-COPIED .material-symbols-rounded{
    color:#16A34A;
}

.CASHIER-HISTORY-AMOUNT{
    display:block;
    min-width:0;
    color:#111827;
    font-size:14px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.CASHIER-HISTORY-AMOUNT.IS-DEPOSIT{
    color:#15803D;
}

.CASHIER-HISTORY-AMOUNT.IS-WITHDRAW{
    color:#B91C1C;
}

.CASHIER-HISTORY-TYPE{
    flex:0 0 auto;
    margin-left:auto;
    color:#EA580C;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-align:right;
    text-transform:uppercase;
    white-space:nowrap;
}

.REWARD-PAGE-CONTENT{
    gap:10px;
}

.REWARD-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.REWARD-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}

.VIP-REBATE-CARD{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:12px;
    border-radius:14px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.VIP-REBATE-CARD.IS-REBATE{
    border-color:#FED7AA;
    box-shadow:0 10px 22px rgba(249,115,22,.08);
}

.VIP-REBATE-HEAD{
    display:grid;
    grid-template-columns:38px minmax(0, 1fr) auto;
    align-items:center;
    gap:9px;
    min-height:42px;
    min-width:0;
}

.VIP-REBATE-ICON{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    align-self:center;
    justify-self:center;
}

.VIP-REBATE-ICON .material-symbols-rounded{
    display:block;
    margin:0;
    font-size:21px;
    line-height:1;
}

.VIP-REBATE-HEAD div:not(.VIP-REBATE-ICON){
    min-width:0;
    min-height:38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.VIP-REBATE-HEAD strong,
.VIP-REBATE-HEAD span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-HEAD strong{
    color:#1F2937;
    font-size:12px;
    font-weight:900;
    line-height:1.1;
}

.VIP-REBATE-HEAD span{
    margin-top:3px;
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1;
}

.VIP-REBATE-HEAD b{
    min-width:60px;
    height:24px;
    box-sizing:border-box;
    display:inline-flex;
    align-self:center !important;
    justify-self:center;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:999px;
    color:#15803D;
    background:#F0FDF4;
    border:1px solid #BBF7D0;
    font-size:9px;
    font-weight:900;
    line-height:24px;
    white-space:nowrap;
    transform:translateY(0);
}

.VIP-REBATE-CARD.IS-REBATE .VIP-REBATE-HEAD b{
    min-width:96px;
    max-width:112px;
    overflow:hidden;
    font-size:8px;
    text-overflow:ellipsis;
}

.VIP-REBATE-PROGRESS{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.VIP-REBATE-PROGRESS > div:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-PROGRESS strong{
    color:#1F2937;
    font-size:8px;
    font-weight:900;
    white-space:nowrap;
}

.VIP-REBATE-BAR{
    position:relative;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-BAR span{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, #FDBA74, #F97316);
}

.VIP-REBATE-DESCRIPTION{
    padding:10px;
    border-radius:12px;
    color:#7C2D12;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.VIP-REBATE-DESCRIPTION span,
.VIP-REBATE-DESCRIPTION p{
    display:block;
    margin:0;
}

.VIP-REBATE-DESCRIPTION span{
    margin-bottom:5px;
    color:#EA580C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-DESCRIPTION p{
    color:#7C2D12;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.VIP-REBATE-METRICS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.VIP-REBATE-METRIC{
    min-width:0;
    padding:8px 7px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-METRIC.IS-HIGHLIGHT{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.VIP-REBATE-METRIC span,
.VIP-REBATE-METRIC strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-METRIC span{
    margin-bottom:5px;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-METRIC strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.VIP-REBATE-METRIC.IS-HIGHLIGHT strong{
    color:#15803D;
}

.VIP-REBATE-METRIC.IS-LOSS strong{
    color:#DC2626;
}

.VIP-REBATE-METRICS.IS-REBATE-CLAIM .VIP-REBATE-METRIC{
    background:#FFFFFF;
    border-color:#FED7AA;
}

.VIP-REBATE-METRICS.IS-REBATE-CLAIM .VIP-REBATE-METRIC.IS-HIGHLIGHT{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.VIP-REBATE-RULES{
    padding:9px 10px;
    border-radius:11px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
}

.VIP-REBATE-RULES span,
.VIP-REBATE-RULES p{
    display:block;
    margin:0;
}

.VIP-REBATE-RULES span{
    margin-bottom:5px;
    color:#B91C1C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-RULES p{
    color:#7F1D1D;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.VIP-REBATE-CARD.IS-REBATE.IS-EMPTY{
    border-color:#E5E7EB;
    box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.VIP-REBATE-CARD.IS-REBATE.IS-EMPTY .VIP-REBATE-HEAD b{
    color:#64748B;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.VIP-REBATE-CLAIM-TOTAL{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px;
    border-radius:12px;
    background:linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%);
    border:1px solid #BBF7D0;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL{
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.VIP-REBATE-CLAIM-TOTAL span,
.VIP-REBATE-CLAIM-TOTAL strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-TOTAL span{
    color:#166534;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL span{
    color:#64748B;
}

.VIP-REBATE-CLAIM-TOTAL strong{
    color:#15803D;
    font-size:13px;
    font-weight:900;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL strong{
    color:#475569;
}

.VIP-REBATE-CLAIM-LIST{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
}

.VIP-REBATE-CLAIM-ROW{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 10px;
    border-radius:11px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-CLAIM-ROW span,
.VIP-REBATE-CLAIM-ROW strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-ROW span{
    color:#64748B;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-CLAIM-ROW strong{
    color:#1F2937;
    font-size:10px;
    font-weight:900;
}

.VIP-REBATE-CLAIM-ROW.IS-EMPTY strong{
    color:#64748B;
}

.VIP-REBATE-CLAIM-BTN{
    width:100%;
    height:38px;
    border:0;
    border-radius:12px;
    color:#FFFFFF;
    background:linear-gradient(180deg, #F97316, #EA580C);
    box-shadow:0 9px 18px rgba(249,115,22,.18);
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-CLAIM-BTN.IS-PILL{
    width:auto;
    min-width:86px;
    height:27px;
    align-self:center;
    justify-self:center;
    padding:0 10px;
    border-radius:999px;
    background:#16A34A;
    border:1px solid #15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.18);
    font-size:8px;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-BTN:disabled,
.VIP-REBATE-CLAIM-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:rgba(255,255,255,.86);
    background:#F97316;
    border:1px solid #EA580C;
    box-shadow:0 8px 18px rgba(249,115,22,.10);
    filter:grayscale(.16) saturate(.84) brightness(1.03);
    opacity:.72;
}

.VIP-REBATE-CLAIM-BTN.IS-PILL:disabled,
.VIP-REBATE-CLAIM-BTN.IS-PILL[aria-disabled="true"]{
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
    box-shadow:none;
    filter:none;
    opacity:1;
}

.VIP-REBATE-CARD.IS-CLAIMED .VIP-REBATE-CLAIM-BTN.IS-PILL:disabled,
.VIP-REBATE-CARD.IS-CLAIMED .VIP-REBATE-CLAIM-BTN.IS-PILL[aria-disabled="true"]{
    color:rgba(255,255,255,.86);
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.VIP-REBATE-FORMULA{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:9px;
    border-radius:11px;
    color:#7C2D12;
    background:#FFF7ED;
    border:1px dashed #FDBA74;
}

.VIP-REBATE-FORMULA div{
    min-width:0;
}

.VIP-REBATE-FORMULA span,
.VIP-REBATE-FORMULA strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}

.VIP-REBATE-FORMULA span{
    margin-bottom:3px;
    color:#EA580C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.VIP-REBATE-FORMULA strong{
    color:#7C2D12;
    font-size:9px;
    font-weight:900;
    line-height:1.35;
    white-space:normal;
}

.REWARD-ITEM{
    display:grid;
    grid-template-columns:38px minmax(0, 1fr) auto;
    align-items:start;
    gap:8px 9px;
    padding:10px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.REWARD-ITEM-ICON{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.REWARD-ITEM-ICON .material-symbols-rounded{
    font-size:21px;
}

.REWARD-ITEM-COPY{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-top:2px;
}

.REWARD-ITEM-COPY strong{
    overflow:hidden;
    color:#1F2937;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.REWARD-ITEM-COPY span{
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    display:block;
}

.REWARD-ITEM-COPY span b,
.REWARD-RULES b{
    display:block;
    margin-bottom:2px;
    color:#EA580C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.REWARD-CLAIM-BTN{
    min-width:78px;
    height:24px;
    align-self:start;
    padding:0 8px;
    border-radius:999px;
    color:#FFFFFF;
    background:#F97316;
    border:1px solid #EA580C;
    font-family:var(--FONT_FAMILY);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.REWARD-CLAIM-BTN:disabled,
.REWARD-CLAIM-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
    opacity:1;
}

.REWARD-ITEM.IS-CLAIMABLE{
    border-color:#BBF7D0;
    box-shadow:0 8px 18px rgba(22,163,74,.06);
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-ITEM-ICON{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-CLAIM-BTN{
    background:#16A34A;
    border-color:#15803D;
}

.REWARD-ITEM.IS-CLAIMED .REWARD-CLAIM-BTN:disabled,
.REWARD-ITEM.IS-CLAIMED .REWARD-CLAIM-BTN[aria-disabled="true"]{
    color:rgba(255,255,255,.86);
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.REWARD-RULES{
    grid-column:2 / -1;
    min-width:0;
    padding:8px 9px;
    border-radius:10px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
    font-size:9px;
    font-weight:800;
    line-height:1.35;
}

.REWARD-RULES span{
    display:block;
}

.REWARD-RULES b{
    color:#B91C1C;
}

.REWARD-PROGRESS{
    grid-column:2 / -1;
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.REWARD-PROGRESS-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.REWARD-PROGRESS-META strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.REWARD-PROGRESS-BAR{
    position:relative;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.REWARD-PROGRESS-FILL{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, #FDBA74, #F97316);
    transition:width .24s ease;
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-PROGRESS-FILL{
    background:linear-gradient(90deg, #86EFAC, #16A34A);
}

.CASHIER-HISTORY-DATES{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-top:2px;
    color:#6B7280;
    font-size:9px;
    font-weight:700;
    line-height:1.3;
}

.CASHIER-HISTORY-DATES strong{
    display:inline-block;
    min-width:55px;
    color:#374151;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-HISTORY-STATUS{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    color:#92400E;
    background:#FEF3C7;
    border:1px solid #FCD34D;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.CASHIER-HISTORY-STATUS.IS-COMPLETED{
    color:#15803D;
    background:#DCFCE7;
    border-color:#BBF7D0;
}

.CASHIER-HISTORY-STATUS.IS-FAILED{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FCA5A5;
}

.WALLET-HISTORY-CONTENT{
    gap:12px;
}

.WALLET-HISTORY-FILTERS{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:5px;
    padding:3px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WALLET-HISTORY-FILTER{
    min-width:0;
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
}

.WALLET-HISTORY-FILTER.IS-ACTIVE{
    color:#FFFFFF;
    background:#F97316;
    box-shadow:0 8px 18px rgba(249,115,22,.14);
}

.WALLET-HISTORY-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.WALLET-HISTORY-STATUS.IS-ACTIVE{
    display:block;
}

.WALLET-HISTORY-STATUS.IS-ERROR{
    color:#B91C1C;
}

.WALLET-HISTORY-STATUS.IS-NEUTRAL{
    color:#6B7280;
}

.WALLET-HISTORY-RECENT{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.WALLET-HISTORY-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.WALLET-HISTORY-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.WALLET-HISTORY-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.WALLET-HISTORY-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.WALLET-HISTORY-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed #FED7AA;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.WALLET-LOG-AMOUNT.IS-POSITIVE{
    color:#15803D;
}

.WALLET-LOG-AMOUNT.IS-NEGATIVE{
    color:#B91C1C;
}

.WALLET-LOG-ITEM{
    margin-top:0;
    padding:6px 8px;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WALLET-LOG-ITEM-HEAD{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:1px 4px;
    min-width:0;
    cursor:pointer;
}

.WALLET-LOG-TOPLINE{
    grid-column:1 / -1;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, max-content) minmax(0, 1fr);
    align-items:center;
    gap:2px;
}

.WALLET-LOG-TOPLINE.IS-DESCRIPTION-ONLY{
    width:max-content;
    display:flex;
}

.WALLET-LOG-SUMMARY{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 48px;
    align-items:stretch;
    gap:1px;
}

.WALLET-LOG-SUMMARY > span:first-child{
    min-width:0;
    min-height:32px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:0;
}

.WALLET-LOG-TYPE{
    width:max-content;
    display:inline-flex;
    align-items:center;
    min-height:15px;
    padding:0 6px;
    border-radius:999px;
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, #F97316 58%, #EA580C);
    border:1px solid #FDBA74;
    box-shadow:0 6px 12px rgba(249,115,22,.18);
    font-size:9px;
    font-weight:900;
    line-height:.95;
    text-transform:uppercase;
}

.WALLET-LOG-TYPE.IS-POSITIVE{
    background:linear-gradient(180deg, #22C55E, #16A34A 58%, #15803D);
    border-color:#86EFAC;
    box-shadow:0 6px 12px rgba(22,163,74,.16);
}

.WALLET-LOG-TYPE.IS-NEGATIVE{
    background:linear-gradient(180deg, #EF4444, #DC2626 58%, #B91C1C);
    border-color:#FCA5A5;
    box-shadow:0 6px 12px rgba(220,38,38,.16);
}

.WALLET-LOG-TYPE.IS-WINLOSS{
    background:linear-gradient(180deg, #FB923C, #F97316 58%, #EA580C);
    border-color:#FDBA74;
    box-shadow:0 6px 12px rgba(249,115,22,.18);
}

.WALLET-LOG-AMOUNT{
    margin-top:3px;
    color:#111827;
    font-size:20px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.WALLET-LOG-DATE{
    margin-top:-3px;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.WALLET-LOG-MEDIA{
    min-width:0;
    width:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-self:end;
    gap:3px;
    margin-right:-10px;
}

.WALLET-LOG-MEDIA.IS-WALLET{
    justify-content:center;
}

.WALLET-LOG-THUMB{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.WALLET-LOG-THUMB img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.WALLET-LOG-THUMB.IS-WALLET{
    width:36px;
    height:36px;
    color:#EA580C;
    background:#FFF7ED;
}

.WALLET-LOG-THUMB.IS-WALLET .material-symbols-rounded{
    font-size:21px;
    line-height:1;
}

.WALLET-LOG-MEDIA-TEXT{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:right;
    text-transform:uppercase;
}

.WALLET-LOG-EXPAND{
    color:#EA580C;
    font-size:19px;
    line-height:1;
    transition:transform .18s ease;
}

.WALLET-LOG-ITEM.IS-OPEN .WALLET-LOG-EXPAND{
    transform:rotate(180deg);
}

.WALLET-LOG-ITEM-BODY{
    display:none;
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid #F3F4F6;
}

.WALLET-LOG-ITEM.IS-OPEN .WALLET-LOG-ITEM-BODY{
    display:block;
}

.WALLET-LOG-DETAIL-STATE{
    padding:9px 10px;
    border-radius:11px;
    color:#64748B;
    background:#F8FAFC;
    border:1px dashed #CBD5E1;
    font-size:9px;
    font-weight:900;
    line-height:1.3;
    text-align:center;
}

.WALLET-LOG-DETAIL-STATE.IS-ERROR{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FCA5A5;
}

.WALLET-LOG-DETAIL-LIST{
    display:flex;
    flex-direction:column;
    gap:7px;
    max-height:250px;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-right:2px;
    scrollbar-width:thin;
}

.WALLET-LOG-DETAIL-ROW{
    padding:9px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.WALLET-LOG-DETAIL-ROW.IS-POSITIVE{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.WALLET-LOG-DETAIL-ROW.IS-NEGATIVE{
    background:#FEF2F2;
    border-color:#FECACA;
}

.WALLET-LOG-DETAIL-META{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:8px;
}

.WALLET-LOG-DETAIL-HASH{
    min-width:0;
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:4px;
    overflow:hidden;
    color:#2563EB;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-decoration:none;
    white-space:nowrap;
}

.WALLET-LOG-DETAIL-HASH.IS-CLICKABLE{
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:2px;
}

.WALLET-LOG-DETAIL-HASH.IS-LOADING{
    opacity:.65;
    pointer-events:none;
}

.WALLET-LOG-DETAIL-DATE{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAIL-HASH span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAIL-HASH .material-symbols-rounded{
    flex:0 0 auto;
    font-size:13px;
    line-height:1;
}

.WALLET-LOG-DETAIL-TABLE{
    width:100%;
    table-layout:fixed;
    overflow:hidden;
    border:1px solid #E5E7EB;
    border-radius:9px;
    border-collapse:separate;
    border-spacing:0;
    margin-top:6px;
    background:#FFFFFF;
}

.WALLET-LOG-DETAIL-TABLE th,
.WALLET-LOG-DETAIL-TABLE td{
    min-width:0;
    overflow:hidden;
    border:0;
    border-right:1px solid #E5E7EB;
    background:#FFFFFF;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.WALLET-LOG-DETAIL-TABLE th:last-child,
.WALLET-LOG-DETAIL-TABLE td:last-child{
    border-right:0;
}

.WALLET-LOG-DETAIL-TABLE th{
    padding:5px 2px;
    border-bottom:1px solid #E5E7EB;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.WALLET-LOG-DETAIL-TABLE td{
    padding:6px 2px;
    color:#374151;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.WALLET-LOG-DETAIL-TABLE td.IS-POSITIVE{
    color:#15803D;
}

.WALLET-LOG-DETAIL-TABLE td.IS-NEGATIVE{
    color:#B91C1C;
}

.WALLET-LOG-DETAIL-TABLE.IS-SUB th{
    font-size:6px;
}

.WALLET-LOG-DETAIL-TABLE.IS-SUB td{
    font-size:7px;
    white-space:normal;
    word-break:break-word;
}

.WALLET-LOG-DETAILS{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
    margin-top:0;
    color:#4B5563;
    font-size:9px;
    font-weight:800;
    line-height:1.35;
}

.WALLET-LOG-DETAILS span{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAILS strong{
    color:#374151;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.RESPONSIBLE-GAMING-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.RG-HEADER{
    padding:4px 2px 2px;
}

.RG-HEADER h2{
    margin:0 0 6px;
    color:var(--GOLD2);
    font-size:20px;
    font-weight:800;
    line-height:1.1;
}

.RG-HEADER p{
    margin:0;
    color:#4B5563;
    font-size:11px;
    font-weight:700;
    line-height:1.45;
}

.RG-TIPS{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
}

.RG-TIP{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.RG-TIP > .material-symbols-rounded{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#F97316;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:20px;
}

.RG-TIP h3,
.RG-WARNING h3{
    margin:0 0 4px;
    color:#1F2937;
    font-size:12px;
    font-weight:800;
    line-height:1.15;
    text-transform:uppercase;
}

.RG-TIP p{
    margin:0;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.RG-WARNING{
    padding:13px 14px;
    border-radius:14px;
    background:#FFFBEB;
    border:1px solid #FDBA74;
}

.RG-WARNING ul{
    margin:7px 0 0;
    padding-left:16px;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.65;
}

.RG-HELP{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
    color:#7C2D12;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.RG-HELP .material-symbols-rounded{
    flex:0 0 auto;
    color:#EA580C;
    font-size:22px;
}

.RG-HELP p{
    margin:0;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
}

.MENU-PAGE-TITLE{
    margin:0;
    color:var(--TEXT);
    font-size:18px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:0;
}

.APP.IS-MENU-PAGE .FOOTER{
    display:none;
}

.APP.IS-BOTTOM-PAGE .FOOTER{
    display:none;
}

/* =========================
   SIDE MENU
========================= */

body.MENU-OPEN{
    overflow:hidden;
}

body.LOGIN-OPEN{
    overflow:hidden;
}

body.MODAL-OPEN{
    overflow:hidden;
}

body.IS-LOADING{
    overflow:hidden;
}

body.IS-GAME-FRAME-OPEN{
    overflow:hidden;
}

body.IS-GAME-LAUNCHING{
    overflow:hidden;
}

body.IS-GAME-REPORT-OPEN{
    overflow:hidden;
}

.GAME-FRAME-VIEW{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:210;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    color:var(--TEXT);
    background:
        radial-gradient(circle at 90% 0%, rgba(251,146,60,.18), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, var(--BG) 100%);
    box-shadow:0 0 70px rgba(17,24,39,.28);
}

.GAME-FRAME-VIEW[hidden]{
    display:none !important;
}

.GAME-FRAME-TOPBAR{
    position:relative;
    height:64px;
    flex:0 0 64px;
    display:grid;
    grid-template-columns:34px auto minmax(0, 1fr);
    align-items:center;
    gap:9px;
    padding:10px 58px 10px 12px;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid #FED7AA;
    box-shadow:0 10px 24px rgba(249,115,22,.08);
    backdrop-filter:blur(16px);
}

.GAME-FRAME-ACTION,
.GAME-FRAME-SUPPORT{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:10px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FDBA74;
    box-shadow:0 8px 18px rgba(249,115,22,.10);
}

.GAME-FRAME-ACTION .material-symbols-rounded,
.GAME-FRAME-SUPPORT .material-symbols-rounded{
    font-size:20px;
    line-height:1;
}

.GAME-FRAME-SUPPORT{
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
}

.GAME-FRAME-BRAND{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.GAME-FRAME-LOGO{
    width:34px;
    height:34px;
    flex:0 0 34px;
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 8px 18px rgba(249,115,22,.12);
}

.GAME-FRAME-LOGO img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.GAME-FRAME-BRAND-TEXT{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    color:#F97316;
    font-size:12px;
    font-weight:700;
    line-height:.95;
}

.GAME-FRAME-BODY{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    background:#111827;
}

.GAME-FRAME-BODY iframe{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
    border:0;
    background:#FFFFFF;
}

.GAME-FRAME-WINNER-TOAST{
    justify-self:end;
    align-self:center;
    width:min(100%, 142px);
    height:38px;
    min-width:0;
    display:grid;
    grid-template-columns:30px minmax(0, 1fr);
    align-items:center;
    gap:7px;
    overflow:hidden;
    padding:4px 8px 4px 5px;
    border-radius:13px;
    color:#1F2937;
    background:
        radial-gradient(circle at 96% 18%, rgba(253,186,116,.28), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,237,.96));
    border:1px solid #FED7AA;
    box-shadow:
        0 10px 24px rgba(249,115,22,.16),
        inset 0 0 0 1px rgba(255,255,255,.72);
    transform-origin:right center;
}

.GAME-FRAME-WINNER-TOAST[hidden]{
    display:none !important;
}

.GAME-FRAME-WINNER-TOAST.IS-SHOWING{
    animation:GAME_WINNER_POP_IN .36s cubic-bezier(.18, 1.32, .32, 1) both;
}

.GAME-FRAME-WINNER-TOAST.IS-HIDING{
    animation:GAME_WINNER_POP_OUT .28s ease-in both;
}

.GAME-FRAME-WINNER-IMG{
    width:30px;
    height:30px;
    overflow:hidden;
    border-radius:9px;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    box-shadow:0 8px 14px rgba(17,24,39,.14);
}

.GAME-FRAME-WINNER-IMG img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.GAME-FRAME-WINNER-META{
    min-width:0;
    height:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
}

.GAME-FRAME-WINNER-TOP{
    min-width:0;
    display:block;
    color:#4B5563;
    font-size:8px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.15px;
}

.GAME-FRAME-WINNER-LABEL{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.GAME-FRAME-WINNER-AMOUNT{
    width:max-content;
    max-width:100%;
    min-height:15px;
    display:inline-flex;
    align-items:center;
    color:#F97316;
    font-size:13px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    text-shadow:
        0 0 10px rgba(249,115,22,.36),
        0 0 18px rgba(251,146,60,.28);
}

@keyframes GAME_WINNER_POP_IN{
    from{
        opacity:0;
        transform:translateX(12px) scale(.82);
        filter:blur(3px);
    }

    70%{
        opacity:1;
        transform:translateX(0) scale(1.04);
        filter:blur(0);
    }

    to{
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes GAME_WINNER_POP_OUT{
    from{
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }

    to{
        opacity:0;
        transform:translateX(14px) scale(.9);
        filter:blur(3px);
    }
}

.GAME-LAUNCH-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:230;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
        radial-gradient(circle at 50% 38%, rgba(249,115,22,.25), transparent 38%),
        rgba(17,24,39,.62);
    backdrop-filter:blur(10px);
    pointer-events:auto;
}

.GAME-LAUNCH-OVERLAY[hidden]{
    display:none !important;
}

.GAME-LAUNCH-MODAL{
    position:relative;
    width:min(100%, 318px);
    min-height:258px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:28px 22px 24px;
    text-align:center;
    color:var(--TEXT);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,237,.96)),
        radial-gradient(circle at 50% 0%, rgba(253,186,116,.32), transparent 42%);
    border:1px solid #FDBA74;
    border-radius:24px;
    box-shadow:
        0 28px 70px rgba(17,24,39,.28),
        0 18px 40px rgba(249,115,22,.24);
}

.GAME-LAUNCH-HALO{
    position:absolute;
    top:-76px;
    left:50%;
    width:180px;
    height:180px;
    border-radius:999px;
    background:
        radial-gradient(circle, rgba(249,115,22,.22), rgba(249,115,22,.04) 58%, transparent 70%);
    transform:translateX(-50%);
    animation:GAME_LAUNCH_HALO 1.2s ease-in-out infinite alternate;
}

.GAME-LAUNCH-IMAGE{
    position:relative;
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    overflow:hidden;
    border-radius:20px;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:
        0 16px 34px rgba(249,115,22,.24),
        inset 0 0 0 6px rgba(255,247,237,.7);
    animation:GAME_LAUNCH_FLOAT 1.35s ease-in-out infinite;
}

.GAME-LAUNCH-IMAGE img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.GAME-LAUNCH-KICKER{
    position:relative;
    margin-bottom:7px;
    color:#EA580C;
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.8px;
}

.GAME-LAUNCH-TITLE{
    position:relative;
    margin-bottom:7px;
    color:#1F2937;
    font-size:18px;
    font-weight:700;
    line-height:1.1;
}

.GAME-LAUNCH-TEXT{
    position:relative;
    max-width:230px;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.GAME-LAUNCH-DOTS{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:18px;
}

.GAME-LAUNCH-DOTS span{
    width:7px;
    height:7px;
    border-radius:999px;
    background:#F97316;
    box-shadow:0 0 13px rgba(249,115,22,.52);
    animation:GAME_LAUNCH_DOT 1s ease-in-out infinite;
}

.GAME-LAUNCH-DOTS span:nth-child(2){
    animation-delay:.14s;
}

.GAME-LAUNCH-DOTS span:nth-child(3){
    animation-delay:.28s;
}

.GAME-REPORT-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:240;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(249,115,22,.24), transparent 34%),
        rgba(17,24,39,.58);
    backdrop-filter:blur(10px);
}

.GAME-REPORT-OVERLAY[hidden]{
    display:none !important;
}

.GAME-REPORT-MODAL{
    position:relative;
    width:min(100%, 326px);
    overflow:hidden;
    padding:24px 20px 18px;
    text-align:center;
    color:#1F2937;
    background:
        radial-gradient(circle at 50% -10%, rgba(253,186,116,.35), transparent 44%),
        linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%);
    border:1px solid #FDBA74;
    border-radius:23px;
    box-shadow:
        0 26px 66px rgba(17,24,39,.30),
        0 18px 38px rgba(249,115,22,.22);
}

.GAME-REPORT-MODAL::before{
    content:'';
    position:absolute;
    top:-48px;
    right:-46px;
    width:122px;
    height:122px;
    border-radius:999px;
    background:rgba(249,115,22,.12);
}

.GAME-REPORT-ICON{
    position:relative;
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:16px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    box-shadow:0 14px 28px rgba(249,115,22,.18);
}

.GAME-REPORT-ICON .material-symbols-rounded{
    font-size:25px;
    line-height:1;
}

.GAME-REPORT-KICKER{
    position:relative;
    margin-bottom:7px;
    color:#EA580C;
    font-size:9px;
    font-weight:700;
    letter-spacing:.9px;
    line-height:1;
}

.GAME-REPORT-TITLE{
    position:relative;
    margin-bottom:9px;
    color:#1F2937;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.GAME-REPORT-DESC{
    position:relative;
    color:#5B6472;
    font-size:10px;
    font-weight:700;
    line-height:1.55;
}

.GAME-REPORT-ACTIONS{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}

.GAME-REPORT-BTN{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:10px;
    font-weight:700;
    line-height:1;
}

.GAME-REPORT-BTN.IS-SECONDARY{
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FDBA74;
    box-shadow:0 8px 18px rgba(249,115,22,.08);
}

.GAME-REPORT-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, #F97316 52%, #EA580C);
    border:1px solid #EA580C;
    box-shadow:0 12px 24px rgba(249,115,22,.28);
}

.WITHDRAW-PIN-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:265;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(249,115,22,.20), transparent 34%),
        rgba(17,24,39,.56);
    backdrop-filter:blur(10px);
}

.WITHDRAW-PIN-OVERLAY[hidden]{
    display:none !important;
}

.WITHDRAW-PIN-MODAL{
    width:min(100%, 326px);
    padding:22px 18px 18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #FDBA74;
    border-radius:22px;
    box-shadow:0 24px 62px rgba(17,24,39,.28), 0 16px 34px rgba(249,115,22,.18);
    text-align:center;
}

.WITHDRAW-PIN-ICON{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:15px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.WITHDRAW-PIN-ICON .material-symbols-rounded{
    font-size:24px;
}

.WITHDRAW-PIN-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:900;
    line-height:1.15;
}

.WITHDRAW-PIN-DESC{
    margin-top:7px;
    color:#64748B;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}

.WITHDRAW-PIN-FIELDS{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:6px;
    margin-top:16px;
}

.WITHDRAW-PIN-INPUT{
    width:100%;
    height:42px;
    padding:0;
    border-radius:11px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:18px;
    font-weight:900;
    line-height:1;
    text-align:center;
    outline:0;
}

.WITHDRAW-PIN-INPUT:focus{
    border-color:#FB923C;
    box-shadow:0 0 0 3px rgba(249,115,22,.12);
}

.WITHDRAW-PIN-TOOLS{
    display:flex;
    justify-content:flex-end;
    margin-top:4px;
}

.WITHDRAW-PIN-TOGGLE{
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#EA580C;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.WITHDRAW-PIN-TOGGLE .material-symbols-rounded{
    font-size:12px;
    line-height:1;
}

.WITHDRAW-PIN-ERROR{
    min-height:10px;
    margin-top:1px;
    color:#B91C1C;
    font-size:9px;
    font-weight:900;
    line-height:1.35;
}

.WITHDRAW-PIN-ACTIONS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:6px;
}

.WITHDRAW-PIN-BTN{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.WITHDRAW-PIN-BTN.IS-SECONDARY{
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FDBA74;
}

.WITHDRAW-PIN-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, #F97316 52%, #EA580C);
    border:1px solid #EA580C;
}

@keyframes GAME_LAUNCH_FLOAT{
    0%,
    100%{
        transform:translateY(0) scale(1);
    }

    50%{
        transform:translateY(-5px) scale(1.02);
    }
}

@keyframes GAME_LAUNCH_HALO{
    from{
        opacity:.68;
        transform:translateX(-50%) scale(.94);
    }

    to{
        opacity:1;
        transform:translateX(-50%) scale(1.08);
    }
}

@keyframes GAME_LAUNCH_DOT{
    0%,
    100%{
        opacity:.35;
        transform:translateY(0);
    }

    50%{
        opacity:1;
        transform:translateY(-5px);
    }
}

.LOADING-SCREEN{
    position:fixed;
    inset:0;
    z-index:220;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    color:var(--TEXT);
    background:
        radial-gradient(circle at 50% 42%, rgba(251,146,60,.18), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #FFF7ED 58%, #FFEDD5 100%);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .28s ease, visibility .28s ease;
}

.LOADING-SCREEN.IS-HIDDEN{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.LOADING-CARD{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    text-align:center;
}

.LOADING-MARK{
    width:54px;
    height:54px;
    overflow:hidden;
    border-radius:16px;
    box-shadow:0 12px 26px rgba(234,88,12,.18);
}

.LOADING-MARK img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.LOADING-TITLE{
    color:var(--GOLD2);
    font-size:15px;
    font-weight:700;
    line-height:1;
}

.LOADING-SUB{
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.LOADING-SPINNER{
    width:30px;
    height:30px;
    border-radius:999px;
    border:3px solid #FED7AA;
    border-top-color:#F97316;
    animation:LOADING_SPIN .72s linear infinite;
}

@keyframes LOADING_SPIN{
    to{
        transform:rotate(360deg);
    }
}

.MENU-OVERLAY{
    position:fixed;
    inset:0;
    z-index:99;
    opacity:0;
    visibility:hidden;
    background:rgba(17,24,39,.34);
    transition:opacity .22s ease, visibility .22s ease;
}

.SIDE-MENU{
    position:fixed;
    top:0;
    left:max(calc((100vw - 430px) / 2), 0px);
    z-index:100;
    width:min(315px, 84vw);
    height:100vh;
    padding:14px;
    overflow-y:auto;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:#FFFFFF;
    border-right:1px solid #FED7AA;
    transform:translateX(-105%);
    transition:transform .24s ease, opacity .18s ease, visibility .24s ease;
}

.APP.MENU-ACTIVE .MENU-OVERLAY{
    opacity:1;
    visibility:visible;
}

.APP.MENU-ACTIVE .SIDE-MENU{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
}

.SIDE-MENU-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:12px;
    margin-bottom:0;
    border-bottom:1px solid #FFEDD5;
}

.MENU-CLOSE{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:11px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.SIDE-MENU-LABEL{
    margin:14px 0 8px;
    color:#9CA3AF;
    font-size:10px;
    font-weight:700;
    letter-spacing:.8px;
}

.SIDE-MENU-USER{
    margin:0 0 14px;
    padding:12px 0 14px;
    border-bottom:1px solid #FFEDD5;
}

.SIDE-MENU-WELCOME{
    color:#1F2937;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
}

.SIDE-MENU-ID-COPY{
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:100%;
    margin-top:7px;
    padding:0;
    border:0;
    color:#374151;
    background:transparent;
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.15px;
}

.SIDE-MENU-ID-COPY .material-symbols-rounded{
    width:12px;
    height:12px;
    color:#F97316;
    font-size:12px;
}

.SIDE-MENU-ID-COPY.IS-COPIED .material-symbols-rounded{
    color:#16A34A;
}

.SIDE-MENU-ID-COPY:disabled{
    cursor:default;
    opacity:.62;
}

.SIDE-MENU-ID-COPY[aria-disabled="true"]{
    cursor:default;
    opacity:.62;
}

.SIDE-MENU-ID{
    max-width:232px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.SIDE-MENU-LINK{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:10px 11px;
    margin-bottom:7px;
    border-radius:12px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #F3F4F6;
    font-size:11px;
    font-weight:700;
}

.SIDE-MENU-LINK:hover{
    color:#EA580C;
    background:#FFF7ED;
    border-color:#FED7AA;
}

.SIDE-MENU-LINK.IS-ACTIVE{
    color:#EA580C;
    background:#FFF7ED;
    border-color:#FED7AA;
}

.SIDE-MENU-LINK i{
    width:16px;
    margin:0 !important;
    color:#F97316;
}

.DAILY-BONUS-BADGE,
.VIP-REBATE-BADGE{
    box-sizing:border-box;
    width:18px;
    min-width:18px;
    height:18px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    padding:0;
    border-radius:999px;
    color:#FFFFFF;
    background:#16A34A;
    border:2px solid #FFFFFF;
    box-shadow:0 6px 14px rgba(22,163,74,.24);
    font-family:Arial, sans-serif;
    font-size:9px;
    font-weight:900;
    line-height:14px;
    text-align:center;
}

.SIDE-MENU-BONUS{
    margin-top:10px;
    padding:14px;
    border-radius:14px;
    background:linear-gradient(180deg, #FFF7ED 0%, #FFFFFF 100%);
    border:1px solid #FDBA74;
    box-shadow:0 8px 20px rgba(249,115,22,.08);
}

.SIDE-MENU-BONUS-TITLE{
    color:#EA580C;
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:.2px;
}

.SIDE-MENU-BONUS-TEXT{
    color:#4B5563;
    font-size:10px;
    line-height:1.45;
    margin-bottom:10px;
}

.SIDE-MENU-VOUCHER-FIELD{
    display:flex;
    flex-direction:column;
    margin-bottom:10px;
}

.SIDE-MENU-VOUCHER-FIELD input{
    width:100%;
    height:36px;
    padding:0 11px;
    border-radius:11px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #FDBA74;
    outline:none;
    font-family:'Geist Mono', monospace;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.SIDE-MENU-VOUCHER-FIELD input::placeholder{
    color:#9CA3AF;
    text-transform:none;
}

.SIDE-MENU-VOUCHER-FIELD input:focus{
    background:#FFFDF8;
    border-color:#F97316;
    box-shadow:0 0 0 3px rgba(249,115,22,.12);
}

.SIDE-MENU-VOUCHER-SUBMIT{
    width:100%;
    height:36px;
    font-family:'Geist Mono', monospace;
    font-size:10px;
}

.SIDE-MENU-BOTTOM-LINK{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin:16px auto 0;
    padding:4px 8px;
    color:#EA580C;
    background:transparent;
    border:0;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
}

.SIDE-MENU-BOTTOM-LINK .material-symbols-rounded{
    color:#F97316;
    font-size:15px;
    line-height:1;
}

.SIDE-MENU-BOTTOM-LINK:hover,
.SIDE-MENU-BOTTOM-LINK.IS-ACTIVE{
    color:#C2410C;
}

/* =========================
   LOGIN MODAL
========================= */

.LOGIN-OVERLAY{
    position:fixed;
    inset:0;
    z-index:120;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 32%, rgba(251,146,60,.16), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #FFF7ED 58%, #FFEDD5 100%);
    transition:opacity .22s ease, visibility .22s ease;
}

.APP.LOGIN-ACTIVE .LOGIN-OVERLAY{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.LOGIN-MODAL{
    width:min(100%, 374px);
    max-height:calc(100vh - 36px);
    overflow-y:auto;
    border-radius:20px;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    transform:translateY(10px);
    transition:transform .22s ease;
}

.APP.LOGIN-ACTIVE .LOGIN-MODAL{
    transform:translateY(0);
}

.LOGIN-HEAD{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px;
    background:linear-gradient(135deg, #FFF7ED, #FFFFFF 44%, #FFEDD5);
    border-bottom:1px solid #FED7AA;
}

.LOGIN-HEAD > div{
    min-width:0;
}

.LOGIN-BRAND-LINE{
    display:flex;
    align-items:center;
    gap:10px;
}

.LOGIN-BRAND-MARK{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#FFFFFF;
    overflow:hidden;
    background:transparent;
    font-size:22px;
    font-weight:700;
    line-height:1;
}

.LOGIN-BRAND-MARK img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.LOGIN-TITLE{
    margin:0;
    color:var(--TEXT);
    font-size:17px;
    line-height:1;
}

.LOGIN-SUB{
    color:var(--SOFT);
    font-size:10px;
    font-weight:700;
}

.LOGIN-FORM{
    display:grid;
    gap:11px;
    padding:14px 16px 16px;
}

.AUTH-PANEL{
    display:none;
}

.AUTH-PANEL.IS-ACTIVE{
    display:grid;
}

.FORGOT-PIN-FIELD{
    display:none;
}

.FORGOT-PIN-FIELD.IS-ACTIVE{
    display:grid;
}

.LOGIN-FIELD{
    display:grid;
    gap:6px;
}

.LOGIN-FIELD label,
.LOGIN-REMEMBER{
    color:#4B5563;
    font-size:10px;
    font-weight:700;
}

.LOGIN-INPUT-WRAP{
    position:relative;
    display:flex;
    align-items:center;
}

.LOGIN-FIELD-ICON{
    position:absolute;
    left:12px;
    color:#F97316;
    font-size:18px;
    pointer-events:none;
}

.LOGIN-INPUT{
    width:100%;
    height:42px;
    padding:0 42px;
    border-radius:12px;
    color:var(--TEXT);
    background:#FFF7ED;
    border:1px solid #FED7AA;
    outline:0;
    font-family:'Geist Mono', monospace;
    font-size:12px;
    font-weight:700;
}

.LOGIN-SECRET-INPUT:not(.IS-SECRET-VISIBLE){
    -webkit-text-security:disc;
    text-security:disc;
}

.LOGIN-SECRET-INPUT.IS-SECRET-VISIBLE{
    -webkit-text-security:none;
    text-security:none;
}

.LOGIN-INPUT:focus{
    border-color:#FB923C;
    background:#FFFFFF;
}

.LOGIN-FIELD.IS-INVALID .LOGIN-INPUT{
    border-color:#EF4444;
    background:#FFF1F2;
}

.LOGIN-ERROR{
    display:none;
    color:#DC2626;
    font-size:9px;
    font-weight:700;
    line-height:1.25;
}

.LOGIN-FIELD.IS-INVALID .LOGIN-ERROR{
    display:block;
}

.PASSWORD-RULES{
    display:grid;
    gap:4px;
    margin:-2px 0 0;
    padding:0;
    list-style:none;
}

.PASSWORD-RULE{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#DC2626;
    font-size:8px;
    font-weight:700;
    line-height:1.2;
}

.PASSWORD-RULE .material-symbols-rounded{
    width:12px;
    height:12px;
    flex:0 0 12px;
    color:currentColor;
    font-size:12px;
    opacity:0;
}

.PASSWORD-RULE.IS-VALID{
    color:#16A34A;
}

.PASSWORD-RULE.IS-VALID .material-symbols-rounded{
    opacity:1;
}

.LOGIN-PASSWORD-TOGGLE{
    position:absolute;
    right:6px;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    color:#EA580C;
    background:transparent;
}

.LOGIN-PASSWORD-TOGGLE .material-symbols-rounded{
    font-size:19px;
}

.LOGIN-ROW{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:28px;
}

.LOGIN-REMEMBER{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.LOGIN-REMEMBER input{
    width:14px;
    height:14px;
    accent-color:#EA580C;
}

.LOGIN-LINK{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    padding:0;
    color:var(--GOLD2);
    background:transparent;
    font-size:10px;
    font-weight:700;
}

.LOGIN-STATUS{
    display:none;
    color:#166534;
    font-size:9px;
    font-weight:700;
    line-height:1.4;
}

.LOGIN-STATUS.IS-ACTIVE{
    display:block;
}

.LOGIN-STATUS.IS-ERROR{
    padding:8px 10px;
    border-radius:10px;
    color:#B91C1C;
    background:#FEF2F2;
    border:1px solid #FCA5A5;
}

.PASSWORD-UPDATE-OVERLAY{
    position:fixed;
    inset:0;
    z-index:245;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.38);
}

.PASSWORD-UPDATE-OVERLAY.IS-ACTIVE{
    display:flex;
}

.GLOBAL-ERROR-OVERLAY{
    position:fixed;
    inset:0;
    z-index:270;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.38);
}

.GLOBAL-ERROR-OVERLAY.IS-ACTIVE{
    display:flex;
}

.GLOBAL-ERROR-MODAL{
    width:min(100%, 340px);
    padding:20px 18px 18px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid #FCA5A5;
    box-shadow:0 18px 46px rgba(17,24,39,.16);
    text-align:center;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-MODAL{
    border-color:#86EFAC;
    box-shadow:
        0 20px 50px rgba(17,24,39,.18),
        0 0 0 1px rgba(22,163,74,.08),
        inset 0 1px 0 rgba(255,255,255,.85);
}

.GLOBAL-ERROR-ICON{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:11px;
    border-radius:16px;
    color:#B91C1C;
    background:#FEF2F2;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-ICON{
    color:#15803D;
    background:#DCFCE7;
    box-shadow:0 8px 18px rgba(22,163,74,.12);
}

.GLOBAL-ERROR-ICON .material-symbols-rounded{
    font-size:24px;
}

.GLOBAL-ERROR-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:900;
    line-height:1.15;
}

.GLOBAL-ERROR-MESSAGE{
    margin:8px auto 14px;
    max-width:260px;
    color:#B91C1C;
    font-size:12px;
    font-weight:800;
    line-height:1.45;
    white-space:pre-wrap;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-MESSAGE{
    color:#15803D;
}

.GLOBAL-ERROR-CODE{
    margin:0 0 14px;
    color:#92400E;
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.GLOBAL-ERROR-BUTTON{
    min-width:96px;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-BUTTON{
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 10px 22px rgba(22,163,74,.18);
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-BUTTON:hover{
    background:#15803D;
}

.PASSWORD-UPDATE-MODAL{
    width:min(100%, 340px);
    padding:18px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:0 18px 46px rgba(17,24,39,.16);
}

.AUTH-RELOAD-ICON{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:14px;
    color:#B91C1C;
    background:#FEF2F2;
}

.PASSWORD-UPDATE-ICON{
    display:flex;
    margin:0 auto 10px;
    color:#EA580C;
    background:#FFF7ED;
}

.AUTH-RELOAD-ICON .material-symbols-rounded{
    font-size:24px;
}

.AUTH-RELOAD-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:700;
}

.PASSWORD-UPDATE-MESSAGE{
    margin:8px 0 14px;
    color:#4B5563;
    font-size:10px;
    text-align:center;
}

.PASSWORD-UPDATE-MODAL .AUTH-RELOAD-TITLE{
    text-align:center;
}

.PASSWORD-UPDATE-MODAL .LOGIN-FIELD{
    margin-bottom:12px;
}

.LOGIN-SUBMIT{
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.LOGIN-SUBMIT .material-symbols-rounded{
    font-size:17px;
}

.LOGIN-SUBMIT:disabled{
    cursor:not-allowed;
    opacity:.68;
}

#REGISTER_FORM .LOGIN-SUBMIT{
    margin-top:6px;
}

.LOGIN-FOOT{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding-top:2px;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
}


/* =========================
   TOPBAR
========================= */

.TOPBAR{
    position:sticky;
    top:0;
    z-index:10;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(16px);
    border-bottom:1px solid #FED7AA;
}

.TOPBAR-INNER{
    height:68px;
    display:flex;
    align-items:center;
    gap:10px;
}

.MENU-BTN{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    color:var(--GOLD2);
    background:#FFF7ED;
    border:1px solid var(--BORDER);
}

.LOGOUT-BTN{
    width:100%;
    height:38px;
    display:none;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:10px;
}

.APP.IS-AUTHENTICATED .LOGOUT-BTN{
    display:inline-flex;
}

.LOGOUT-BTN .material-symbols-rounded{
    font-size:16px;
}

.BRAND{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.BRAND-ICON{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:10px;
    color:var(--GOLD);
    font-size:18px;
    background:transparent;
    border:0;
}

.BRAND-ICON img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.BRAND-NAME{
    font-family:'Geist Mono', monospace;
    color:var(--GOLD);
    height:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    font-size:13px;
    font-weight:700;
    line-height:.95;
    white-space:nowrap;
}

.BRAND-NAME span{
    display:block;
}

.TOPBAR .BRAND-ICON{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
    background:transparent;
    border:0;
}

.TOPBAR .BRAND-ICON img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:none;
}

.TOPBAR-ACCOUNT{
    display:none;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    margin-left:auto;
}

.APP.IS-AUTHENTICATED .TOPBAR-ACCOUNT{
    display:flex;
}

.TOPBAR-WALLET{
    width:clamp(146px, 37vw, 170px);
    height:38px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 43px;
    align-items:center;
    gap:5px;
    padding:4px 6px 4px 9px;
    border-radius:10px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FDBA74;
    box-shadow:0 8px 18px rgba(249,115,22,.10);
}

.TOPBAR-SUPPORT-BTN{
    position:relative;
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FDBA74;
    box-shadow:0 8px 18px rgba(249,115,22,.08);
}

.TOPBAR-SUPPORT-BTN .material-symbols-rounded{
    font-size:21px;
    line-height:1;
}

.FOOTER-SUPPORT-LINK.HAS-SUPPORT-NOTIFY{
    position:relative;
}

.SUPPORT-NOTIFY-BADGE{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:16px;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:999px;
    color:#FFFFFF;
    background:#EF4444;
    border:2px solid #FFFFFF;
    box-shadow:0 5px 12px rgba(239,68,68,.28);
    font-size:8px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
}

.DEPOSIT-BTN{
    width:43px;
    height:23px;
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:#FFFFFF;
    background:#F97316;
    border:1px solid #EA580C;
    box-shadow:none;
    font-size:7px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
}

.BALANCE-REFRESH-BTN{
    width:19px;
    height:19px;
    flex:0 0 19px;
    margin-left:-1px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:#F97316;
    background:transparent;
    border:0;
    box-shadow:none;
}

.BALANCE-REFRESH-BTN .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

.BALANCE-REFRESH-BTN:disabled{
    cursor:not-allowed;
    opacity:.72;
}

.BALANCE-REFRESH-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.72;
}

.BALANCE-REFRESH-BTN.IS-LOADING .material-symbols-rounded{
    animation:LOADING_SPIN .72s linear infinite;
}

.TOPBAR-BALANCE-WRAP{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
}

.TOPBAR-BALANCE-LABEL{
    color:#7C2D12;
    font-size:7px;
    font-weight:700;
    line-height:1;
}

.TOPBAR-BALANCE-ROW{
    min-width:0;
    display:flex;
    align-items:center;
    gap:1px;
}

.TOPBAR-BALANCE{
    min-width:0;
    color:#EA580C;
    font-size:14px;
    font-weight:700;
    font-variation-settings:'wght' 700;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* =========================
   HERO
========================= */

.HERO{
    position:relative;
    min-height:350px;
    margin-top:10px;
    overflow:hidden;
    border-radius:22px;
    border:1px solid #FDBA74;
    background:
        linear-gradient(90deg, rgba(255,247,237,.96), rgba(255,237,213,.76)),
        url('https://images.unsplash.com/photo-1606167668584-78701c57f13d?q=80&w=1200&auto=format&fit=crop') center/cover;
    box-shadow:0 18px 45px rgba(249,115,22,.16);
}

.HERO::after{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 80% 25%, rgba(251,146,60,.30), transparent 26%),
        radial-gradient(circle at 78% 65%, rgba(249,115,22,.18), transparent 30%);
}

.HERO-CONTENT{
    position:relative;
    z-index:2;
    padding:24px 18px;
}

.HERO-TAG{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    margin-bottom:12px;
    border-radius:999px;
    color:var(--GOLD2);
    background:rgba(249,115,22,.10);
    border:1px solid rgba(249,115,22,.25);
    font-size:10px;
    font-weight:700;
}

.HERO h1{
    margin:0;
    font-family:'Geist Mono', monospace;
    font-size:39px;
    line-height:.96;
}

.HERO h1 span{
    color:var(--GOLD);
}

.HERO p{
    max-width:265px;
    margin:12px 0 18px;
    color:var(--SOFT);
    font-size:13px;
    line-height:1.55;
}

.HERO-ACTIONS{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.HERO-DECOR{
    position:absolute;
    right:-18px;
    bottom:8px;
    z-index:1;
    width:205px;
    height:160px;
    border-radius:24px;
    opacity:.9;
    background:
        radial-gradient(circle at center, rgba(248,201,106,.38), transparent 30%),
        linear-gradient(135deg, rgba(124,58,237,.45), rgba(0,0,0,.2));
}

.HERO-DECOR::before{
    content:'777';
    position:absolute;
    right:28px;
    top:52px;
    font-family:'Geist Mono', monospace;
    font-size:46px;
    font-weight:700;
    color:#EA580C;
    text-shadow:0 0 18px rgba(249,115,22,.28);
}

.HERO-DECOR::after{
    content:'♠ A   ♥ A';
    position:absolute;
    left:20px;
    top:25px;
    color:var(--TEXT);
    font-size:24px;
    font-weight:700;
    transform:rotate(-8deg);
}

/* =========================
   JACKPOT
========================= */

.JACKPOT{
    position:relative;
    margin-top:10px;
    padding:0;
    border-radius:18px;
    text-align:center;
    overflow:hidden;
    background:transparent;
    border:0;
    box-shadow:none;
}

.JACKPOT > *{
    position:relative;
    z-index:1;
}

.JACKPOT-ROW{
    display:flex;
    justify-content:center;
    align-items:center;
}

.JACKPOT-BOX{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    min-width:0;
    white-space:nowrap;
}

.JACKPOT-PROVIDER-ICON{
    width:auto;
    height:24px;
    flex:0 0 auto;
    display:block;
}

.JACKPOT-LABEL{
    position:relative;
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:6px 12px;
    overflow:hidden;
    color:#9A3412;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
    border-radius:999px;
    background:
        linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(251,146,60,.16) 38%, rgba(255,255,255,.82) 50%, rgba(251,146,60,.14) 62%, rgba(255,255,255,0) 100%),
        linear-gradient(135deg, #FFFFFF 0%, #FFFBF7 48%, #FFF7ED 100%);
    background-size:170% 100%, 100% 100%;
    border:1px solid #F97316;
    box-shadow:inset 0 0 14px rgba(251,146,60,.09), 0 6px 14px rgba(249,115,22,.06);
    animation:JACKPOT_GRADIENT_MOVE 2.8s ease-in-out infinite;
}

.JACKPOT-TITLE-GROUP{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    flex:0 0 auto;
}

.JACKPOT-LABEL-TEXT{
    position:relative;
    z-index:1;
    font-size:12px;
    line-height:1;
}

@keyframes JACKPOT_GRADIENT_MOVE{
    0%{
        background-position:-140% 50%, 0 0;
    }

    50%{
        background-position:140% 50%, 0 0;
    }

    100%{
        background-position:-140% 50%, 0 0;
    }
}

.JACKPOT-AMOUNT{
    font-family:'Geist Mono', monospace;
    color:var(--GOLD2);
    font-size:clamp(18px, 5vw, 20px);
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}

/* =========================
   CATEGORY
========================= */

.CATEGORY-CARD{
    width:138px;
    min-width:138px;
    flex:0 0 138px;
    scroll-snap-align:start;
    padding:12px;
}

.CATEGORY-CARD h3{
    margin:0 0 4px;
    font-family:'Geist Mono', monospace;
    font-size:15px;
}

.CATEGORY-CARD p{
    margin:0 0 8px;
    color:var(--SOFT);
    font-size:10px;
    line-height:1.4;
}

.CATEGORY-ICON{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:9px;
    border-radius:16px;
    background:rgba(249,115,22,.10);
    font-size:32px;
}

/* =========================
   GAMES
========================= */

/* .GAME-CARD{
    position:relative;
    min-width:112px;
    height:148px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:15px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

.GAME-CARD img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 25%, rgba(255,247,237,.96));
}

.GAME-TITLE{
    position:absolute;
    left:9px;
    right:9px;
    bottom:9px;
    z-index:2;
    font-family:'Geist Mono', monospace;
    color:var(--GOLD2);
    font-size:14px;
    line-height:1;
    text-shadow:0 2px 8px rgba(255,255,255,.85);
} */

.BADGE{
    position:absolute;
    top:6px;
    left:6px;
    z-index:3;
    min-height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.52);
    box-shadow:0 2px 7px rgba(17,24,39,.20);
    text-shadow:0 1px 1px rgba(0,0,0,.18);
}

.BADGE-HOT{
    background:linear-gradient(180deg, #F87171, #DC2626);
}

.BADGE-NEW{
    background:linear-gradient(180deg, #4ADE80, #16A34A);
}

.JILI-GAMES{
    gap:6px;
    padding-bottom:4px;
}

.RECENT-GAMES{
    display:none;
    margin-top:8px;
    padding-bottom:2px;
}

.RECENT-GAMES.IS-ACTIVE{
    display:block;
}

.RECENT-GAMES-HEAD{
    margin-bottom:6px;
}

.RECENT-GAMES-HEAD .SECTION-TITLE{
    font-size:12px;
}

.RECENT-GAMES-TRACK{
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.RECENT-GAMES-TRACK::-webkit-scrollbar{
    display:none;
}

.RECENT-GAME{
    position:relative;
    width:36px;
    height:36px;
    min-width:36px;
    flex:0 0 36px;
    overflow:hidden;
    border-radius:9px;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.RECENT-GAME::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, #FFF7ED 0%, #FFEDD5 45%, #FFF7ED 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.RECENT-GAME.IS-IMAGE-LOADED::before{
    display:none;
}

.RECENT-GAME img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.RECENT-GAME.IS-IMAGE-LOADED img{
    opacity:1;
}

.RECENT-GAME.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, #FFF7ED, #FED7AA);
}

#FEATURED_GAMES,
#HOT_GAMES{
    padding-bottom:1px;
}

#hot-games,
#fachai-games{
    margin-top:5px !important;
}

.JILI-GAME-CARD{
    position:relative;
    width:100px;
    min-width:100px;
    height:100px;
    flex:0 0 100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

.JILI-GAME-CARD::before,
#FEATURED_GAMES .GAME-CARD::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, #FFF7ED 0%, #FFEDD5 45%, #FFF7ED 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.JILI-GAME-CARD.IS-IMAGE-LOADED::before,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-LOADED::before{
    display:none;
}

.JILI-GAME-CARD img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.JILI-GAME-CARD.IS-IMAGE-LOADED img,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-LOADED img{
    opacity:1;
}

.JILI-GAME-CARD.IS-IMAGE-FAILED,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, #FFF7ED, #FED7AA);
}

.JILI-GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

.JILI-GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

@keyframes IMAGE_PLACEHOLDER{
    0%{
        background-position:120% 0;
    }

    100%{
        background-position:-120% 0;
    }
}

.JILI-VIEW-ALL-BTN{
    border:0;
    padding:0;
    background:transparent;
    font-family:'Geist Mono', monospace;
}

.JILI-VIEW-ALL-PANEL{
    display:none;
    margin-top:10px;
    padding:12px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.JILI-VIEW-ALL-PANEL.IS-ACTIVE{
    display:block;
}

.JILI-VIEW-ALL-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.JILI-VIEW-ALL-TITLE{
    color:#1F2937;
    font-size:14px;
    font-weight:700;
}

.JILI-VIEW-ALL-SUB{
    margin-top:3px;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
}

.JILI-VIEW-ALL-CLOSE{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.JILI-VIEW-ALL-CLOSE .material-symbols-rounded{
    font-size:19px;
}

.JILI-VIEW-ALL-SCROLL{
    max-height:341px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:3px;
    scrollbar-width:thin;
}

.JILI-VIEW-ALL-GRID{
    display:grid;
    grid-template-columns:repeat(4, 80px);
    gap:7px;
    justify-content:center;
}

.JILI-VIEW-ALL-GRID .JILI-GAME-CARD{
    width:80px;
    height:80px;
    min-width:80px;
    flex:0 0 80px;
    border-radius:12px;
}

.JILI-VIEW-ALL-GRID .JILI-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.05;
}

.JILI-VIEW-ALL-GRID .BADGE{
    top:4px;
    left:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.JILI-VIEW-ALL-SEARCH{
    position:relative;
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.JILI-VIEW-ALL-SEARCH-ICON{
    position:absolute;
    left:9px;
    z-index:2;
    color:#F97316;
    font-size:16px;
    pointer-events:none;
}

.JILI-VIEW-ALL-SEARCH-INPUT{
    width:100%;
    height:34px;
    padding:0 32px 0 30px;
    border-radius:12px;
    color:#1F2937;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    outline:0;
    font-family:'Geist Mono', monospace;
    font-size:11px;
    font-weight:700;
}

.JILI-VIEW-ALL-SEARCH-INPUT:focus{
    background:#FFFFFF;
    border-color:#F97316;
}

.JILI-VIEW-ALL-SEARCH-INPUT::placeholder{
    color:#9CA3AF;
}

.JILI-VIEW-ALL-SEARCH-CLEAR{
    position:absolute;
    right:4px;
    width:26px;
    height:26px;
    display:none;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    color:#EA580C;
    background:transparent;
}

.JILI-VIEW-ALL-SEARCH-CLEAR.IS-ACTIVE{
    display:flex;
}

.JILI-VIEW-ALL-SEARCH-CLEAR .material-symbols-rounded{
    font-size:17px;
}

.JILI-VIEW-ALL-EMPTY{
    grid-column:1 / -1;
    padding:18px 10px;
    border-radius:14px;
    color:#6B7280;
    background:#FFF7ED;
    border:1px solid #FED7AA;
    font-size:11px;
    font-weight:700;
    text-align:center;
}

@media(max-width:360px){
    .JILI-VIEW-ALL-GRID{
        grid-template-columns:repeat(4, 72px);
        gap:6px;
    }

    .JILI-VIEW-ALL-GRID .JILI-GAME-CARD{
        width:72px;
        height:72px;
        min-width:72px;
        flex-basis:72px;
    }

    .JILI-VIEW-ALL-GRID .JILI-GAME-TITLE{
        font-size:7px;
    }

    .JILI-VIEW-ALL-SCROLL{
        max-height:306px;
    }
}

#FEATURED_GAMES .GAME-CARD{
    position:relative;
    width:100px;
    height:100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

#FEATURED_GAMES .GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

#FEATURED_GAMES img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

#FEATURED_GAMES .BADGE{
    position:absolute;
    top:6px;
    left:6px;
    z-index:3;
    min-height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    font-size:8px;
    font-weight:700;
    line-height:1;
}

#FEATURED_GAMES .GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

/* =========================
   PROMO
========================= */

.PROMO-LIST{
    display:grid;
    gap:10px;
}

.PROMO-CARD{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
}

.PROMO-ICON{
    width:70px;
    height:70px;
    flex:0 0 70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:rgba(249,115,22,.10);
    font-size:34px;
}

.PROMO-SMALL{
    color:var(--GOLD);
    font-size:10px;
    font-weight:700;
}

.PROMO-BIG{
    color:var(--TEXT);
    font-size:24px;
    font-weight:700;
    line-height:1.05;
}

.PROMO-DESC{
    color:var(--SOFT);
    font-size:11px;
    font-weight:700;
    margin-bottom:9px;
}

/* =========================
   BENEFITS
========================= */

.BENEFIT-GRID{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:7px;
}

.BENEFIT-CARD{
    padding:11px 9px;
    text-align:center;
}

.BENEFIT-ICON{
    width:40px;
    height:40px;
    margin:0 auto 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--GOLD);
    background:rgba(249,115,22,.08);
    border:1px solid var(--GOLD_BORDER);
    font-size:18px;
}

.BENEFIT-CARD h4{
    margin:0 0 4px;
    color:var(--GOLD);
    font-size:11px;
    font-weight:700;
}

.BENEFIT-CARD p{
    margin:0;
    color:var(--SOFT);
    font-size:10px;
    line-height:1.35;
}

/* =========================
   VIP
========================= */

.VIP{
    padding:18px;
    border-radius:20px;
    border:1px solid var(--GOLD_BORDER);
    background:
        radial-gradient(circle at right, rgba(249,115,22,.18), transparent 35%),
        linear-gradient(135deg, #FFFFFF, #FFEDD5);
}

.VIP h2{
    margin:0 0 7px;
    font-family:'Geist Mono', monospace;
    color:var(--GOLD);
    font-size:28px;
}

.VIP p{
    max-width:260px;
    margin:0 0 14px;
    color:var(--SOFT);
    font-size:12px;
    line-height:1.5;
}

.VIP-PERKS{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:8px;
    margin-top:10px;
}

.VIP-PERK{
    padding:10px;
    border-radius:14px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(249,115,22,.16);
    text-align:center;
    color:var(--TEXT);
    font-size:10px;
    font-weight:700;
}

.VIP-PERK i{
    color:var(--GOLD);
    margin-bottom:4px;
}

/* =========================
   WINNERS
========================= */

.WINNER-CARD{
    min-width:212px;
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px 7px;
    scroll-snap-align:start;
}

.WINNER-META{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    height:65px;
    overflow:visible;
}

.WINNER-GAME-TILE{
    width:65px;
    min-width:65px;
    height:65px;
    flex:0 0 65px;
    border-radius:12px;
}

.WINNER-GAME-TILE .GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:6px;
    line-height:1.05;
    display:block;
    max-height:2.1em;
    overflow:hidden;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-transform:uppercase;
}

.WINNER-NAME{
    font-size:11px;
    font-weight:700;
}

.WINNER-WON{
    color:var(--MUTED);
    font-size:9px;
}

.WINNER-AMOUNT{
    color:var(--GOLD);
    font-size:15px;
    font-weight:700;
}

.WINNER-GAME{
    color:var(--SOFT);
    font-size:9px;
}

.WINNERS-SLIDER{
    --WINNER-STEP:222px;
    position:relative;
    width:100%;
    max-width:100%;
    margin-left:0;
    overflow:hidden;
    padding:0 0 2px 8px;
}

.WINNERS-SLIDER::before,
.WINNERS-SLIDER::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    width:6px;
    pointer-events:none;
}

.WINNERS-SLIDER::before{
    left:0;
    background:linear-gradient(90deg, var(--BG), rgba(255,247,237,0));
}

.WINNERS-SLIDER::after{
    right:0;
    background:linear-gradient(270deg, var(--BG), rgba(255,247,237,0));
}

.WINNERS-TRACK{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    width:max-content;
    padding-right:18px;
    transform:translateX(0);
    transition:transform .92s cubic-bezier(.4, 0, .2, 1);
    will-change:transform;
}

.WINNERS-TRACK.IS-SLIDING{
    transform:translateX(calc(var(--WINNER-STEP) * -1));
}

.WINNERS-TRACK.NO-TRANSITION{
    transition:none;
}

.WINNERS-TRACK .WINNER-CARD{
    flex:0 0 212px;
    transition:opacity .48s ease, transform .48s ease;
}

.WINNERS-TRACK.IS-SLIDING .WINNER-CARD:first-child{
    opacity:0;
    transform:scale(.94);
}


/* =========================
   FOOTER
========================= */

.FOOTER{
    margin-top:10px;
    padding:20px 0 12px;
    border-top:1px solid #FED7AA;
    background:#FFFFFF;
}

.FOOTER-GRID{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    align-items:flex-start;
}

.FOOTER-SUPPORT{
    margin-left:-12px;
}

.FOOTER h4{
    margin:0 0 8px;
    color:var(--GOLD);
    font-size:11px;
    font-weight:700;
}

.FOOTER a,
.FOOTER p{
    display:block;
    margin:0 0 6px;
    color:var(--SOFT);
    font-size:11px;
}

.FOOTER-SUPPORT-LINK{
    cursor:pointer;
    text-decoration:none;
}

.FOOTER-SUPPORT-LINK:hover{
    color:var(--GOLD2);
}

.SOCIALS{
    display:flex;
    gap:8px;
    margin-top:10px;
}

.SOCIALS span{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--GOLD);
    border:1px solid var(--GOLD_BORDER);
}

.EMAIL-BOX{
    display:flex;
    margin-top:10px;
    overflow:hidden;
    border-radius:12px;
    background:#FFF7ED;
    border:1px solid var(--GOLD_BORDER);
}

.EMAIL-BOX input{
    flex:1;
    min-width:0;
    padding:10px;
    color:var(--TEXT);
    background:transparent;
    border:0;
    outline:0;
    font-size:11px;
}

.EMAIL-BOX button{
    width:42px;
    border:0;
    color:#FFFFFF;
    background:linear-gradient(180deg, #FB923C, var(--GOLD2));
}

.COPYRIGHT{
    margin-top:10px;
    padding-top:12px;
    color:#9A3412;
    border-top:1px solid #FED7AA;
    font-size:10px;
    text-align:center;
}



/* =========================
   CLEAN WHITE + ORANGE THEME
========================= */

:root{
    --FONT_FAMILY:'Geist Mono', monospace;
    --BG:#F8FAFC;
    --CARD:#FFFFFF;
    --CARD2:#FFF7ED;
    --TEXT:#1F2937;
    --MUTED:#6B7280;
    --SOFT:#4B5563;
    --GOLD:#F97316;
    --GOLD2:#EA580C;
    --PURPLE:#F97316;
    --BORDER:#E5E7EB;
    --GOLD_BORDER:#FED7AA;
    --BODY_BG:#F3F4F6;
    --BODY_BG_IMAGE:none;
    --RADIUS:16px;
}

body{
    background-color:var(--BODY_BG);
    background-image:var(--BODY_BG_IMAGE);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:var(--TEXT);
}

.APP{
    background:var(--BG);
    box-shadow:none;
}

.SECTION-TITLE,
.CATEGORY-CARD h3,
.HERO h1,
.PROMO-BIG,
.WINNER-NAME{
    color:var(--TEXT);
}

.VIEW-ALL,
.PLAY-LINK,
.BRAND-NAME,
.HERO h1 span,
.JACKPOT-LABEL,
.JACKPOT-AMOUNT,
.BONUS .PERCENT,
.PROMO-SMALL,
.BENEFIT-ICON,
.BENEFIT-CARD h4,
.VIP h2,
.VIP-PERK i,
.WINNER-AMOUNT,
.FOOTER h4,
.SOCIALS span{
    color:var(--GOLD);
}

.BTN-GOLD{
    color:#FFFFFF;
    background:#F97316;
    border:1px solid #EA580C;
    box-shadow:none;
}

.BTN-GOLD:hover{
    background:#EA580C;
}

.BTN-DARK{
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:none;
}

.CARD{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:none;
}

.TOPBAR{
    background:#FFFFFF;
    backdrop-filter:none;
    border-bottom:1px solid #E5E7EB;
}

.MENU-BTN{
    color:#EA580C;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.BRAND-ICON{
    color:#F97316;
    background:transparent;
    border:0;
}

.HERO{
    border:1px solid #FED7AA;
    background:
        linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,247,237,.86)),
        url('https://images.unsplash.com/photo-1606167668584-78701c57f13d?q=80&w=1200&auto=format&fit=crop') center/cover;
    box-shadow:none;
}

.HERO::after{
    display:none;
}

.HERO-TAG{
    color:#EA580C;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.HERO-DECOR{
    opacity:1;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.HERO-DECOR::before{
    color:#F97316;
    text-shadow:none;
}

.HERO-DECOR::after{
    color:#1F2937;
}

.JACKPOT,
.VIP{
    background:#FFFFFF;
    border:1px solid #FED7AA;
    box-shadow:none;
}

.CATEGORY-ICON,
.PROMO-ICON,
.BENEFIT-ICON{
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.GAME-CARD{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:none;
}

.GAME-CARD::after{
    background:linear-gradient(180deg, transparent 35%, rgba(255,255,255,.94));
}

.GAME-TITLE{
    color:#EA580C;
    text-shadow:none;
}

.BADGE{
    color:#FFFFFF;
}

.VIP-PERK{
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WINNER-IMG{
    color:#F97316;
    background:#FFF7ED;
    border:1px solid #FED7AA;
}

.FOOTER{
    background:#FFFFFF;
    border-top:1px solid #E5E7EB;
}

.FOOTER a,
.FOOTER p{
    color:#4B5563;
}

.EMAIL-BOX{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.EMAIL-BOX input{
    color:#1F2937;
}

.EMAIL-BOX button{
    color:#FFFFFF;
    background:#F97316;
}

.COPYRIGHT{
    color:#6B7280;
    border-top:1px solid #E5E7EB;
}

.FOOTER a:hover,
.VIEW-ALL:hover,
.PLAY-LINK:hover{
    color:#EA580C;
}




/* =========================
   FORCE GEIST MONO FONT
========================= */

html,
body,
button,
[role="button"],
input,
textarea,
select,
.ui,
.ui *:not(.material-symbols-rounded),
.APP,
.APP *:not(.material-symbols-rounded){
    font-family:var(--FONT_FAMILY) !important;
}

/* =========================
   GOOGLE ICONS + CENTER ALIGN FIX
========================= */

.material-symbols-rounded{
    font-family:'Material Symbols Rounded' !important;
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
    font-feature-settings:'liga';
    vertical-align:middle;
}

.BTN{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    line-height:1;
}

.MENU-BTN,
.MENU-CLOSE,
.EMAIL-BOX button,
.BRAND-ICON,
.CATEGORY-ICON,
.PROMO-ICON,
.BENEFIT-ICON,
.WINNER-IMG,
.SOCIALS span{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    text-align:center;
}

.MENU-BTN .material-symbols-rounded,
.MENU-CLOSE .material-symbols-rounded,
.EMAIL-BOX button .material-symbols-rounded{
    width:20px;
    height:20px;
    font-size:20px;
}

.SIDE-MENU-LINK .material-symbols-rounded{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#F97316;
    font-size:18px;
}

.HERO-TAG .material-symbols-rounded{
    width:16px;
    height:16px;
    font-size:16px;
}

.CATEGORY-CARD{
    text-align:center;
}

.CATEGORY-ICON{
    margin:0 auto 9px;
}

.CATEGORY-ICON .material-symbols-rounded{
    font-size:31px;
}

.PROMO-ICON .material-symbols-rounded{
    font-size:35px;
}

.BENEFIT-ICON .material-symbols-rounded{
    font-size:20px;
}

.VIP-PERK .material-symbols-rounded{
    width:100%;
    margin:0 auto 5px;
    color:#F97316;
    font-size:20px;
}

.WINNER-IMG .material-symbols-rounded{
    font-size:27px;
}

.SOCIALS span .material-symbols-rounded{
    font-size:18px;
}

.SIDE-MENU-LINK i,
.VIP-PERK i{
    display:none !important;
}

.GAME-TILE{
    position:relative;
    width:100px;
    min-width:100px;
    height:100px;
    flex:0 0 100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

[data-game-launch="true"]{
    cursor:pointer;
}

[data-game-launch="true"].IS-LAUNCHING{
    pointer-events:none;
    opacity:.72;
}

.GAME-TILE::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, #FFF7ED 0%, #FFEDD5 45%, #FFF7ED 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.GAME-TILE.IS-IMAGE-LOADED::before{
    display:none;
}

.GAME-TILE img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.GAME-TILE.IS-IMAGE-LOADED img{
    opacity:1;
}

.GAME-TILE.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, #FFF7ED, #FED7AA);
}

.GAME-TILE::after,
#FEATURED_GAMES .GAME-TILE::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

.GAME-TILE .GAME-TITLE,
#FEATURED_GAMES .GAME-TILE .GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

.GAME-PROVIDER{
    position:absolute;
    top:7px;
    right:7px;
    z-index:3;
    max-width:46px;
    padding:2px 5px;
    border-radius:999px;
    color:#EA580C;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(254,215,170,.82);
    font-size:7px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.JILI-VIEW-ALL-GRID .GAME-TILE{
    width:80px;
    height:80px;
    min-width:80px;
    flex:0 0 80px;
    border-radius:12px;
}

.JILI-VIEW-ALL-GRID .GAME-TILE .GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.05;
}

.JILI-VIEW-ALL-GRID .GAME-PROVIDER{
    top:5px;
    right:5px;
    max-width:38px;
    padding:2px 4px;
    font-size:6px;
}

@media(max-width:360px){
    .JILI-VIEW-ALL-GRID .GAME-TILE{
        width:72px;
        height:72px;
        min-width:72px;
        flex-basis:72px;
    }

    .JILI-VIEW-ALL-GRID .GAME-TILE .GAME-TITLE{
        font-size:7px;
    }
}

/* Winner tiles stay smaller than the standard game tiles. */
.WINNER-CARD .WINNER-GAME-TILE{
    width:65px;
    min-width:65px;
    height:65px;
    flex:0 0 65px;
}

.WINNER-CARD .WINNER-GAME-TILE .GAME-TITLE{
    left:4px;
    right:4px;
    bottom:4px;
    font-size:9px;
    line-height:1;
    font-weight:700;
}

.WINNER-NAME{
    color:#334155;
    font-size:11px;
    font-weight:700;
    line-height:1;
}

.WINNER-WON{
    color:#64748B;
    font-size:10px;
    line-height:1;
    margin-top:0;
    text-transform:lowercase;
    letter-spacing:.1px;
    font-weight:700;
}

.WINNER-AMOUNT{
    display:block;
    align-self:flex-start;
    margin-top:1px;
    margin-left:3px;
    color:var(--GOLD2);
    text-shadow:0 0 10px rgba(249,115,22,.35), 0 0 18px rgba(249,115,22,.18);
    font-size:18px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
}

/* HERO DECOR REMOVED */
.HERO-DECOR,
.HERO-DECOR::before,
.HERO-DECOR::after{
    display:none !important;
}