*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Arial, Helvetica, sans-serif;

}

body{

background:#08131f;

display:flex;

justify-content:center;

align-items:center;

height:100vh;

}

.casino{

width:420px;

background:#14263d;

border:6px solid #FFD54A;

border-radius:20px;

padding:30px;

text-align:center;

box-shadow:0 0 30px rgba(255,213,74,.5);

}

.logo{
    width: 180px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-touch-callout: none; /* Evita el menú flotante en iOS */
    pointer-events: auto;
}

h1{

color:white;

margin-bottom:25px;

letter-spacing:2px;

}

.machine{

display:flex;

justify-content:space-between;

margin-bottom:30px;

}

.reel{

width:100px;

height:120px;

background:white;

border-radius:15px;

display:flex;

justify-content:center;

align-items:center;

overflow:hidden;

font-size:60px;

box-shadow:inset 0 0 15px rgba(0,0,0,.4);

}

.symbol{

transition:.2s;

}

button{

width:100%;

padding:18px;

font-size:22px;

border:none;

border-radius:10px;

background:#ff4d00;

color:white;

cursor:pointer;

font-weight:bold;

}

button:hover{

transform:scale(1.03);

}

#message{

margin-top:25px;

font-size:32px;

font-weight:bold;

color:#FFD54A;

height:45px;

}
.admin-panel{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0,0,0,.5);
    z-index: 999;
    width: 320px; /* Ancho fijo para que no se expanda demasiado */
}

.admin-panel h3 {
    margin-bottom: 15px;
    color: #14263d;
}

.admin-panel button{
    margin-top: 10px;
    width: 100%;
    padding: 12px; /* Un poco más delgado que el botón principal */
    font-size: 16px; /* Letra más pequeña y adecuada para un menú */
    background: #14263d; /* Color oscuro para diferenciarlo del botón GIRAR */
}

.admin-panel button:hover{
    transform: scale(1.02);
    background: #1f3a5f;
}

/* Opcional: un color rojo o gris para el botón de cerrar */
#closePanel {
    background: #d9534f; 
}

#closePanel:hover {
    background: #c9302c;
}