/* ==========================================
   SAVIA484 - Premium Red Cyber Theme
========================================== */

:root{

--bg:#050505;
--bg2:#150005;
--card:#21070d;

--red:#ff003c;
--red2:#ff1744;
--red3:#ff5c8a;

--white:#ffffff;

}


/* =========================
   BACKGROUND
========================= */

html,
body,
#app,
.v-application,
.v-application__wrap{

background:
radial-gradient(
circle at top,
#70001c 0%,
#250008 35%,
#050505 75%
)!important;

color:white!important;

min-height:100%!important;

}


/* ลายพื้นหลัง */

.v-application__wrap{

background-image:

linear-gradient(
45deg,
rgba(255,0,60,.05) 25%,
transparent 25%
),

linear-gradient(
-45deg,
rgba(255,0,60,.05) 25%,
transparent 25%
);

background-size:100px 100px!important;

}



/* =========================
 HEADER
========================= */

header,
.navbar,
.v-app-bar{

background:

linear-gradient(
90deg,
#180006,
#8b001f,
#ff003c
)!important;


box-shadow:

0 0 25px rgba(255,0,60,.8)!important;

}



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

nav a,
.menu a{

color:#ffd9e2!important;

font-weight:600;

transition:.3s;

}


nav a:hover,
.menu a:hover{

color:white!important;

text-shadow:

0 0 10px #ff003c,
0 0 25px #ff1744;

}



/* =========================
 BUTTON
========================= */

button,
.btn,
.v-btn{

background:

linear-gradient(
135deg,
#85001f,
#ff003c,
#ff5c8a
)!important;


border:none!important;

border-radius:14px!important;

color:white!important;

font-weight:bold;


box-shadow:

0 0 20px rgba(255,0,60,.7)!important;


transition:.3s;

}



button:hover,
.btn:hover,
.v-btn:hover{


transform:translateY(-3px);


box-shadow:

0 0 25px #ff003c,
0 0 50px rgba(255,0,60,.8)!important;


}



/* =========================
 GAME CARD
========================= */

.card,
.box,
.game,
.panel,
.v-card,
.game-item{


background:

rgba(25,5,10,.95)!important;


border:

1px solid rgba(255,0,60,.45)!important;


border-radius:18px!important;


box-shadow:

0 0 15px rgba(255,0,60,.25);


transition:.3s;


}



.card:hover,
.box:hover,
.game:hover,
.v-card:hover,
.game-item:hover{


transform:translateY(-6px);


border-color:#ff5c8a!important;


box-shadow:


0 0 20px #ff003c,
0 0 45px rgba(255,0,60,.8)!important;


}



/* =========================
 INPUT
========================= */

input,
select,
textarea{


background:#18050b!important;

border:1px solid #ff003c!important;

color:white!important;


}



/* =========================
 FOOTER
========================= */

footer{


background:#100005!important;


border-top:

1px solid rgba(255,0,60,.3);


}



/* =========================
 SCROLL
========================= */


::-webkit-scrollbar{

width:8px;

}


::-webkit-scrollbar-thumb{


background:

linear-gradient(
#ff003c,
#ff5c8a
);


border-radius:50px;

}



/* =========================
 NEON ANIMATION
========================= */


@keyframes redGlow{


0%{

box-shadow:
0 0 10px rgba(255,0,60,.3);

}


50%{

box-shadow:

0 0 35px rgba(255,0,60,1);

}


100%{

box-shadow:

0 0 10px rgba(255,0,60,.3);

}


}



button,
.btn,
.v-btn{


animation:

redGlow 3s infinite;


}
/* ==========================================
   SAVIA484 - Premium Casino Game Cards
========================================== */


/* กล่องเกม */

.game-item,
.v-card,
.game,
.card{


position:relative;

overflow:hidden;

background:

linear-gradient(
145deg,
#260008,
#120004
)!important;


border:

1px solid rgba(255,0,60,.45)!important;


border-radius:20px!important;


transition:.35s ease;


}



/* แสงวิ่งบนการ์ด */

.game-item::before,
.v-card::before,
.game::before,
.card::before{


content:"";

position:absolute;

top:-50%;

left:-50%;

width:200%;

height:200%;


background:

linear-gradient(
120deg,
transparent 40%,
rgba(255,0,60,.5),
transparent 60%
);


transform:rotate(25deg);


animation:

cardLight 4s infinite;


pointer-events:none;


}



@keyframes cardLight{


0%{

transform:translateX(-80%) rotate(25deg);

}


50%{

transform:translateX(80%) rotate(25deg);

}


100%{

transform:translateX(80%) rotate(25deg);

}


}



/* รูปเกม */

.game-item img,
.v-card img,
.game img,
.card img{


border-radius:16px;


transition:.4s;


}



/* Hover แบบคาสิโน */

.game-item:hover,
.v-card:hover,
.game:hover,
.card:hover{


transform:

translateY(-10px)
scale(1.03);


border-color:#ff003c!important;


box-shadow:


0 0 15px #ff003c,
0 0 35px rgba(255,0,60,.8),
inset 0 0 20px rgba(255,0,60,.25)!important;


}



/* รูป Zoom ตอนชี้ */

.game-item:hover img,
.v-card:hover img,
.game:hover img,
.card:hover img{


transform:scale(1.08);


}



/* เงาด้านล่างการ์ด */

.game-item::after,
.v-card::after,
.game::after,
.card::after{


content:"";

position:absolute;

bottom:0;

left:10%;

width:80%;

height:3px;


background:

linear-gradient(
90deg,
transparent,
#ff003c,
transparent
);


box-shadow:

0 0 15px #ff003c;


}



/* ชื่อเกม */

.game-item .title,
.card-title,
.v-card-title{


color:white!important;


font-weight:700;


text-shadow:


0 0 10px #ff003c;


}
/* ==========================================
   Premium Black Red Casino Background
========================================== */

html,
body,
#app,
.v-application,
.v-application__wrap{

background:

radial-gradient(
circle at 50% -10%,
#4a0012 0%,
#160006 35%,
#050505 75%,
#000000 100%
)!important;


color:#fff!important;

}



/* เพิ่มลายพื้นหลัง */

.v-application__wrap{

background-image:

radial-gradient(
circle at 20% 30%,
rgba(255,0,60,.12),
transparent 25%
),

radial-gradient(
circle at 80% 70%,
rgba(180,0,40,.15),
transparent 30%
),

linear-gradient(
135deg,
rgba(255,255,255,.03) 25%,
transparent 25%
);


background-size:
auto,
auto,
80px 80px!important;

}