.jogar-wrap { max-width: 980px; margin: 0 auto; padding: 24px 16px 60px; }
    .code-card { max-width: 460px; margin: 30px auto; text-align: center; }
    #code-input { font-family: 'Poppins', sans-serif; font-size: 28px; letter-spacing: 6px; text-align: center; text-transform: uppercase; }
    .jogo-card { cursor: pointer; transition: .15s; }
    .jogo-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(124,58,237,.35); }
    /* descrição aparece ao passar o mouse (sem clicar) */
    .jogo-card .desc { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .25s ease, opacity .2s ease, margin .2s ease; margin: 0; }
    .jogo-card:hover .desc { max-height: 140px; opacity: 1; margin-top: 6px; }
    .jogo-card .jogar-hint { font-weight: 700; color: #22D3EE; margin-top: 8px; }
    @media (hover: none) { .jogo-card .desc { max-height: 140px; opacity: 1; margin-top: 6px; } }
    .jogo-fundo { position: fixed; inset: 0; background: rgba(4,6,14,.92); display: none; place-items: center; z-index: 200; padding: 12px; }
    .jogo-fundo.aberto { display: grid; }
    .jogo-modal { width: min(1280px,98vw); height: min(860px,96vh); background: #06140d; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
    .jogo-barra { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; background: linear-gradient(90deg,#8B5CF6,#22D3EE); color: #fff; font-family: 'Poppins',sans-serif; font-weight: 700; }
    .jogo-barra button { width: 36px; height: 36px; border: none; border-radius: 8px; background: rgba(0,0,0,.25); color: #fff; font-size: 16px; cursor: pointer; }
    #jogo-frame { flex: 1; border: none; width: 100%; background: #06140d; }