.jpl-container{
    max-width:750px; min-height:550px; margin:30px auto;
    border-radius:24px; box-shadow:0 12px 40px rgba(0,0,0,0.4);
    position:relative; overflow:hidden; background-color:#2980b9;
}
.jpl-fundo-dinamico{
    position:absolute; top:0; left:0; width:100%; height:100%;
    background-size:cover; background-position:center; background-repeat:no-repeat;
    z-index:1; transition: all 0.8s ease;
    background-image:url('https://images.unsplash.com/photo-1542281286-9e0a16bb7367a?w=800&h=600&fit=crop');
}
.jpl-sobreposicao{
    position:relative; z-index:2; background:rgba(0,0,0,0.55);
    width:100%; height:100%; padding:30px 20px; text-align:center; color:white;
}
.jpl-info{display:flex; justify-content:space-around; font-weight:bold; font-size:18px; margin-bottom:30px;}
.jpl-espacos{display:flex; justify-content:center; gap:14px; min-height:80px; margin:30px 0; flex-wrap:wrap;}
.jpl-espaco{width:65px; height:65px; background:rgba(255,255,255,0.9); border-radius:14px; font-size:34px; font-weight:bold; color:#2980b9; display:flex; align-items:center; justify-content:center; border-bottom:5px solid #3498db;}
.jpl-espaco.certo{background:#2ecc71; color:white; transform:scale(1.12); border-bottom-color:#27ae60;}
.jpl-espaco.erro{background:#e74c3c; animation:tremer 0.4s;}
.jpl-letras{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin:25px 0;}
.jpl-letra{width:60px; height:60px; background:linear-gradient(145deg,#ffd32a,#ff9f1a); color:white; font-size:30px; font-weight:bold; border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 5px 0 #e67e22; transition:0.2s; user-select:none;}
.jpl-letra:hover:not(.usada){transform:translateY(-4px); box-shadow:0 8px 0 #e67e22;}
.jpl-letra.usada{background:#bdc3c7; opacity:0.6; cursor:not-allowed; transform:none;}
.jpl-festa{font-size:22px; font-weight:bold; background:rgba(46,204,113,0.85); padding:12px 25px; border-radius:12px; margin:15px auto; max-width:450px; display:none;}
.jpl-festa.grande{font-size:28px;}
.jpl-festa.ativa{display:block; animation:pulsar 0.6s;}
.jpl-btn{background:#9b59b6; color:white; padding:12px 30px; font-size:18px; font-weight:bold; border:none; border-radius:12px; cursor:pointer; margin-top:20px;}
@keyframes tremer{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}
@keyframes pulsar{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}
@media(max-width:480px){
    .jpl-container{min-height:480px; margin:15px;}
    .jpl-espaco{width:52px;height:52px;font-size:28px;}
    .jpl-letra{width:48px;height:48px;font-size:24px;}
}